@charset "UTF-8";
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

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

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

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  margin: 0; }

input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

input::-ms-clear {
  display: none; }

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

@font-face {
  font-family: 'PB';
  src: local("😥"), url(../fonts/ProximaNova-Black.woff2) format("woff2"), url(../fonts/ProximaNova-Black.woff) format("woff"), url(../fonts/ProximaNova-Black.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PB600';
  src: local("😥"), url(../fonts/proximanovabold.woff2) format("woff2"), url(../fonts/proximanovabold.woff) format("woff"), url(../fonts/proximanovabold.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

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

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  color: #333;
  font: 14px/16px 'Roboto', sans-serif;
  background: #fff; }
  body.fixCaret {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

svg {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

button {
  font-family: 'Roboto'; }

button:focus,
input:focus,
textarea:focus {
  outline: none; }

button[disabled],
input[disabled],
textarea[disabled] {
  opacity: 0.6;
  cursor: not-allowed; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"] {
  background: transparent;
  width: 100%;
  background: none;
  padding: 5px 0;
  border: dotted #adb8c5;
  border-width: 0 0 1px;
  height: 47px;
  border-radius: 0;
  color: #46647d;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-family: "Roboto";
  font-size: 14px;
  line-height: 16px; }
  input[type="text"].error,
  input[type="tel"].error,
  input[type="email"].error,
  input[type="search"].error,
  input[type="password"].error {
    border: 1px solid red; }
  input[type="text"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder {
    color: #b2b2b2; }
  input[type="text"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder {
    color: #b2b2b2;
    opacity: 1; }
  input[type="text"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder {
    color: #b2b2b2; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder {
    color: #b2b2b2; }

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
  border: solid #46647d;
  border-width: 0 0 1px; }

textarea {
  background: transparent;
  padding: 11px 0 5px;
  height: 107px;
  min-height: 107px;
  color: #333;
  display: block;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-family: "Roboto";
  width: 100%;
  resize: vertical;
  background: none;
  border-radius: 0;
  font-size: 12px;
  border: dotted #adb8c5;
  border-width: 0 0 1px;
  resize: none; }
  textarea:-moz-placeholder {
    color: #b2b2b2; }
  textarea::-moz-placeholder {
    color: #b2b2b2;
    opacity: 1; }
  textarea:-ms-input-placeholder {
    color: #b2b2b2; }
  textarea::-webkit-input-placeholder {
    color: #b2b2b2; }
  textarea.error {
    border-color: red; }

p.error {
  font-size: 13px;
  line-height: 15px;
  color: red; }

.footer__col--form p.error {
  position: absolute;
  bottom: -21px;
  left: 0;
  margin: 0;
  right: 0;
  text-align: center; }

:-moz-placeholder {
  color: #49576b; }

::-moz-placeholder {
  color: #49576b;
  opacity: 1; }

:-ms-input-placeholder {
  color: #49576b; }

::-webkit-input-placeholder {
  color: #49576b; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus:-moz-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

textarea:focus::-webkit-input-placeholder {
  color: transparent; }

textarea:focus:-moz-placeholder {
  color: transparent; }

textarea:focus::-moz-placeholder {
  color: transparent; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

::-ms-clear {
  display: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

h1 {
  font-size: 34px;
  line-height: 36px;
  font-weight: 700;
  font-family: 'PB'; }

h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: normal;
  font-family: 'PB'; }

h3 {
  font-size: 22px;
  line-height: 24px;
  font-weight: normal;
  font-family: 'PB'; }

h4 {
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  font-family: 'PB'; }

h5 {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  font-family: 'PB'; }

h5 {
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  font-family: 'Ubuntu'; }

a {
  color: #97a4b1;
  text-decoration: underline;
  outline: none;
  cursor: pointer; }

.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out; }

.main {
  padding-top: 121px; }

.wrapper .pop-up.active {
  z-index: 3333333333; }

.wrapper .fancybox__container {
  z-index: 33333; }

@media screen and (max-width: 767px) {
  .wrapper .header {
    top: auto; } }

@media screen and (max-width: 1250px) {
  .wrapper .header {
    padding: 17px 45px 17px 15px;
    position: fixed; } }

#address-popup {
  padding-top: 84px; }
  @media screen and (max-width: 767px) {
    #address-popup {
      height: 100%; } }

.address-popup__holder {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 100%; }
  .address-popup__holder .new-footer__map {
    height: 100%;
    max-width: 100%; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

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

/* Icons */
/* 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%);
  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: false;
    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: false;
        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; }

.slick-loading .slick-list {
  background: transparent; }

.btn {
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  padding: 11px 31px;
  border-radius: 20px;
  border: none;
  text-transform: uppercase;
  background: #f8e015;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .btn--white {
    background: #fff;
    color: #46647d;
    -webkit-box-shadow: 0 6px 12px 0 rgba(70, 100, 125, 0.25);
    box-shadow: 0 6px 12px 0 rgba(70, 100, 125, 0.25); }
    @media only screen and (min-width: 1025px) {
      .btn--white:hover {
        -webkit-box-shadow: 0 0 0 2px rgba(70, 100, 125, 0.2);
        box-shadow: 0 0 0 2px rgba(70, 100, 125, 0.2); } }

.content-inner {
  max-width: 1470px;
  margin: 0 auto; }

.letter-box {
  position: absolute;
  bottom: 0;
  left: -25%;
  width: 500px;
  height: 465px;
  z-index: -1;
  opacity: .4; }
  .letter-box span {
    font-size: 47px;
    line-height: 49px;
    text-transform: uppercase;
    color: #cfdae0;
    font-weight: 800;
    position: absolute; }
  .letter-box .item-1 {
    left: 20px;
    top: 0; }
  .letter-box .item-2 {
    left: 150px;
    top: 100px; }
  .letter-box .item-3 {
    top: 220px;
    left: 0; }
  .letter-box .item-4 {
    left: 153px;
    top: 240px; }
  .letter-box .item-5 {
    left: 250px;
    top: 240px; }
  .letter-box .item-6 {
    top: 120px;
    left: 370px; }
  .letter-box .item-7 {
    top: 240px;
    left: 370px; }
  .letter-box .item-8 {
    top: 360px;
    left: 370px; }
  .letter-box .item-9 {
    top: 226px;
    left: 480px; }
  .letter-box .item-10 {
    bottom: -60px;
    left: 560px; }
  .letter-box .item-11 {
    left: 690px;
    top: 370px; }

iframe {
  border: none;
  max-width: 100%; }

.more-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .more-link .btn {
    margin: 0 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .more-link::before, .more-link::after {
    content: '';
    display: block;
    width: 100%;
    border-top: 1px solid #adb8c5; }

.buttons-box {
  position: fixed;
  right: 30px;
  bottom: 20px;
  z-index: 10; }
  @media screen and (max-width: 767px) {
    .buttons-box {
      right: 10px; } }
  .buttons-box__item {
    display: block;
    margin: 10px 0;
    background: -webkit-gradient(linear, left top, right top, from(#FFAE00), to(#FF0062));
    background: linear-gradient(90deg, #FFAE00 0%, #FF0062 100%);
    border: none;
    border-radius: 50%;
    text-align: center;
    width: 64px;
    height: 64px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .buttons-box__item svg {
      width: 23px;
      height: 21px;
      fill: #fff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
    @media screen and (max-width: 767px) {
      .buttons-box__item {
        width: 30px;
        height: 30px; }
        .buttons-box__item svg {
          width: 14px;
          height: 13px; } }
    @media only screen and (min-width: 1025px) {
      .buttons-box__item:hover {
        background: #f8e015;
        -webkit-box-shadow: 0 0 25px 0 rgba(51, 51, 51, 0.6);
        box-shadow: 0 0 25px 0 rgba(51, 51, 51, 0.6); }
        .buttons-box__item:hover svg {
          fill: rgba(51, 51, 51, 0.9); } }

.center {
  text-align: center; }

.scrollable {
  max-height: 276px;
  overflow: auto; }

body.blue .course-section__info-title,
body.blue .course-custom__about-title,
body.blue .certificate-block__thumb-text {
  background: -webkit-linear-gradient(270deg, #61B1EC 0%, #4555DF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

body.blue .course-section__info-top,
body.blue .course-custom__instructor-notes,
body.blue .course-custom__about-list li.active,
body.blue .programm,
body.blue .credit-block,
body.blue .vacancies {
  background: -webkit-gradient(linear, right top, left top, from(#61B1EC), to(#4555DF));
  background: linear-gradient(270deg, #61B1EC 0%, #4555DF 100%); }

body.blue .course-custom__instructor-experience li::after,
body.blue .must-know__top-list li::after {
  border-bottom: 4px solid #4a84dc;
  border-right: 4px solid #4a84dc; }

body.blue .must-know__advantages-ico svg {
  fill: #4a84dc; }

body.blue .certificate-block__thumb-ico svg {
  fill: #4a84dc; }

body.blue-second .course-section__info-title,
body.blue-second .course-custom__about-title,
body.blue-second .certificate-block__thumb-text {
  background: -webkit-linear-gradient(217.15deg, #5EB1FF 1.84%, #4F14A7 98.69%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

body.blue-second .course-section__info-top,
body.blue-second .course-custom__instructor-notes,
body.blue-second .course-custom__about-list li.active,
body.blue-second .programm,
body.blue-second .credit-block,
body.blue-second .vacancies {
  background: linear-gradient(267.15deg, #5EB1FF 1.84%, #4F14A7 98.69%); }

body.blue-second .course-custom__instructor-experience li::after,
body.blue-second .must-know__top-list li::after {
  border-bottom: 4px solid #4F14A7;
  border-right: 4px solid #4F14A7; }

body.blue-second .must-know__advantages-ico svg {
  fill: #4F14A7; }

body.blue-second .certificate-block__thumb-ico svg {
  fill: #4F14A7; }

body.green .course-section__info-title,
body.green .course-custom__about-title,
body.green .certificate-block__thumb-text {
  background: -webkit-linear-gradient(90deg, #199274 -0.69%, #7CE54D 100.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

body.green .course-section__info-top,
body.green .course-custom__instructor-notes,
body.green .course-custom__about-list li.active,
body.green .programm,
body.green .credit-block,
body.green .vacancies {
  background: -webkit-gradient(linear, left top, right top, color-stop(-0.69%, #199274), color-stop(100.38%, #7CE54D));
  background: linear-gradient(90deg, #199274 -0.69%, #7CE54D 100.38%); }

body.green .course-custom__instructor-experience li::after,
body.green .must-know__top-list li::after {
  border-bottom: 4px solid #6dc358;
  border-right: 4px solid #6dc358; }

body.green .must-know__advantages-ico svg {
  fill: #6dc358; }

body.green .certificate-block__thumb-ico svg {
  fill: #6dc358; }

body.orange .course-section__info-title,
body.orange .course-custom__about-title,
body.orange .certificate-block__thumb-text {
  background: -webkit-linear-gradient(0deg, #DD3F3F -0.69%, #FF912C 100.38%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

body.orange .course-section__info-top,
body.orange .course-custom__instructor-notes,
body.orange .course-custom__about-list li.active,
body.orange .programm,
body.orange .credit-block,
body.orange .vacancies {
  background: -webkit-gradient(linear, left top, right top, color-stop(-0.69%, #DD3F3F), color-stop(100.38%, #FF912C));
  background: linear-gradient(90deg, #DD3F3F -0.69%, #FF912C 100.38%); }

body.orange .course-custom__instructor-experience li::after,
body.orange .must-know__top-list li::after {
  border-bottom: 4px solid #f48a28;
  border-right: 4px solid #f48a28; }

body.orange .must-know__advantages-ico svg {
  fill: #f48a28; }

body.orange .certificate-block__thumb-ico svg {
  fill: #f48a28; }

@media screen and (max-width: 767px) {
  .course-content__info.article {
    margin: 0 auto 50px; } }

.article-heading {
  position: relative;
  margin-bottom: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 520px;
  background-size: cover;
  background-position: center; }
  .article-heading h1 {
    font-family: 'PB';
    font-size: 40px;
    color: #fff;
    line-height: 47px;
    max-width: 80%;
    text-transform: uppercase;
    text-align: center;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .article-heading h1 {
        max-width: 100%;
        padding: 0 15px;
        font-size: 34px; } }

.article iframe {
  margin: 25px 0; }
  @media screen and (max-width: 479px) {
    .article iframe {
      height: 233px; } }
  @media screen and (max-width: 413px) {
    .article iframe {
      height: 213px; } }
  @media screen and (max-width: 374px) {
    .article iframe {
      height: 180px; } }

.comments {
  max-width: 930px;
  margin: 0 auto 30px;
  padding: 0 15px; }

.recent-news {
  max-width: 930px;
  margin: 0 auto 80px; }
  .recent-news .course-tools__title {
    text-align: center;
    margin-bottom: 23px; }
  .recent-news .blog-item {
    max-width: 650px;
    margin: 0 auto 45px; }
    @media only screen and (max-width: 767px) {
      .recent-news .blog-item {
        padding: 0 15px; } }
  .recent-news .blog-item__title {
    font-size: 22px;
    line-height: 26px; }

.share-section {
  max-width: 930px;
  width: 100%;
  margin: 0 auto 40px;
  padding: 17px 0;
  border: dotted #d8d8d8;
  border-width: 1px 0; }
  .share-section__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .share-section__holder {
        padding: 0 15px; } }
    @media screen and (max-width: 479px) {
      .share-section__holder {
        display: block;
        text-align: center; }
        .share-section__holder .blog-item__counters {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-top: 10px; } }
  .share-section__title {
    font-size: 12px;
    line-height: 14px;
    color: #adb8c5;
    margin-right: 23px; }
  .share-section__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 479px) {
      .share-section__box {
        margin-bottom: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }

.social-likes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .social-likes__widget {
    cursor: pointer; }
    @media screen and (min-width: 1250px) {
      .social-likes__widget:hover {
        opacity: 0.7; } }
  .social-likes__widget_facebook svg {
    width: 7px;
    height: 13px; }
  .social-likes__widget_twitter {
    margin-left: 26px; }
    .social-likes__widget_twitter svg {
      width: 14px;
      height: 12px; }
  .social-likes__widget_plusone {
    margin-left: 26px; }
    .social-likes__widget_plusone svg {
      width: 19px;
      height: 12px; }

.blog {
  padding: 0 15px;
  padding-top: 121px; }
  .blog-item {
    max-width: 950px;
    margin: 0 auto 70px; }
    .blog-item img {
      width: 100%; }
    @media screen and (max-width: 767px) {
      .blog-item {
        margin: 0 auto 40px; } }
    .blog-item__thumb {
      margin-bottom: 15px;
      display: block;
      position: relative; }
      .blog-item__thumb::after {
        display: block;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.53)), to(rgba(0, 0, 0, 0.29)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0.29) 100%);
        opacity: 0;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out; }
    .blog-item__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 15px; }
    .blog-item__counters {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .blog-item__counter {
      color: #ADB8C5; }
      .blog-item__counter + .blog-item__counter {
        margin-left: 30px; }
      .blog-item__counter svg {
        width: 15px;
        height: 12px;
        margin-right: 6px;
        fill: #ADB8C5; }
    .blog-item__title {
      font-family: 'PB';
      font-size: 32px;
      color: #000;
      line-height: 36px;
      text-decoration: none;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out; }
      @media screen and (max-width: 479px) {
        .blog-item__title {
          font-size: 20px;
          line-height: 24px; } }
    @media only screen and (min-width: 1025px) {
      .blog-item:hover .blog-item__title {
        color: rgba(70, 100, 125, 0.8); }
      .blog-item:hover .blog-item__thumb::after {
        opacity: 1; } }
  .blog-load {
    max-width: 1100px;
    margin: 0 auto 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .blog-load::before, .blog-load::after {
      content: '';
      width: 100%;
      border-top: 1px solid #ADB8C5; }
    .blog-load__link {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0 25px; }

.publish-date {
  color: #ADB8C5; }

.city {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }
  @media screen and (max-width: 1679px) {
    .city {
      position: absolute;
      right: 0;
      margin-top: 1px; } }
  @media screen and (max-width: 1250px) {
    .city {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      top: 0;
      margin: 0; } }
  @media only screen and (min-width: 1025px) {
    .city:hover .city__list-holder {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .city__current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer; }
    @media screen and (max-width: 1250px) {
      .city__current {
        border: none; } }
    .city__current span {
      border: dashed #fff;
      border-width: 0 0 1px; }
      @media screen and (max-width: 1250px) {
        .city__current span {
          border: none; } }
    @media only screen and (max-width: 1100px) {
      .city__current {
        color: #000;
        padding-left: 12px;
        padding-right: 12px; } }
    .fixed.header .city__current {
      color: #000; }
      .fixed.header .city__current span {
        border-color: #000; }
  .city__current-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 7px;
    fill: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1100px) {
      .city__current-icon {
        fill: #000; } }
    .fixed.header .city__current-icon {
      fill: #000; }
  .city__current-arrow {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    fill: #fff;
    margin-left: 7px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1100px) {
      .city__current-arrow {
        display: none; } }
    .fixed.header .city__current-arrow {
      fill: #000; }
  .city__list-holder {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 9px;
    background: #fff;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-width: 100px;
    -webkit-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.05); }
    @media only screen and (max-width: 1250px) {
      .city__list-holder {
        top: 0;
        margin: 0;
        position: relative;
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        border-radius: 0;
        margin-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none; } }
    .city__list-holder::before {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      height: 10px; }
      @media only screen and (max-width: 1100px) {
        .city__list-holder::before {
          display: none; } }
  .city__list-arrow {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: -8px; }
  .city__list {
    list-style: none;
    padding: 0;
    margin: 0; }
    @media only screen and (max-width: 1100px) {
      .city__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
    .city__list li {
      position: relative;
      border-bottom: 1px solid rgba(51, 51, 51, 0.3); }
      @media only screen and (max-width: 1100px) {
        .city__list li {
          border: 0; } }
      .city__list li:last-child {
        border-bottom: 0; }
    .city__list a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
      padding: 10px;
      font-weight: bold;
      font-size: 16px;
      line-height: 16px;
      color: #000 !important;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media only screen and (min-width: 1025px) {
        .city__list a:hover {
          color: rgba(0, 0, 0, 0.8) !important; }
          .city__list a:hover svg {
            fill: #333; } }
      .city__list a svg {
        fill: #f8e015;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 11px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }

.contacts {
  position: relative;
  min-height: 100vh;
  padding: 90px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media only screen and (max-width: 1100px) {
    .contacts {
      min-height: auto;
      padding-top: 120px; } }
  @media only screen and (max-width: 767px) {
    .contacts {
      padding-top: 100px;
      padding-bottom: 40px; } }
  .contacts__top {
    position: relative;
    max-width: 1230px;
    width: 100%;
    margin: 0 auto; }
  .contacts__box {
    position: relative;
    border-radius: 65px;
    overflow: hidden;
    padding: 70px 67px 82px;
    margin-top: 80px; }
    @media only screen and (max-width: 1100px) {
      .contacts__box {
        margin-top: 0;
        padding: 40px 20px;
        text-align: center;
        border-radius: 30px; } }
  .contacts__left {
    position: relative;
    max-width: 570px;
    width: 100%; }
    @media only screen and (max-width: 1100px) {
      .contacts__left {
        max-width: 100%; } }
  .contacts__title {
    font-family: "PB";
    margin-bottom: 32px;
    font-weight: 900;
    font-size: 62px;
    line-height: 100%;
    color: #000; }
    @media only screen and (max-width: 1100px) {
      .contacts__title {
        font-size: 34px;
        margin-bottom: 15px; } }
  .contacts__text {
    font-size: 19px;
    line-height: 140%;
    color: #000;
    margin-bottom: 23px; }
    .contacts__text p {
      margin: 0; }
  .contacts__box-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .contacts__form {
    position: relative;
    max-width: 430px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1100px) {
      .contacts__form {
        margin: 0 auto; } }
    @media only screen and (max-width: 666px) {
      .contacts__form {
        display: block; } }
  .contacts__input {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    height: 64px !important;
    background: #fff !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 15px !important;
    color: #000 !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    border-radius: 60px 0 0 60px !important;
    border: 0 !important; }
    @media only screen and (max-width: 666px) {
      .contacts__input {
        border-radius: 0;
        border-radius: 60px !important;
        text-align: center;
        margin-bottom: 10px; } }
    .contacts__input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .contacts__input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .contacts__input::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .contacts__input::placeholder {
      color: rgba(0, 0, 0, 0.4); }
  .contacts__form-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 12px 26px;
    font-weight: 900;
    font-size: 12.9218px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 0 60px 60px 0;
    background: #000;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 666px) {
      .contacts__form-btn {
        border-radius: 60px;
        height: 64px;
        width: 100%; } }
    @media only screen and (min-width: 1025px) {
      .contacts__form-btn:hover {
        background: #333; } }
  .contacts__img {
    position: absolute;
    right: 50px;
    bottom: 0; }
    @media only screen and (max-width: 1100px) {
      .contacts__img {
        display: none; } }

.course-item {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 30px);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 30px);
  max-width: calc(50% - 30px);
  width: 100%;
  margin-left: 30px;
  margin-bottom: 64px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (max-width: 1023px) {
    .course-item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-left: 0;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 666px) {
    .course-item {
      border-radius: 0; } }
  @media only screen and (min-width: 1025px) {
    .course-item:hover {
      -webkit-transform: translateY(-24px);
      transform: translateY(-24px); }
      .course-item:hover .glitch {
        animation: glitch-skew 1s infinite linear alternate-reverse; }
        .course-item:hover .glitch::before {
          opacity: 1;
          animation: glitch-anim 5s infinite linear alternate-reverse; }
        .course-item:hover .glitch::after {
          opacity: 1;
          animation: glitch-anim2 1s infinite linear alternate-reverse; }
      .course-item:hover .course-item__img img {
        -webkit-transform: scale(0.95) rotate(-3deg);
        transform: scale(0.95) rotate(-3deg); } }
  .course-item::before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 100px;
    right: 100px;
    height: 50px;
    background: #dddddd;
    -webkit-filter: blur(35px);
    filter: blur(35px); }
    @media only screen and (max-width: 1200px) {
      .course-item::before {
        left: 56px;
        right: 56px; } }
  .course-item__img {
    display: block;
    position: relative;
    border-radius: 30px 30px 0 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (max-width: 666px) {
      .course-item__img {
        height: 168px; }
        .course-item__img img {
          max-height: 100%;
          width: auto; } }
    .course-item__img img {
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .course-item__box {
    padding: 35px 28px 45px;
    position: relative;
    background: #fafafa;
    border-radius: 0 0 30px 30px; }
    @media only screen and (max-width: 767px) {
      .course-item__box {
        padding: 15px 15px 30px; } }
  .course-item__title {
    font-family: "PB600";
    font-size: 24px;
    line-height: 26px;
    height: 52px;
    color: #000;
    margin-bottom: 15px;
    display: block;
    text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .course-item__title {
        font-size: 14px;
        line-height: 16px;
        height: 32px;
        margin-bottom: 10px; } }
  .course-item__slogan {
    font-family: "PB";
    font-weight: 900;
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 30px;
    position: relative;
    display: block;
    text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .course-item__slogan {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 10px; } }
  .course-item__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .course-item__controls {
        margin-bottom: 14px; } }
  .course-item__controls-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .course-item__start {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 20px; }
    @media only screen and (max-width: 767px) {
      .course-item__start {
        margin-right: 15px; } }
  .course-item__start-title {
    font-weight: bold;
    font-size: 16px;
    font-family: "PB600";
    margin-bottom: 10px;
    opacity: 0.7;
    color: #000; }
    @media only screen and (max-width: 767px) {
      .course-item__start-title {
        font-size: 10px; } }
  .course-item__start-val {
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    font-weight: 900;
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    font-family: "PB";
    border-radius: 4px; }
    @media only screen and (max-width: 767px) {
      .course-item__start-val {
        font-size: 14px;
        line-height: 17px;
        padding: 2px 4px; } }
  .course-item__places {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative; }
  .course-item__places-title {
    font-weight: bold;
    font-size: 16px;
    font-family: "PB600";
    margin-bottom: 15px;
    opacity: 0.7;
    color: #000; }
    @media only screen and (max-width: 767px) {
      .course-item__places-title {
        font-size: 10px;
        margin-bottom: 12px; } }
  .course-item__places-val {
    font-family: "PB";
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    color: #000; }
    @media only screen and (max-width: 767px) {
      .course-item__places-val {
        font-size: 14px;
        line-height: 17px; } }
    .course-item__places-val span {
      color: #e34141; }
  .course-item__btn {
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    padding: 19px 53px 19px;
    background: #f8e015;
    border-radius: 88px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-perspective: 1px;
    perspective: 1px;
    margin-top: 8px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    @media only screen and (max-width: 767px) {
      .course-item__btn {
        font-size: 13px;
        padding: 11px 19px; } }
    @media only screen and (min-width: 1025px) {
      .course-item__btn:hover {
        padding-right: 75px;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
        .course-item__btn:hover::after {
          -webkit-transform-origin: left top;
          transform-origin: left top;
          left: 100%;
          opacity: 1; }
        .course-item__btn:hover img {
          opacity: 1;
          -webkit-transform: translateX(0) scale(1);
          transform: translateX(0) scale(1); } }
    .course-item__btn::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: block;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.4);
      -webkit-transform-origin: right top;
      transform-origin: right top;
      opacity: 0; }
    .course-item__btn svg {
      position: absolute;
      top: 0;
      height: 100%;
      right: 0;
      z-index: -1; }
      @media only screen and (max-width: 767px) {
        .course-item__btn svg {
          max-width: 100%; } }
    .course-item__btn img {
      position: absolute;
      right: 30px;
      top: 50%;
      margin-top: -15px;
      opacity: 0;
      -webkit-transform: translateX(14px) scale(0);
      transform: translateX(14px) scale(0);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .course-item__about-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 10px;
    font-family: "PB"; }
    @media only screen and (max-width: 767px) {
      .course-item__about-title {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 7px; } }
  .course-item__about-text {
    font-size: 16px;
    line-height: 140%;
    color: #343434; }
    @media only screen and (max-width: 767px) {
      .course-item__about-text {
        font-size: 14px; } }
    .course-item__about-text p {
      margin: 0; }

.glitch::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 2px;
  text-shadow: -2px 0 #4de6ff;
  clip: rect(44px, 450px, 56px, 0);
  opacity: 0; }

.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: -2px;
  text-shadow: -2px 0 #b24fff, 2px 2px #0b14ff;
  opacity: 0; }

@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(83px, 9999px, 66px, 0);
    -webkit-transform: skew(1deg);
    transform: skew(1deg); }
  5% {
    clip: rect(63px, 9999px, 56px, 0);
    -webkit-transform: skew(0.22deg);
    transform: skew(0.22deg); }
  10% {
    clip: rect(31px, 9999px, 88px, 0);
    -webkit-transform: skew(0.45deg);
    transform: skew(0.45deg); }
  15% {
    clip: rect(68px, 9999px, 88px, 0);
    -webkit-transform: skew(0.41deg);
    transform: skew(0.41deg); }
  20% {
    clip: rect(67px, 9999px, 100px, 0);
    -webkit-transform: skew(0.44deg);
    transform: skew(0.44deg); }
  25% {
    clip: rect(9px, 9999px, 99px, 0);
    -webkit-transform: skew(0.85deg);
    transform: skew(0.85deg); }
  30% {
    clip: rect(25px, 9999px, 22px, 0);
    -webkit-transform: skew(0.6deg);
    transform: skew(0.6deg); }
  35% {
    clip: rect(40px, 9999px, 6px, 0);
    -webkit-transform: skew(0.77deg);
    transform: skew(0.77deg); }
  40% {
    clip: rect(60px, 9999px, 10px, 0);
    -webkit-transform: skew(0.09deg);
    transform: skew(0.09deg); }
  45% {
    clip: rect(83px, 9999px, 33px, 0);
    -webkit-transform: skew(0.43deg);
    transform: skew(0.43deg); }
  50% {
    clip: rect(86px, 9999px, 6px, 0);
    -webkit-transform: skew(0.06deg);
    transform: skew(0.06deg); }
  55% {
    clip: rect(39px, 9999px, 49px, 0);
    -webkit-transform: skew(0.65deg);
    transform: skew(0.65deg); }
  60% {
    clip: rect(21px, 9999px, 53px, 0);
    -webkit-transform: skew(0.03deg);
    transform: skew(0.03deg); }
  65% {
    clip: rect(36px, 9999px, 1px, 0);
    -webkit-transform: skew(0.8deg);
    transform: skew(0.8deg); }
  70% {
    clip: rect(55px, 9999px, 97px, 0);
    -webkit-transform: skew(0.71deg);
    transform: skew(0.71deg); }
  75% {
    clip: rect(34px, 9999px, 75px, 0);
    -webkit-transform: skew(0.11deg);
    transform: skew(0.11deg); }
  80% {
    clip: rect(22px, 9999px, 55px, 0);
    -webkit-transform: skew(0.04deg);
    transform: skew(0.04deg); }
  85% {
    clip: rect(43px, 9999px, 68px, 0);
    -webkit-transform: skew(0.71deg);
    transform: skew(0.71deg); }
  90% {
    clip: rect(25px, 9999px, 24px, 0);
    -webkit-transform: skew(0.28deg);
    transform: skew(0.28deg); }
  95% {
    clip: rect(32px, 9999px, 94px, 0);
    -webkit-transform: skew(0.42deg);
    transform: skew(0.42deg); }
  100% {
    clip: rect(42px, 9999px, 38px, 0);
    -webkit-transform: skew(1deg);
    transform: skew(1deg); } }

@keyframes glitch-anim {
  0% {
    clip: rect(83px, 9999px, 66px, 0);
    -webkit-transform: skew(1deg);
    transform: skew(1deg); }
  5% {
    clip: rect(63px, 9999px, 56px, 0);
    -webkit-transform: skew(0.22deg);
    transform: skew(0.22deg); }
  10% {
    clip: rect(31px, 9999px, 88px, 0);
    -webkit-transform: skew(0.45deg);
    transform: skew(0.45deg); }
  15% {
    clip: rect(68px, 9999px, 88px, 0);
    -webkit-transform: skew(0.41deg);
    transform: skew(0.41deg); }
  20% {
    clip: rect(67px, 9999px, 100px, 0);
    -webkit-transform: skew(0.44deg);
    transform: skew(0.44deg); }
  25% {
    clip: rect(9px, 9999px, 99px, 0);
    -webkit-transform: skew(0.85deg);
    transform: skew(0.85deg); }
  30% {
    clip: rect(25px, 9999px, 22px, 0);
    -webkit-transform: skew(0.6deg);
    transform: skew(0.6deg); }
  35% {
    clip: rect(40px, 9999px, 6px, 0);
    -webkit-transform: skew(0.77deg);
    transform: skew(0.77deg); }
  40% {
    clip: rect(60px, 9999px, 10px, 0);
    -webkit-transform: skew(0.09deg);
    transform: skew(0.09deg); }
  45% {
    clip: rect(83px, 9999px, 33px, 0);
    -webkit-transform: skew(0.43deg);
    transform: skew(0.43deg); }
  50% {
    clip: rect(86px, 9999px, 6px, 0);
    -webkit-transform: skew(0.06deg);
    transform: skew(0.06deg); }
  55% {
    clip: rect(39px, 9999px, 49px, 0);
    -webkit-transform: skew(0.65deg);
    transform: skew(0.65deg); }
  60% {
    clip: rect(21px, 9999px, 53px, 0);
    -webkit-transform: skew(0.03deg);
    transform: skew(0.03deg); }
  65% {
    clip: rect(36px, 9999px, 1px, 0);
    -webkit-transform: skew(0.8deg);
    transform: skew(0.8deg); }
  70% {
    clip: rect(55px, 9999px, 97px, 0);
    -webkit-transform: skew(0.71deg);
    transform: skew(0.71deg); }
  75% {
    clip: rect(34px, 9999px, 75px, 0);
    -webkit-transform: skew(0.11deg);
    transform: skew(0.11deg); }
  80% {
    clip: rect(22px, 9999px, 55px, 0);
    -webkit-transform: skew(0.04deg);
    transform: skew(0.04deg); }
  85% {
    clip: rect(43px, 9999px, 68px, 0);
    -webkit-transform: skew(0.71deg);
    transform: skew(0.71deg); }
  90% {
    clip: rect(25px, 9999px, 24px, 0);
    -webkit-transform: skew(0.28deg);
    transform: skew(0.28deg); }
  95% {
    clip: rect(32px, 9999px, 94px, 0);
    -webkit-transform: skew(0.42deg);
    transform: skew(0.42deg); }
  100% {
    clip: rect(42px, 9999px, 38px, 0);
    -webkit-transform: skew(1deg);
    transform: skew(1deg); } }

@-webkit-keyframes glitch-anim2 {
  0% {
    clip: rect(93px, 9999px, 38px, 0);
    -webkit-transform: skew(0.11deg);
    transform: skew(0.11deg); }
  5% {
    clip: rect(93px, 9999px, 9px, 0);
    -webkit-transform: skew(0.74deg);
    transform: skew(0.74deg); }
  10% {
    clip: rect(52px, 9999px, 81px, 0);
    -webkit-transform: skew(0.29deg);
    transform: skew(0.29deg); }
  15% {
    clip: rect(95px, 9999px, 95px, 0);
    -webkit-transform: skew(0.03deg);
    transform: skew(0.03deg); }
  20% {
    clip: rect(25px, 9999px, 58px, 0);
    -webkit-transform: skew(0.85deg);
    transform: skew(0.85deg); }
  25% {
    clip: rect(61px, 9999px, 62px, 0);
    -webkit-transform: skew(0.45deg);
    transform: skew(0.45deg); }
  30% {
    clip: rect(96px, 9999px, 13px, 0);
    -webkit-transform: skew(0.56deg);
    transform: skew(0.56deg); }
  35% {
    clip: rect(63px, 9999px, 20px, 0);
    -webkit-transform: skew(0.57deg);
    transform: skew(0.57deg); }
  40% {
    clip: rect(64px, 9999px, 65px, 0);
    -webkit-transform: skew(0.87deg);
    transform: skew(0.87deg); }
  45% {
    clip: rect(77px, 9999px, 18px, 0);
    -webkit-transform: skew(0.67deg);
    transform: skew(0.67deg); }
  50% {
    clip: rect(9px, 9999px, 82px, 0);
    -webkit-transform: skew(0.62deg);
    transform: skew(0.62deg); }
  55% {
    clip: rect(53px, 9999px, 80px, 0);
    -webkit-transform: skew(0.37deg);
    transform: skew(0.37deg); }
  60% {
    clip: rect(97px, 9999px, 79px, 0);
    -webkit-transform: skew(0.93deg);
    transform: skew(0.93deg); }
  65% {
    clip: rect(46px, 9999px, 38px, 0);
    -webkit-transform: skew(0.07deg);
    transform: skew(0.07deg); }
  70% {
    clip: rect(35px, 9999px, 86px, 0);
    -webkit-transform: skew(0.37deg);
    transform: skew(0.37deg); }
  75% {
    clip: rect(47px, 9999px, 11px, 0);
    -webkit-transform: skew(0.24deg);
    transform: skew(0.24deg); }
  80% {
    clip: rect(4px, 9999px, 22px, 0);
    -webkit-transform: skew(0.95deg);
    transform: skew(0.95deg); }
  85% {
    clip: rect(82px, 9999px, 65px, 0);
    -webkit-transform: skew(0.49deg);
    transform: skew(0.49deg); }
  90% {
    clip: rect(46px, 9999px, 34px, 0);
    -webkit-transform: skew(0.8deg);
    transform: skew(0.8deg); }
  95% {
    clip: rect(14px, 9999px, 26px, 0);
    -webkit-transform: skew(0.85deg);
    transform: skew(0.85deg); }
  100% {
    clip: rect(33px, 9999px, 90px, 0);
    -webkit-transform: skew(0.53deg);
    transform: skew(0.53deg); } }

@keyframes glitch-anim2 {
  0% {
    clip: rect(93px, 9999px, 38px, 0);
    -webkit-transform: skew(0.11deg);
    transform: skew(0.11deg); }
  5% {
    clip: rect(93px, 9999px, 9px, 0);
    -webkit-transform: skew(0.74deg);
    transform: skew(0.74deg); }
  10% {
    clip: rect(52px, 9999px, 81px, 0);
    -webkit-transform: skew(0.29deg);
    transform: skew(0.29deg); }
  15% {
    clip: rect(95px, 9999px, 95px, 0);
    -webkit-transform: skew(0.03deg);
    transform: skew(0.03deg); }
  20% {
    clip: rect(25px, 9999px, 58px, 0);
    -webkit-transform: skew(0.85deg);
    transform: skew(0.85deg); }
  25% {
    clip: rect(61px, 9999px, 62px, 0);
    -webkit-transform: skew(0.45deg);
    transform: skew(0.45deg); }
  30% {
    clip: rect(96px, 9999px, 13px, 0);
    -webkit-transform: skew(0.56deg);
    transform: skew(0.56deg); }
  35% {
    clip: rect(63px, 9999px, 20px, 0);
    -webkit-transform: skew(0.57deg);
    transform: skew(0.57deg); }
  40% {
    clip: rect(64px, 9999px, 65px, 0);
    -webkit-transform: skew(0.87deg);
    transform: skew(0.87deg); }
  45% {
    clip: rect(77px, 9999px, 18px, 0);
    -webkit-transform: skew(0.67deg);
    transform: skew(0.67deg); }
  50% {
    clip: rect(9px, 9999px, 82px, 0);
    -webkit-transform: skew(0.62deg);
    transform: skew(0.62deg); }
  55% {
    clip: rect(53px, 9999px, 80px, 0);
    -webkit-transform: skew(0.37deg);
    transform: skew(0.37deg); }
  60% {
    clip: rect(97px, 9999px, 79px, 0);
    -webkit-transform: skew(0.93deg);
    transform: skew(0.93deg); }
  65% {
    clip: rect(46px, 9999px, 38px, 0);
    -webkit-transform: skew(0.07deg);
    transform: skew(0.07deg); }
  70% {
    clip: rect(35px, 9999px, 86px, 0);
    -webkit-transform: skew(0.37deg);
    transform: skew(0.37deg); }
  75% {
    clip: rect(47px, 9999px, 11px, 0);
    -webkit-transform: skew(0.24deg);
    transform: skew(0.24deg); }
  80% {
    clip: rect(4px, 9999px, 22px, 0);
    -webkit-transform: skew(0.95deg);
    transform: skew(0.95deg); }
  85% {
    clip: rect(82px, 9999px, 65px, 0);
    -webkit-transform: skew(0.49deg);
    transform: skew(0.49deg); }
  90% {
    clip: rect(46px, 9999px, 34px, 0);
    -webkit-transform: skew(0.8deg);
    transform: skew(0.8deg); }
  95% {
    clip: rect(14px, 9999px, 26px, 0);
    -webkit-transform: skew(0.85deg);
    transform: skew(0.85deg); }
  100% {
    clip: rect(33px, 9999px, 90px, 0);
    -webkit-transform: skew(0.53deg);
    transform: skew(0.53deg); } }

@-webkit-keyframes glitch-skew {
  0% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  10% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg); }
  20% {
    -webkit-transform: skew(-4deg);
    transform: skew(-4deg); }
  30% {
    -webkit-transform: skew(-4deg);
    transform: skew(-4deg); }
  40% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  50% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg); }
  60% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  70% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg); }
  80% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg); }
  90% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg); }
  100% {
    -webkit-transform: skew(3deg);
    transform: skew(3deg); } }

@keyframes glitch-skew {
  0% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  10% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg); }
  20% {
    -webkit-transform: skew(-4deg);
    transform: skew(-4deg); }
  30% {
    -webkit-transform: skew(-4deg);
    transform: skew(-4deg); }
  40% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  50% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg); }
  60% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  70% {
    -webkit-transform: skew(2deg);
    transform: skew(2deg); }
  80% {
    -webkit-transform: skew(-3deg);
    transform: skew(-3deg); }
  90% {
    -webkit-transform: skew(-1deg);
    transform: skew(-1deg); }
  100% {
    -webkit-transform: skew(3deg);
    transform: skew(3deg); } }

@media screen and (max-width: 1250px) {
  body.page-template-page-course .course-section__top video {
    display: none !important; } }

.course-page .course-section__top video {
  top: 0; }

@media screen and (max-width: 1250px) {
  .course-page .course-section {
    padding: 108px 0 0; } }

@media screen and (max-width: 1023px) {
  .course-page .course-section {
    height: auto; }
  .course-page .course-section__top {
    display: block; }
  .course-page .course-section__top-image {
    position: relative;
    height: 400px;
    margin-bottom: 30px; }
  .course-page .course-section::after {
    display: none; }
  .course-page .course-section__info-text {
    color: #000; }
  .course-page .course-section__info {
    padding: 0 30px; }
  .course-page .course-tools {
    margin: 0 -15px;
    width: auto; } }

@media screen and (max-width: 767px) {
  .course-page .course-tools {
    padding: 0; }
  .course-page .course-tools__box {
    width: 33%;
    margin: 2% 0 0;
    padding: 0; }
  .course-page .course-tools__title {
    margin-bottom: 20px;
    padding: 0 20px; }
  .course-page .course-section__top-image {
    height: 300px; }
  .course-page .course-section__info-title {
    font-size: 40px;
    line-height: 47px; }
  .course-page .course-section__info-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px; }
  .course-page .course-section__info-custom {
    padding: 20px 0; } }

.course-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: url("../images/course-decor-1.png") no-repeat;
  background-attachment: fixed; }
  @media screen and (max-width: 1250px) {
    .course-content {
      background: none; } }
  .course-content__section {
    background: url("../images/course-decor-2.png") no-repeat 100% 0;
    background-attachment: fixed;
    padding-top: 85px; }
    @media screen and (max-width: 1250px) {
      .course-content__section {
        padding: 85px 30px 0;
        background: none; } }
    @media screen and (max-width: 767px) {
      .course-content__section {
        padding: 33px 30px 0; }
        .course-content__section .instructor-video {
          padding: 90px 0; }
        .course-content__section .instructor-video__play {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          margin: 130px 0 0; }
        .course-content__section .course-tools__list::after {
          display: none; } }
  .course-content__intro-box {
    color: #333;
    font-size: 15px;
    line-height: 32px; }
  .course-content__intro {
    background: url("../images/course-content-bg.png") no-repeat;
    max-width: 1140px;
    margin: 100px auto;
    width: 100%;
    position: relative;
    height: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 80px 0 0; }
    @media screen and (max-width: 1250px) {
      .course-content__intro {
        background-size: contain;
        height: 330px; } }
    @media screen and (max-width: 1023px) {
      .course-content__intro {
        border-radius: 60px;
        background: #f8e015;
        height: auto;
        padding: 30px 40px 30px 0; } }
    @media screen and (max-width: 767px) {
      .course-content__intro {
        padding: 220px 20px 30px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .course-content__intro--style {
      margin: 172px auto 118px; }
      @media screen and (max-width: 767px) {
        .course-content__intro--style {
          margin: 100px auto 50px; } }
      .course-content__intro--style .course-content__intro-image {
        left: -25px; }
        @media screen and (max-width: 1250px) {
          .course-content__intro--style .course-content__intro-image {
            bottom: -80px; } }
        @media screen and (max-width: 1023px) {
          .course-content__intro--style .course-content__intro-image {
            max-width: 400px; } }
        @media screen and (max-width: 767px) {
          .course-content__intro--style .course-content__intro-image {
            max-width: 320px;
            top: -50px;
            bottom: auto;
            left: 50%;
            margin-left: -160px; } }
  .course-content__intro-image {
    position: absolute;
    bottom: 0;
    left: 28px; }
    @media screen and (max-width: 1023px) {
      .course-content__intro-image {
        max-width: 250px; } }
    @media screen and (max-width: 767px) {
      .course-content__intro-image {
        top: -60px;
        bottom: auto;
        left: 50%;
        margin-left: -125px; } }
  .course-content__intro-text {
    max-width: 591px;
    -ms-flex-preferred-size: 591px;
    flex-basis: 591px;
    width: 100%;
    font-weight: 300;
    font-size: 26px;
    line-height: 160%;
    color: #000; }
    @media screen and (max-width: 1250px) {
      .course-content__intro-text {
        max-width: 450px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px; } }
    @media screen and (max-width: 1023px) {
      .course-content__intro-text {
        max-width: 350px;
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
        font-size: 16px; } }
    .course-content__intro-text strong {
      font-weight: 700; }
  .course-content__intro-title {
    font-size: 40px;
    line-height: 47px;
    color: #000;
    font-family: "PB";
    margin-bottom: 25px;
    font-style: normal; }
    @media screen and (max-width: 767px) {
      .course-content__intro-title {
        font-size: 30px;
        line-height: 35px; } }
  .course-content__notes {
    font-weight: 300;
    font-size: 26px;
    line-height: 140%;
    color: #000;
    font-style: normal; }
  .course-content .main-text.full {
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100; }

.must-know {
  padding: 117px 15px 120px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media screen and (max-width: 1250px) {
    .must-know {
      margin: 0 -20px; } }
  @media screen and (max-width: 767px) {
    .must-know {
      padding: 50px 30px;
      margin: 0 -30px; } }
  .must-know .order-box {
    margin: 0 auto; }
  .must-know.black {
    background: #1a1a1a;
    color: #fff; }
  .must-know.white {
    background: none; }
  .must-know .instructor-video__info {
    -webkit-transform: translateY(-85%);
    transform: translateY(-85%); }
    @media screen and (max-width: 767px) {
      .must-know .instructor-video__info {
        -webkit-transform: translateY(0);
        transform: translateY(0); } }
  @media screen and (max-width: 767px) {
    .must-know .instructor-video__custom-notes {
      text-align: center; } }
  .must-know__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1196px;
    margin: 0 auto 128px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .must-know__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto 60px; } }
  .must-know__top-image {
    max-width: 560px;
    -ms-flex-preferred-size: 560px;
    flex-basis: 560px;
    width: 100%;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 36px;
    -webkit-animation: some 1s ease-in-out infinite alternate;
    animation: some 1s ease-in-out infinite alternate; }
    @media screen and (max-width: 1250px) {
      .must-know__top-image {
        max-width: 350px;
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px; } }
    @media screen and (max-width: 767px) {
      .must-know__top-image {
        margin: 0;
        max-width: 240px;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px; } }
    .must-know__top-image img {
      position: relative;
      z-index: 1; }
  .must-know__title {
    font-size: 40px;
    line-height: 47px;
    font-family: "PB";
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .must-know__title {
        font-size: 30px;
        line-height: 35px; } }
  .must-know__top-list {
    margin: -20px 0 50px -20px;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .must-know__top-list {
        margin: -20px 0 30px -20px;
        font-size: 16px;
        line-height: 20px; } }
    .must-know__top-list li {
      background: #000;
      border-radius: 15px;
      min-height: 100px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 10px 0 78px;
      position: relative;
      max-width: 290px;
      margin: 20px 0 0 20px;
      -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.1); }
      @media screen and (max-width: 767px) {
        .must-know__top-list li {
          max-width: 100%; } }
      .must-know__top-list li::after {
        border-bottom: 4px solid #dc4a5e;
        border-right: 4px solid #dc4a5e;
        content: "";
        display: block;
        height: 18px;
        width: 10px;
        pointer-events: none;
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -9px;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out 0s;
        transition: all 0.15s ease-in-out 0s; }
  .must-know__top-info {
    max-width: 600px;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    width: 100%; }
  .must-know__top-text {
    font-size: 16px;
    line-height: 160%; }
  .must-know__block {
    max-width: 1140px;
    margin: 0 auto 167px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .must-know__block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto 60px; } }
  .must-know__block-info {
    max-width: 600px;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .must-know__block-info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
  .must-know__block-image {
    -webkit-animation: some 1s ease-in-out infinite alternate;
    animation: some 1s ease-in-out infinite alternate; }
    @media screen and (max-width: 1250px) {
      .must-know__block-image {
        max-width: 300px; } }
    @media screen and (max-width: 767px) {
      .must-know__block-image {
        margin-bottom: 40px;
        max-width: 150px; } }
  .must-know__block-text {
    font-size: 16px;
    line-height: 180%; }
  .must-know__advantages {
    max-width: 1140px;
    margin: 180px auto 150px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .must-know__advantages {
        margin: 50px auto; } }
  .must-know__advantages-list {
    margin: 0;
    padding: 25px 0 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    margin: -26px 0 0 -26px; }
    @media screen and (max-width: 1023px) {
      .must-know__advantages-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .must-know__advantages-list li {
      background: #000;
      max-width: 362px;
      -ms-flex-preferred-size: 362px;
      flex-basis: 362px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 151px;
      padding: 0 40px;
      margin: 26px 0 0 26px;
      border-radius: 15px; }
      @media screen and (max-width: 1250px) {
        .must-know__advantages-list li {
          max-width: 317px;
          -ms-flex-preferred-size: 317px;
          flex-basis: 317px; } }
      @media screen and (max-width: 767px) {
        .must-know__advantages-list li {
          max-width: 100%;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          min-height: 100px;
          padding: 10px 20px; } }
  .must-know__advantages-ico {
    margin-right: 33px; }
    @media screen and (max-width: 767px) {
      .must-know__advantages-ico {
        margin-right: 20px; } }
    .must-know__advantages-ico svg {
      fill: #e04a5c; }
  .must-know__advantages-text {
    max-width: 210px;
    font-size: 16px;
    line-height: 120%; }

.order-box {
  background: url("../images/order-bg.png") no-repeat;
  max-width: 1140px;
  margin: 0 auto 140px;
  padding: 81px 85px;
  width: 100%;
  min-height: 476px; }
  @media screen and (max-width: 1250px) {
    .order-box {
      background-size: contain;
      max-width: 990px;
      padding: 60px 30px;
      min-height: 412px;
      background-position: 50% 50%; } }
  @media screen and (max-width: 1023px) {
    .order-box {
      background: #f8e015;
      border-radius: 60px;
      max-width: 708px; } }
  @media screen and (max-width: 767px) {
    .order-box {
      max-width: 354px;
      margin: 0 auto 70px; } }
  @media screen and (max-width: 413px) {
    .order-box {
      max-width: 314px; } }
  .order-box__title {
    font-size: 70px;
    line-height: 82px;
    color: #000;
    font-family: "PB";
    margin-bottom: 31px;
    text-align: center; }
    @media screen and (max-width: 1023px) {
      .order-box__title {
        font-size: 64px; } }
    @media screen and (max-width: 767px) {
      .order-box__title {
        font-size: 30px;
        line-height: 35px; } }
  .order-box__text {
    font-size: 26px;
    line-height: 180%;
    color: #000;
    max-width: 836px;
    margin: 0 auto 43px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .order-box__text {
        font-size: 18px;
        line-height: 22px; } }
  .order-box__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 767px) {
      .order-box__form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .order-box__form.error .order-box__form-field {
      border: 2px solid #f00; }
  .order-box .order-box__form-field {
    max-width: 352px;
    -ms-flex-preferred-size: 352px;
    flex-basis: 352px;
    width: 100%;
    border: none;
    background: #fff;
    padding: 0 34px;
    border-radius: 30px;
    margin-right: 18px;
    height: 70px;
    border-radius: 40px; }
    @media screen and (max-width: 767px) {
      .order-box .order-box__form-field {
        margin: 0 0 30px;
        height: 52px; } }
  .order-box__form-btn-text {
    position: relative;
    z-index: 3; }
  .order-box__form-btn {
    color: #fff;
    min-width: 178px;
    border: none;
    background: #000;
    height: 70px;
    border-radius: 40px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    font-family: "Roboto";
    padding: 0 36px;
    position: relative;
    overflow: hidden;
    border: 2px solid #000;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    .order-box__form-btn::after {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 100%;
      top: 100%;
      right: 100%;
      background-color: #fff;
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
      border-radius: 100%; }
    @media screen and (min-width: 1250px) {
      .order-box__form-btn:hover {
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
        color: #000; }
        .order-box__form-btn:hover::after {
          top: -50px;
          right: -50px;
          bottom: -50px;
          left: -50px; } }
    @media screen and (max-width: 767px) {
      .order-box__form-btn {
        height: 52px; } }

.course-section {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  @media screen and (max-width: 1800px) {
    .course-section {
      max-height: 980px; } }
  @media screen and (max-width: 767px) {
    .course-section {
      max-height: 740px; } }
  .course-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 1400px) {
    .course-section {
      height: auto;
      min-height: 635px; } }
  @media screen and (max-width: 1250px) {
    .course-section {
      height: 100vh;
      min-height: auto; } }
  .course-section__address-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0 0; }
  .course-section__address {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #46647d; }
    .course-section__address span {
      color: #46647d;
      border-bottom: 1px dashed; }
    .course-section__address svg {
      margin-right: 5px;
      width: 12px; }
    .course-section__address path {
      fill: #46647d; }
    @media screen and (min-width: 1250px) {
      .course-section__address:hover span {
        border-color: transparent; } }
  .course-section .mute {
    position: absolute;
    bottom: 70px;
    left: 60px; }
    @media screen and (max-width: 767px) {
      .course-section .mute {
        display: none; } }
    .course-section .mute::after {
      content: attr(data-disabled);
      position: absolute;
      top: 12px;
      font-size: 14px;
      line-height: 30px;
      left: 50px;
      color: #fff;
      white-space: nowrap; }
    .course-section .mute.disable::after {
      content: attr(data-text); }
  @media screen and (max-width: 991px) {
    .course-section {
      margin-bottom: 0; } }
  .course-section__top {
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 1800px) {
      .course-section__top {
        max-height: 980px; } }
    @media screen and (max-width: 1439px) {
      .course-section__top {
        padding: 130px 15px 80px;
        height: auto; } }
    @media screen and (max-width: 1250px) {
      .course-section__top {
        height: 100%; } }
    @media screen and (max-width: 991px) {
      .course-section__top {
        padding: 0; } }
    .course-section__top .scroll-bottom {
      top: auto;
      bottom: 65px;
      z-index: 3; }
      @media screen and (max-width: 1250px) {
        .course-section__top .scroll-bottom {
          bottom: 25px; } }
      .course-section__top .scroll-bottom::after {
        background: #ccc;
        width: 2px; }
      .course-section__top .scroll-bottom span {
        background: #46647d;
        width: 2px; }
    .course-section__top video {
      position: absolute;
      top: -52px;
      left: 0;
      bottom: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%; }
      @media screen and (max-width: 1450px) {
        .course-section__top video {
          width: 112%; } }
      @media screen and (max-width: 767px) {
        .course-section__top video {
          top: 0; } }
  .course-section__top-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50% 0; }
    .course-section__top-image::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(0, 0, 0, 0)));
      background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
      opacity: 0.5; }
    @media screen and (max-width: 991px) {
      .course-section__top-image {
        width: 100%; } }
    @media only screen and (max-width: 1200px) {
      .course-section__top-image {
        display: none; } }
  .course-section__top-image-new {
    display: none; }
    @media only screen and (max-width: 1200px) {
      .course-section__top-image-new {
        display: block;
        text-align: center;
        margin-bottom: 20px; }
        .course-section__top-image-new + video {
          display: none; } }
  .course-section__info {
    max-width: 1400px;
    -ms-flex-preferred-size: 1400px;
    flex-basis: 1400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 1400px) {
      .course-section__info {
        max-width: 1100px;
        -ms-flex-preferred-size: 1100px;
        flex-basis: 1100px; } }
    @media screen and (max-width: 991px) {
      .course-section__info {
        display: block; } }
    @media screen and (max-width: 767px) {
      .course-section__info .free-addition {
        margin-bottom: 0; } }
  .course-section__intro {
    max-width: 607px; }
    @media screen and (max-width: 1023px) {
      .course-section__intro {
        max-width: 650px;
        margin: 0 auto; } }
  .course-section__info-title {
    font-size: 82px;
    line-height: 96px;
    text-transform: uppercase;
    font-family: "PB";
    background: -webkit-linear-gradient(0deg, #e04a5c 0%, #6c3e85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
    margin-bottom: 10px; }
  .course-section__info-text {
    font-weight: 600;
    font-size: 37px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase; }
  .course-section__info-custom {
    padding: 29px 40px 20px;
    background: #fff;
    border-radius: 0 0 10px 10px; }
  .course-section__info-box {
    -ms-flex-preferred-size: 450px;
    flex-basis: 450px;
    max-width: 450px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.4); }
    @media screen and (max-width: 991px) {
      .course-section__info-box {
        border-radius: 0;
        max-width: 100%;
        background: none;
        padding-bottom: 0; } }
  .course-section__info-top {
    background: -webkit-gradient(linear, left top, right top, from(#e04a5c), to(#6c3e85));
    background: linear-gradient(90deg, #e04a5c 0%, #6c3e85 100%);
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 21px; }
    @media screen and (max-width: 413px) {
      .course-section__info-top {
        padding: 15px 13px; } }
    .course-section__info-top--transparent {
      background: transparent; }
  .course-section__middle {
    background: #fff;
    border-radius: 10px;
    position: relative;
    padding: 20px 0 30px; }
    .course-section__middle::after {
      content: "";
      position: absolute;
      top: 0;
      left: 30px;
      right: 30px;
      border-top: 1px dashed rgba(0, 0, 0, 0.2); }
  .course-section__small-title {
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      .course-section__small-title {
        color: #97a4b1; } }
  .course-section__title {
    font-size: 22px;
    line-height: 26px;
    color: #f8e015;
    text-transform: uppercase;
    font-family: "PB";
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 13px;
    margin-bottom: 13px; }
    @media screen and (max-width: 991px) {
      .course-section__title {
        border-color: #d8d8d8;
        color: #46647d; } }
  .course-section__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .set-finished .course-section__detail--hide-set-finished {
      display: none; }
  .course-section__start-title {
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    margin-bottom: 5px; }
  .course-section__start-date {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-family: "PB"; }
    @media screen and (max-width: 413px) {
      .course-section__start-date {
        font-size: 20px; } }
    @media screen and (max-width: 374px) {
      .course-section__start-date {
        font-size: 18px; } }
  .course-section .course-slider__count {
    padding: 0;
    margin: 0; }
  .course-section .course-slider__label {
    margin-bottom: 10px; }
  .course-section .timer-item {
    margin-right: 9px;
    font-size: 18px;
    font-weight: 900;
    color: #fff; }
    @media screen and (max-width: 374px) {
      .course-section .timer-item {
        font-size: 16px;
        margin-right: 5px; } }
    .course-section .timer-item span {
      font-size: 11px;
      font-weight: 400; }
  .course-section__schedules {
    font-size: 12px;
    line-height: 14px;
    color: #000;
    text-align: center;
    font-weight: 700;
    pointer-events: none; }
    .set-finished .course-section__schedules--hide-set-finished {
      display: none; }
  .course-section__places {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px; }
  .course-section__places-title {
    font-size: 11px;
    line-height: 13px;
    color: #46647d;
    margin-right: 5px; }
  .course-section__places-count {
    font-size: 12px;
    line-height: 14px;
    color: #c83a2f;
    font-weight: 700; }
    .set-finished .course-section__places-count {
      display: none; }
  .course-section__people {
    max-width: 387px;
    margin: 0 auto 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .course-section__people-item {
    margin: 0 10px 18px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    opacity: 0.3; }
    @media screen and (max-width: 479px) {
      .course-section__people-item {
        margin: 0 10px 18px; } }
    @media screen and (max-width: 374px) {
      .course-section__people-item {
        margin: 0 6px 18px; } }
    .course-section__people-item.active {
      cursor: pointer;
      opacity: 1; }
  .course-section__main-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 367px;
    margin: 0 auto;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .course-section__main-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
        margin: 0 auto; } }
  .course-section__number {
    font-size: 24px;
    line-height: 28px;
    font-family: "PB";
    color: #000; }
  .course-section__number-title {
    font-size: 10px;
    line-height: 12px;
    color: #000; }

.tel-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #f8e015;
  border-radius: 30px;
  max-width: 367px;
  margin: 0 auto 30px;
  padding-left: 23px; }
  .tel-form.error input[type="tel"] {
    border: solid #f00;
    border-width: 2px 0 2px 2px; }
  .tel-form input[type="tel"] {
    border: none;
    height: 30px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    max-width: 170px;
    width: 100%;
    font-size: 14px; }
  .tel-form__btn {
    background: #f8e015;
    color: #000;
    font-size: 12px;
    line-height: 36px;
    font-weight: 700;
    font-family: "Roboto";
    text-transform: uppercase;
    border-radius: 30px;
    border: none;
    -ms-flex-preferred-size: 148px;
    flex-basis: 148px;
    max-width: 148px;
    width: 100%;
    cursor: pointer; }

.instructor-video-title {
  font-size: 40px;
  line-height: 47px;
  color: #000;
  font-family: "PB";
  margin-bottom: 55px;
  text-align: center;
  margin-bottom: 30px; }
  @media only screen and (max-width: 1200px) {
    .instructor-video-title {
      font-size: 30px;
      line-height: 35px; } }

.instructor-video {
  max-width: 1140px;
  width: 100%;
  margin: 0 auto 70px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  height: 540px;
  overflow: hidden;
  background-size: cover; }
  .instructor-video--custom {
    max-width: 958px; }
    .instructor-video--custom::after {
      display: none; }
    @media screen and (max-width: 767px) {
      .instructor-video--custom {
        padding: 0 !important;
        max-width: 360px; }
        .instructor-video--custom iframe {
          height: 200px; } }
    @media screen and (max-width: 400px) {
      .instructor-video--custom {
        max-width: 315px; }
        .instructor-video--custom iframe {
          height: 180px; } }
    @media screen and (max-width: 374px) {
      .instructor-video--custom iframe {
        height: 170px; } }
  @media screen and (max-width: 767px) {
    .instructor-video {
      height: auto;
      padding: 40px 0; } }
  .instructor-video #home-add-video,
  .instructor-video #home-add-video-new {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 1250px) {
      .instructor-video #home-add-video,
      .instructor-video #home-add-video-new {
        display: none; } }
  .instructor-video--home {
    color: #fff;
    max-width: 100%;
    border-radius: 0;
    height: 630px;
    margin: 0 auto 120px; }
    @media screen and (max-width: 1250px) {
      .instructor-video--home {
        height: 560px;
        margin: 0 auto 90px; } }
    @media screen and (max-width: 767px) {
      .instructor-video--home {
        height: auto; } }
    .instructor-video--home .instructor-video__info {
      -webkit-transform: translateY(-63%);
      transform: translateY(-63%); }
      @media screen and (max-width: 767px) {
        .instructor-video--home .instructor-video__info {
          -webkit-transform: none;
          transform: none; } }
    .instructor-video--home .home-video__text {
      margin: 8px 0 0; }
  .instructor-video .heading-video__btn {
    width: 142px;
    height: 142px;
    margin: 0 99px 0 0; }
    @media screen and (max-width: 767px) {
      .instructor-video .heading-video__btn {
        margin: 0 0 30px; } }
  .instructor-video::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7); }
  .instructor-video video {
    width: 100%;
    height: auto; }
  .instructor-video__play {
    width: 142px;
    height: 142px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 83px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .instructor-video__play::after {
      content: "";
      position: absolute;
      width: 220px;
      height: 220px;
      top: 50%;
      left: 50%;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      -webkit-animation: pulse 1s ease-in-out infinite alternate;
      animation: pulse 1s ease-in-out infinite alternate; }
    @media screen and (min-width: 1250px) {
      .instructor-video__play:hover {
        border-color: #f8e015; } }
    .instructor-video__play svg {
      width: 21px;
      height: 26px; }
  .instructor-video__info {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1023px) {
      .instructor-video__info {
        padding: 0 15px; } }
    @media screen and (max-width: 767px) {
      .instructor-video__info {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 30px; } }
  .instructor-video__notes {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    top: -70px;
    left: -40px; }
    @media screen and (max-width: 767px) {
      .instructor-video__notes {
        top: 90px;
        left: 0;
        right: 0;
        text-align: center; } }
    .instructor-video__notes::after {
      content: "";
      position: absolute;
      top: 0;
      left: -48px;
      width: 24px;
      height: 24px;
      background: url("../images/play-decor.svg") no-repeat; }
      @media screen and (max-width: 767px) {
        .instructor-video__notes::after {
          top: 20px;
          left: 50%;
          margin-left: -12px; } }
  .instructor-video__text {
    position: relative;
    max-width: 625px;
    -ms-flex-preferred-size: 625px;
    flex-basis: 625px;
    width: 100%; }
  .instructor-video__title {
    font-size: 54px;
    line-height: 120%;
    text-transform: uppercase;
    color: #fff;
    font-family: "PB";
    max-width: 444px; }
    @media screen and (max-width: 767px) {
      .instructor-video__title {
        font-size: 30px;
        line-height: 120%;
        text-align: center; } }
  .instructor-video__custom-notes {
    font-size: 44px;
    line-height: 120%;
    text-transform: uppercase;
    font-family: "PB";
    margin-bottom: 21px; }
    @media screen and (max-width: 767px) {
      .instructor-video__custom-notes {
        font-size: 30px;
        line-height: 120%;
        text-align: center; } }
    .instructor-video__custom-notes span {
      color: #f8e015; }
  .instructor-video__custom-title {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .instructor-video__custom-title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 36px; } }
  .instructor-video__triggers {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .instructor-video__triggers {
        position: relative;
        bottom: 0;
        -webkit-transform: none;
        transform: none; } }
    @media screen and (max-width: 767px) {
      .instructor-video__triggers {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center; } }
    @media screen and (max-width: 767px) {
      .instructor-video__triggers li {
        margin: 0 10px 10px;
        width: 40%; } }
    .instructor-video__triggers li + li {
      margin-left: 100px; }
      @media screen and (max-width: 767px) {
        .instructor-video__triggers li + li {
          margin: 0 10px 10px; } }
  .instructor-video__triggers-num {
    font-family: "PB";
    font-size: 34px;
    line-height: 40px;
    color: #f8e015; }
  .instructor-video__triggers-text {
    font-size: 16px;
    line-height: 120%; }

.course-content .partner__title {
  max-width: 100%; }
  .course-content .partner__title.title {
    max-width: 550px; }
    @media only screen and (max-width: 767px) {
      .course-content .partner__title.title {
        padding: 0 15px;
        text-align: left; } }

.course-content__info {
  max-width: 688px;
  width: 100%;
  margin: 0 auto 40px; }
  @media only screen and (max-width: 767px) {
    .course-content__info {
      padding: 0 15px; } }

.course-content__small-title {
  font-size: 12px;
  line-height: 14px;
  color: #46647d;
  margin-bottom: 9px;
  padding-left: 32px;
  position: relative; }
  .course-content__small-title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 1px;
    background: #46647d; }

.course-content__title {
  font-size: 40px;
  line-height: 47px;
  color: #46647d;
  text-transform: uppercase;
  margin-bottom: 32px;
  font-family: "PB"; }

.course-content__text {
  font-size: 14px;
  line-height: 32px;
  color: #333;
  max-height: 290px;
  margin-bottom: 63px; }
  .course-content__text p {
    margin: 30px 0; }
    .course-content__text p:first-child {
      margin-top: 0; }
  .course-content__text ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .course-content__text ul li {
      padding-left: 17px;
      position: relative; }
      .course-content__text ul li::after {
        content: "";
        position: absolute;
        top: 16px;
        height: 1px;
        width: 10px;
        left: 0;
        background: #333; }

.course-content__intro {
  color: #333;
  font-size: 15px;
  line-height: 32px; }
  .course-content__intro + .course-content__intro {
    margin-top: 100px; }
  .course-content__intro ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .course-content__intro li {
    padding-left: 14px;
    position: relative; }
    .course-content__intro li::after {
      content: "";
      position: absolute;
      top: 16px;
      left: 0;
      width: 4px;
      height: 1px;
      background: #000; }

.triggers {
  max-width: 1230px;
  margin: 0 auto 80px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .triggers {
      margin-left: 1px; } }
  .triggers__box {
    width: 25%;
    text-align: center;
    position: relative;
    padding: 38px 0; }
    @media screen and (min-width: 1250px) {
      .triggers__box {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } }
    .triggers__box.active {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media only screen and (max-width: 767px) {
      .triggers__box {
        width: 50%;
        background: #fff;
        border: 1px solid #d8d8d8; }
        .triggers__box .partner__line {
          display: none; } }
  .triggers__number {
    font-size: 40px;
    line-height: 47px;
    color: #46647d;
    font-family: "PB"; }
  .triggers__title {
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #adb8c5; }

.instructor-slider {
  max-width: 1230px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding: 30px; }
  .instructor-slider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 10px solid #f8e015;
    border-width: 10px 0 10px 10px;
    width: 50%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .instructor-slider::after {
        display: none; } }
  .instructor-slider::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 10px solid #46647d;
    border-width: 10px 10px 10px 0;
    width: 50%;
    z-index: -1; }
    @media only screen and (max-width: 767px) {
      .instructor-slider::before {
        display: none; } }
  .instructor-slider .slick-arrow {
    position: absolute;
    top: 60px;
    left: 50%;
    background: #46647d;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2; }
    .instructor-slider .slick-arrow::before {
      content: ""; }
    .instructor-slider .slick-arrow svg {
      fill: #fff;
      width: 7px;
      height: 11px;
      display: block; }
    .instructor-slider .slick-arrow.slick-next {
      margin-left: -60px; }
      .instructor-slider .slick-arrow.slick-next svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      @media only screen and (max-width: 768px) {
        .instructor-slider .slick-arrow.slick-next {
          margin-left: 0; } }
    .instructor-slider .slick-arrow.slick-prev {
      margin-left: -120px;
      border-right: 1px solid rgba(255, 255, 255, 0.1); }
      @media only screen and (max-width: 768px) {
        .instructor-slider .slick-arrow.slick-prev {
          margin-left: -60px; } }
    @media only screen and (max-width: 768px) {
      .instructor-slider .slick-arrow {
        top: 0; } }
    @media only screen and (max-width: 767px) {
      .instructor-slider .slick-arrow {
        top: 0;
        height: 30px;
        top: -15px; } }
  .instructor-slider__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .instructor-slider__box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .instructor-slider__image {
    width: 50%; }
    @media only screen and (max-width: 768px) {
      .instructor-slider__image {
        width: 100%; }
        .instructor-slider__image img {
          width: 100%; } }
  .instructor-slider__info {
    width: 50%;
    background: #46647d;
    color: #fff;
    padding: 40px 50px; }
    @media only screen and (max-width: 768px) {
      .instructor-slider__info {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .instructor-slider__info {
        padding: 30px 15px;
        margin-top: -100px; } }
  .instructor-slider__sub-title {
    padding-left: 62px;
    position: relative;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin-bottom: 35px; }
    @media screen and (max-width: 479px) {
      .instructor-slider__sub-title {
        margin-bottom: 15px; } }
    .instructor-slider__sub-title::after {
      content: "";
      position: absolute;
      top: 10px;
      left: 0;
      background: #fff;
      width: 47px;
      height: 1px; }
  .instructor-slider__title {
    color: #f8e015;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 47px;
    font-family: "PB";
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .instructor-slider__title {
        font-size: 28px;
        line-height: 30px; } }
  .instructor-slider__position-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    color: #adb8c5;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .instructor-slider__position-box {
        margin-bottom: 20px; } }
  .instructor-slider__company {
    margin-left: 12px;
    position: relative; }
    .instructor-slider__company::after {
      content: "";
      position: absolute;
      top: 50%;
      left: -6px;
      background: #adb8c5;
      width: 1px;
      height: 8px;
      margin-top: -4px; }
  .instructor-slider__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 32px;
    max-height: 210px; }
    @media screen and (max-width: 1250px) {
      .instructor-slider__list {
        overflow-y: auto; } }
    @media only screen and (max-width: 767px) {
      .instructor-slider__list {
        line-height: 23px; } }
    .instructor-slider__list li::before {
      content: "-";
      margin-right: 10px; }
  @media only screen and (max-width: 767px) {
    .instructor-slider {
      padding: 0; } }

.instructor-slider-section {
  position: relative;
  margin-bottom: 100px; }

.slide-count {
  position: absolute;
  bottom: 34px;
  left: 50%;
  margin-left: -60px;
  width: 60px;
  height: 60px;
  background: #46647d;
  color: #fff;
  text-align: center;
  padding-top: 10px; }
  @media only screen and (max-width: 767px) {
    .slide-count {
      bottom: -20px;
      margin-left: -30px;
      display: none; } }

.slide-number {
  font-size: 20px;
  line-height: 23px;
  font-weight: 700;
  margin-bottom: 3px; }

.slide-score {
  font-size: 10px;
  line-height: 12px;
  color: #adb8c5;
  font-weight: 700; }
  .slide-score::before {
    content: "/";
    margin-right: 2px; }

.programm {
  max-width: 1853px;
  margin: 0 auto 148px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#e04a5c), to(#6c3e85));
  background: linear-gradient(90deg, #e04a5c 0%, #6c3e85 100%);
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
  border-radius: 80px;
  padding: 97px 0 112px;
  position: relative; }
  @media screen and (max-width: 1680px) {
    .programm {
      max-width: 1620px; } }
  @media screen and (max-width: 1679px) {
    .programm {
      max-width: 1390px; } }
  @media screen and (max-width: 1366px) {
    .programm {
      max-width: 1230px; } }
  @media screen and (max-width: 1023px) {
    .programm {
      border-radius: 0;
      padding: 70px 15px; } }
  @media screen and (max-width: 767px) {
    .programm {
      margin: 0 -30px 50px;
      padding: 70px 30px;
      width: auto; } }
  .programm__decor {
    position: absolute; }
  .programm__holder {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
  .programm__title {
    font-size: 32px;
    line-height: 37px;
    font-family: "PB";
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    max-width: 900px;
    margin: 0 auto 40px; }
  .programm__list {
    background: #fff;
    border-radius: 30px;
    overflow: hidden; }
  .programm__top {
    background: -webkit-gradient(linear, left top, left bottom, from(#333740), to(#1c1c23));
    background: linear-gradient(180deg, #333740 0%, #1c1c23 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 35px 15px 26px;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .programm__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  .programm__top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .programm__top-box + .programm__top-box {
      margin-left: 85px; }
      @media screen and (max-width: 767px) {
        .programm__top-box + .programm__top-box {
          margin: 20px 0 0; } }
  .programm__ico {
    margin-right: 21px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .programm__top-title {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-family: "PB"; }
  .programm__notes {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #848897; }
  .programm__items {
    margin: 0;
    padding: 0 0 0 40px;
    list-style: none;
    counter-reset: myCounter;
    position: relative; }
    @media screen and (max-width: 1250px) {
      .programm__items {
        overflow-y: auto;
        max-height: 100%; } }
    @media screen and (max-width: 767px) {
      .programm__items {
        padding: 0 0 0 10px; } }
    .programm__items::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 120px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(85.26%, #ffffff));
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 85.26%);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      display: none; }
    .programm__items.end::after {
      opacity: 0;
      display: none; }
    .programm__items .mCSB_scrollTools {
      right: 10px; }
    .programm__items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .programm__items .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .programm__items .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
      background: #000; }
    .programm__items li {
      position: relative; }
      .programm__items li:last-child {
        margin-bottom: 20px; }
      .programm__items li .opener {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 64px 20px 70px;
        text-decoration: none;
        position: relative; }
        .programm__items li .opener::after {
          content: '';
          position: absolute;
          top: 43px;
          right: 13px;
          background: #666;
          width: 16px;
          height: 2px; }
          @media screen and (max-width: 767px) {
            .programm__items li .opener::after {
              right: 10px;
              top: 33px; } }
        .programm__items li .opener::before {
          content: '';
          position: absolute;
          top: 36px;
          right: 20px;
          background: #666;
          width: 2px;
          height: 16px; }
          @media screen and (max-width: 767px) {
            .programm__items li .opener::before {
              right: 17px;
              top: 26px; } }
        @media screen and (max-width: 767px) {
          .programm__items li .opener {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 20px 40px 20px 46px; } }
      .programm__items li.active .opener::before {
        display: none; }
      .programm__items li::before {
        counter-increment: myCounter;
        content: counter(myCounter);
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #000;
        border: 2px solid rgba(196, 196, 196, 0.2);
        display: inline-block;
        text-align: center;
        line-height: 40px;
        pointer-events: none;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: absolute;
        top: 22px;
        left: 0; }
      .programm__items li + li {
        border-top: 1px solid #e7ecf0; }
  .programm .slide {
    padding: 0 64px 0 70px; }
    @media screen and (max-width: 767px) {
      .programm .slide {
        padding: 0 15px 0 56px; } }
    .programm .slide ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .programm .slide ul li {
        padding-left: 15px; }
        .programm .slide ul li + li {
          border: 0;
          margin-top: 8px; }
        .programm .slide ul li::before {
          display: none; }
        .programm .slide ul li::after {
          content: '';
          position: absolute;
          top: 5px;
          left: 0;
          background: #666;
          width: 4px;
          height: 4px;
          border-radius: 50%; }
    .programm .slide p:first-child {
      margin-top: 0; }
    .programm .slide p:last-child {
      margin-bottom: 20px; }
  .programm__items-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #000;
    min-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .programm__items-date {
    font-size: 16px;
    line-height: 19px;
    color: rgba(0, 0, 0, 0.5);
    width: 204px;
    text-align: right; }
    @media screen and (max-width: 480px) {
      .programm__items-date {
        width: 100%; } }
  .programm__items-video {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px; }
    @media screen and (max-width: 767px) {
      .programm__items-video {
        bottom: 14px;
        top: auto; } }

.course-tools {
  max-width: 1230px;
  width: 100%;
  margin: 0 auto 115px;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .course-tools {
      padding: 0 30px; } }
  .course-tools--partners .course-tools__ico {
    width: 145px; }
    .course-tools--partners .course-tools__ico img {
      max-width: none;
      height: 44px;
      width: auto; }
  .course-tools__title {
    font-size: 32px;
    line-height: 38px;
    color: #333;
    font-family: "PB";
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .course-tools__title {
        font-size: 30px;
        line-height: 37px; } }
  .course-tools__notes {
    font-size: 20px;
    line-height: 180%;
    text-align: center;
    color: #000;
    max-width: 800px;
    margin: -40px auto 40px; }
  .course-tools__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url("../images/tools-decor.png") no-repeat 50% 50%;
    margin: -10px 0 0 -10px;
    position: relative; }
    @media screen and (min-width: 1250px) {
      .course-tools__list {
        background-attachment: fixed; } }
    @media screen and (max-width: 1250px) {
      .course-tools__list {
        background: none; } }
    @media screen and (max-width: 767px) {
      .course-tools__list {
        margin: 0;
        background-size: cover; } }
    .course-tools__list::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 10px;
      height: 10px;
      background: #fff; }
      @media screen and (max-width: 1023px) {
        .course-tools__list::after {
          right: 0; } }
      @media screen and (max-width: 479px) {
        .course-tools__list::after {
          right: 7px;
          left: 8px; } }
  .course-tools__box {
    width: 24%;
    position: relative;
    padding: 40px 0;
    background: #fff;
    margin: 10px 0 0 10px; }
    @media screen and (max-width: 1023px) {
      .course-tools__box {
        width: 177px; } }
    @media screen and (max-width: 767px) {
      .course-tools__box {
        margin: 2% 2% 0; } }
    .course-tools__box.active {
      -webkit-transform: scale(1);
      transform: scale(1); }
    @media only screen and (max-width: 767px) {
      .course-tools__box {
        width: 46%; } }
  .course-tools__ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 106px;
    height: 80px;
    margin: 0 auto 7px; }
    .course-tools__ico img {
      max-width: 40px; }
    @media screen and (max-width: 767px) {
      .course-tools__ico {
        background: #fff; } }
  .course-tools__name {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000; }
  .course-tools__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px; }
  .course-tools__btn {
    border: 1px solid #f8e015;
    border-radius: 50px;
    color: #000;
    max-width: 250px;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    width: 100%;
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    padding: 0;
    background: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none; }
    @media screen and (min-width: 1250px) {
      .course-tools__btn:hover {
        background: #f8e015; } }
    @media screen and (max-width: 767px) {
      .course-tools__btn {
        height: 52px; } }

.course-works {
  text-align: center;
  max-width: 100%;
  overflow: hidden; }
  .course-works__thumb {
    width: 3600px;
    margin-bottom: 50px;
    position: relative; }
  .course-works .btn {
    background: #0b75fe;
    color: #fff;
    max-width: 333px;
    text-transform: none;
    height: 70px;
    font-size: 16px;
    line-height: 19px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 40px;
    -webkit-box-shadow: none;
    box-shadow: none; }
    @media screen and (max-width: 767px) {
      .course-works .btn {
        height: 52px; } }
    .course-works .btn svg {
      margin-right: 20px; }

.course-students {
  margin: 0 auto 180px;
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .course-students {
      margin: 0 auto 50px; } }
  .course-students__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .course-students__item {
    display: block;
    background-size: cover;
    background-position: center;
    position: relative;
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: 100%;
    height: 412px; }
    @media screen and (max-width: 1439px) {
      .course-students__item {
        height: 330px; } }
    @media screen and (max-width: 1023px) {
      .course-students__item {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        height: 330px; } }
    @media screen and (max-width: 600px) {
      .course-students__item {
        height: 170px; } }
    .course-students__item::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #46647d;
      opacity: 0;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .course-students__item:hover::before {
        opacity: 0.7; } }

.review-custom {
  max-width: 1140px;
  margin: 0 auto 150px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .review-custom {
      margin: 0 auto 100px; } }
  .review-custom__slide-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 1023px) {
      .review-custom__slide-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (max-width: 1023px) {
      .review-custom__slide-box {
        padding-bottom: 30px; } }
  .review-custom__info {
    max-width: 640px;
    -ms-flex-preferred-size: 640px;
    flex-basis: 640px;
    width: 100%;
    margin-right: 99px;
    position: relative;
    padding-bottom: 70px; }
    @media screen and (max-width: 1023px) {
      .review-custom__info {
        padding-bottom: 0;
        margin: 0 0 24px; } }
  .review-custom__title {
    font-size: 40px;
    line-height: 47px;
    font-family: "PB";
    color: #000;
    text-align: center;
    margin-bottom: 70px; }
    @media screen and (max-width: 767px) {
      .review-custom__title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 40px; } }
  .review-custom__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px; }
  .review-custom .slick-arrow {
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 0;
    top: auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: none;
    transform: none;
    z-index: 1; }
    .review-custom .slick-arrow::before {
      display: none; }
    .review-custom .slick-arrow svg {
      width: 8px;
      height: 14px; }
    .review-custom .slick-arrow.slick-prev {
      left: 0; }
      @media screen and (max-width: 1023px) {
        .review-custom .slick-arrow.slick-prev {
          left: 50%;
          margin-left: -56px;
          bottom: -40px; } }
    .review-custom .slick-arrow.slick-next {
      left: 63px; }
      @media screen and (max-width: 1023px) {
        .review-custom .slick-arrow.slick-next {
          left: 50%;
          margin-left: 11px;
          bottom: -40px; } }
      .review-custom .slick-arrow.slick-next svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .review-custom__ico {
    max-width: 112px;
    height: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 112px;
    flex-basis: 112px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    padding: 12px 18px;
    margin: 0 32px 0 5px; }
    @media screen and (max-width: 767px) {
      .review-custom__ico {
        max-width: 89px;
        height: 89px; } }
  .review-custom__name {
    font-size: 22px;
    line-height: 26px;
    color: #000;
    font-family: "PB";
    margin-bottom: 10px;
    text-transform: uppercase; }
  .review-custom__notes {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5); }
  .review-custom__text {
    font-size: 18px;
    line-height: 160%;
    color: #000; }
    @media only screen and (max-width: 1200px) {
      .review-custom__text {
        height: 168px; } }
  .review-custom__linkedin {
    width: 34px;
    height: 34px; }
    @media screen and (max-width: 767px) {
      .review-custom__linkedin {
        margin: 0 auto;
        display: block; } }
  .review-custom__btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .review-custom__btn {
    max-width: 372px;
    -ms-flex-preferred-size: 372px;
    flex-basis: 372px;
    width: 100%;
    background: #f8e015;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    text-decoration: none;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .review-custom__btn::after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: block;
      height: 100%;
      content: "";
      background-color: rgba(255, 255, 255, 0.4);
      -webkit-transform-origin: right top;
      transform-origin: right top;
      opacity: 0; }
    @media screen and (min-width: 1250px) {
      .review-custom__btn:hover {
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); }
        .review-custom__btn:hover::after {
          -webkit-transform-origin: left top;
          transform-origin: left top;
          left: 100%;
          opacity: 1; } }
    @media screen and (max-width: 767px) {
      .review-custom__btn {
        height: 52px; } }
    .review-custom__btn svg {
      width: 28px;
      height: 28px;
      margin-right: 15px; }
  .review-custom__video-btn {
    width: 110px;
    height: 110px;
    border: 3px solid #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -55px 0 0 -55px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .review-custom__video-btn {
        width: 78px;
        height: 78px;
        margin: -39px 0 0 -39px; } }
    .review-custom__video-btn.hidden {
      display: none; }
    .review-custom__video-btn::after {
      content: "";
      position: absolute;
      width: 160px;
      height: 160px;
      top: 50%;
      left: 50%;
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      -webkit-animation: pulse 1s ease-in-out infinite alternate;
      animation: pulse 1s ease-in-out infinite alternate; }
      @media screen and (max-width: 767px) {
        .review-custom__video-btn::after {
          width: 110px;
          height: 110px; } }
    @media screen and (min-width: 1250px) {
      .review-custom__video-btn:hover {
        border-color: #f8e015; } }
    .review-custom__video-btn svg {
      width: 21px;
      height: 26px; }
  .review-custom__image {
    position: relative;
    max-width: 526px;
    -ms-flex-preferred-size: 526px;
    flex-basis: 526px;
    width: 100%;
    height: 388px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 20px;
    overflow: hidden;
    -webkit-perspective: 1px;
    perspective: 1px; }
    @media screen and (max-width: 767px) {
      .review-custom__image {
        height: 233px;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%; } }
  .review-custom__image-box {
    position: relative; }
    .review-custom__image-box img {
      width: 100%; }
      .review-custom__image-box img.hidden {
        display: none; }
    .review-custom__image-box video {
      width: 526px;
      height: 388px;
      outline: none; }
      @media screen and (max-width: 767px) {
        .review-custom__image-box video {
          height: 233px;
          width: 100%; } }
  .review-custom__decor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .review-custom__decor-title {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    font-family: "PB";
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      .review-custom__decor-title {
        bottom: 50px; } }
    @media screen and (max-width: 400px) {
      .review-custom__decor-title {
        bottom: 20px; } }
    .review-custom__decor-title span {
      color: #f8e015; }

.credit-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1784px;
  width: 100%;
  margin: 0 auto 95px;
  padding: 0 70px;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 477px;
  background: -webkit-gradient(linear, left top, right top, from(#ff435a), to(#8a00d5));
  background: linear-gradient(90deg, #ff435a 0%, #8a00d5 100%);
  border-radius: 80px; }
  @media screen and (max-width: 1680px) {
    .credit-block {
      max-width: 1620px; } }
  @media screen and (max-width: 1679px) {
    .credit-block {
      max-width: 1390px; } }
  @media screen and (max-width: 1366px) {
    .credit-block {
      max-width: 1230px; } }
  @media screen and (max-width: 767px) {
    .credit-block {
      border-radius: 30px;
      margin: 0 auto 50px; } }
  .credit-block__thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 86px;
    position: relative;
    top: -50px; }
    @media screen and (max-width: 1250px) {
      .credit-block__thumb {
        max-width: 320px; } }
    @media screen and (max-width: 767px) {
      .credit-block__thumb {
        max-width: 257px;
        margin: 0 auto;
        top: -30px; } }
  .credit-block__inner {
    max-width: 576px;
    -ms-flex-preferred-size: 576px;
    flex-basis: 576px;
    width: 100%; }
  .credit-block__title {
    font-family: "PB";
    font-size: 40px;
    line-height: 47px;
    color: #fff;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .credit-block__title {
        font-size: 30px;
        line-height: 35px; } }
  .credit-block-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px; }
    @media screen and (max-width: 767px) {
      .credit-block-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px; } }
    .credit-block-row__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 42px;
      background: rgba(0, 0, 0, 0.1);
      padding: 0 20px;
      border-radius: 5px;
      color: #fff;
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 1px; }
      .credit-block-row__item span {
        margin-left: 3px; }
      @media screen and (max-width: 767px) {
        .credit-block-row__item {
          width: auto;
          max-width: none;
          font-size: 15px;
          background: none; }
          .credit-block-row__item span {
            overflow: hidden;
            width: 30px; } }
      @media screen and (max-width: 359px) {
        .credit-block-row__item {
          font-size: 12px; }
          .credit-block-row__item span {
            width: 24px; } }
      .credit-block-row__item:last-child {
        color: #f8e015;
        min-width: 210px;
        max-width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .credit-block-row__item:last-child {
            min-width: 0;
            padding: 0; } }
      @media only screen and (max-width: 767px) {
        .credit-block-row__item {
          padding: 0;
          font-family: "Roboto", sans-serif; } }
    .credit-block-row__separator {
      height: 42px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      font-size: 16px;
      margin: 0 25px; }
      @media only screen and (max-width: 14397px) {
        .credit-block-row__separator {
          margin: 0 15px; } }
      @media only screen and (max-width: 767px) {
        .credit-block-row__separator {
          margin: 0 5px; } }
      @media screen and (max-width: 767px) {
        .credit-block-row__separator--2 {
          width: auto;
          text-align: center;
          margin: 0 5px;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
  .credit-block__caption {
    color: #fff;
    font-size: 18px;
    line-height: 160%;
    margin-bottom: 30px; }
  @media only screen and (max-width: 992px) {
    .credit-block {
      padding: 0 15px 40px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .credit-block .btn {
    background: #f8e015;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    border-radius: 48px;
    width: 100%;
    height: 70px;
    font-family: "Roboto";
    text-transform: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .credit-block .btn::after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: block;
      height: 100%;
      content: "";
      background-color: rgba(255, 255, 255, 0.4);
      -webkit-transform-origin: right top;
      transform-origin: right top;
      opacity: 0; }
    @media screen and (min-width: 1250px) {
      .credit-block .btn:hover {
        -webkit-box-shadow: 0 0 30px rgba(228, 228, 228, 0.9);
        box-shadow: 0 0 30px rgba(228, 228, 228, 0.9); }
        .credit-block .btn:hover::after {
          -webkit-transform-origin: left top;
          transform-origin: left top;
          left: 100%;
          opacity: 1; } }
    @media screen and (max-width: 767px) {
      .credit-block .btn {
        height: 52px; } }
    @media screen and (max-width: 400px) {
      .credit-block .btn {
        height: 62px; } }

.course-custom__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto 100px; }
  @media screen and (max-width: 1023px) {
    .course-custom__main {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .course-custom__main {
      margin: 0 auto 60px; } }

.course-custom__instructor {
  max-width: 449px;
  -ms-flex-preferred-size: 449px;
  flex-basis: 449px;
  width: 100%;
  margin-right: 30px; }
  @media screen and (max-width: 1023px) {
    .course-custom__instructor {
      margin: 0 0 56px; } }

.course-custom__instructor-image {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px; }
  .course-custom__instructor-image video {
    width: 101%; }

.course-custom__instructor-notes {
  background: -webkit-gradient(linear, left top, right top, from(#6c3e85), to(#e04a5c));
  background: linear-gradient(90deg, #6c3e85 0%, #e04a5c 100%);
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 9px 10px 12px; }

.course-custom__instructor-info {
  padding: 0 25px; }
  @media screen and (max-width: 767px) {
    .course-custom__instructor-info {
      padding: 0 3px; } }

.course-custom__instructor-name {
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
  color: #000;
  font-family: "PB";
  margin-bottom: 10px; }

.course-custom__instructor-position {
  margin: 0 0 31px;
  padding: 0;
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .course-custom__instructor-position li {
    position: relative; }
    .course-custom__instructor-position li + li {
      margin-left: 20px; }
      .course-custom__instructor-position li + li::after {
        content: "";
        position: absolute;
        top: 1px;
        left: -10px;
        width: 1px;
        height: 16px;
        background: #000; }

.course-custom__instructor-experience {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  line-height: 160%;
  color: #000; }
  .course-custom__instructor-experience li {
    padding-left: 38px;
    position: relative;
    margin-top: 15px; }
    .course-custom__instructor-experience li::after {
      border-bottom: 4px solid #dc4a5e;
      border-right: 4px solid #dc4a5e;
      content: "";
      display: block;
      height: 18px;
      width: 10px;
      pointer-events: none;
      position: absolute;
      left: 0;
      top: 2px;
      -webkit-transform-origin: 66% 66%;
      transform-origin: 66% 66%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }

.course-custom__about {
  max-width: 600px;
  -ms-flex-preferred-size: 600px;
  flex-basis: 600px;
  width: 100%; }

.course-custom__about-title {
  font-size: 40px;
  line-height: 47px;
  font-family: "PB";
  background: -webkit-linear-gradient(0deg, #e04a5c 0%, #6c3e85 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
  margin-bottom: 40px; }
  .course-custom__about-title span {
    display: block; }
  @media screen and (max-width: 767px) {
    .course-custom__about-title {
      font-size: 30px;
      line-height: 35px;
      margin-bottom: 34px; } }

.course-custom__about-text {
  font-size: 16px;
  line-height: 220%;
  color: #000;
  margin-bottom: 113px;
  max-height: 326px; }
  .course-custom__about-text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  .course-custom__about-text .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  .course-custom__about-text .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  .course-custom__about-text .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #282828; }
  @media screen and (max-width: 1250px) {
    .course-custom__about-text {
      max-height: 100%; } }
  @media screen and (max-width: 767px) {
    .course-custom__about-text {
      margin-bottom: 60px; } }
  .course-custom__about-text p {
    margin: 25px 0; }
    .course-custom__about-text p:first-child {
      margin-top: 0; }
    .course-custom__about-text p:last-child {
      margin-bottom: 0; }

.course-custom__about-box-title {
  font-size: 40px;
  line-height: 47px;
  color: #000;
  font-family: "PB";
  margin-bottom: 55px; }
  @media screen and (max-width: 767px) {
    .course-custom__about-box-title {
      font-size: 30px;
      line-height: 35px;
      margin: 15px; } }

.course-custom__about-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #000; }
  @media screen and (max-width: 767px) {
    .course-custom__about-list {
      font-size: 18px; } }
  .course-custom__about-list li {
    padding: 0 170px 0 30px;
    cursor: default;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 97px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-perspective: 1px;
    perspective: 1px; }
    .course-custom__about-list li::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: -1px;
      left: 0;
      right: 0;
      border-radius: 15px;
      background: var(--tooltip-color);
      opacity: 0;
      z-index: -1; }
    @media screen and (max-width: 767px) {
      .course-custom__about-list li {
        padding: 20px 20px 20px 75px; }
        .course-custom__about-list li:last-child {
          border-bottom: 0; } }
    @media screen and (min-width: 1200px) {
      .course-custom__about-list li.active {
        border-color: transparent;
        border-radius: 15px;
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, from(#e04a5c), to(#6c3e85));
        background: linear-gradient(90deg, #e04a5c 0%, #6c3e85 100%);
        -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526); }
        .course-custom__about-list li.active::before {
          opacity: 1; }
        .course-custom__about-list li.active .course-custom__about-icon {
          -webkit-transform: scale(1);
          transform: scale(1); } }
  @media screen and (min-width: 1200px) and (max-width: 767px) {
    .course-custom__about-list li.active {
      background: none;
      color: #000;
      background: none;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: rgba(0, 0, 0, 0.1); } }
    @media screen and (max-width: 1199px) {
      .course-custom__about-list li {
        background: transparent !important; } }

.course-custom__about-icon {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -75px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media screen and (max-width: 767px) {
    .course-custom__about-icon {
      left: 0;
      right: auto;
      -webkit-transform: scale(1);
      transform: scale(1);
      width: 60px;
      height: 60px;
      margin-top: -30px; } }

@-webkit-keyframes some {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  100% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg); } }

@keyframes some {
  0% {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  100% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg); } }

.set-finished-title {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  font-family: "PB";
  display: none; }
  .set-finished .set-finished-title {
    display: block; }

.set-finished-text {
  font-size: 12px;
  line-height: 14px;
  color: #000;
  text-align: center;
  font-weight: 700;
  display: none; }
  .set-finished .set-finished-text {
    display: block; }

@media screen and (max-width: 1250px) {
  .page-template-page-course .scroll-bottom {
    display: none; } }

.page-id-4292 .course-section__info-title {
  font-size: 42px;
  line-height: 56px; }
  @media screen and (max-width: 767px) {
    .page-id-4292 .course-section__info-title {
      font-size: 20px;
      line-height: 27px; } }

@media screen and (max-width: 1250px) {
  body.course-page .course-section {
    max-height: none; } }

@media screen and (max-width: 1250px) {
  body.course-page .course-section__top {
    max-height: none; } }

@media screen and (max-width: 767px) {
  .course-content__section .instructor-video-title:first-child {
    padding-top: 30px; } }

.arrow-right {
  position: relative;
  width: 22px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }

.angle {
  width: 8px;
  height: 8px;
  border-right: 2px solid #46647d;
  border-top: 2px solid #46647d;
  bottom: 0;
  position: absolute;
  -webkit-transform: translate3d(-50%, -2px, 0) rotate(135deg);
  transform: translate3d(-50%, -2px, 0) rotate(135deg);
  left: 50%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .angle--right {
    width: 8px;
    height: 8px;
    -webkit-transform: translate3d(-20%, -3px, 0) rotate(45deg);
    transform: translate3d(-20%, -3px, 0) rotate(45deg);
    -webkit-transition: none;
    transition: none; }

.dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .dots--right {
    width: 13px;
    height: 2px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }
  .dots--right-small {
    position: absolute;
    width: 8px;
    height: 1px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0); }

.arrow-right .dot {
  background-color: #46647d;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  position: absolute;
  -webkit-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out; }
  .arrow-right .dot--1 {
    top: 4px;
    opacity: .2;
    -webkit-animation: dot 2s infinite linear;
    animation: dot 2s infinite linear;
    width: 1px;
    height: 1px; }
  .arrow-right .dot--2 {
    top: 8px;
    opacity: .5;
    -webkit-animation: dot 2s infinite linear .5s;
    animation: dot 2s infinite linear .5s;
    width: 2px;
    height: 2px; }
  .arrow-right .dot--3 {
    top: 12px;
    opacity: .8;
    -webkit-animation: dot 2s infinite linear 1s;
    animation: dot 2s infinite linear 1s;
    width: 2px;
    height: 3px; }
  .arrow-right .dot--right-1 {
    left: 1px;
    top: 0;
    height: 2px;
    width: 1px;
    -webkit-animation: dot 2s infinite linear;
    animation: dot 2s infinite linear; }
  .arrow-right .dot--right-2 {
    left: 5px;
    top: 0;
    height: 2px;
    width: 2px;
    -webkit-animation: dot 2s infinite linear .5s;
    animation: dot 2s infinite linear .5s; }
  .arrow-right .dot--right-3 {
    left: 10px;
    top: 0;
    height: 2px;
    width: 3px;
    -webkit-animation: dot 2s infinite linear 1s;
    animation: dot 2s infinite linear 1s; }
  .arrow-right .dot--right-small-1 {
    background-color: #000;
    top: 0;
    left: 0;
    width: 3px;
    height: 1px;
    -webkit-animation: dot 1.5s infinite linear 1s;
    animation: dot 1.5s infinite linear 1s; }
  .arrow-right .dot--right-small-2 {
    background-color: #000;
    top: 0;
    left: auto;
    right: 0;
    width: 3px;
    height: 1px;
    -webkit-animation: dot 1.5s infinite linear;
    animation: dot 1.5s infinite linear; }

.free-addition {
  text-align: center;
  padding: 10px 20px;
  background: rgba(151, 164, 177, 0.1);
  font-size: 16px;
  font-family: 'PB';
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #46647d; }

.second-free-addition {
  text-align: center;
  padding: 10px 20px;
  font-size: 16px;
  font-family: 'PB';
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  background: #46647d; }

@-webkit-keyframes dot {
  0% {
    opacity: .2; }
  25% {
    opacity: 1; }
  50% {
    opacity: .2; }
  100% {
    opacity: .2; } }

@keyframes dot {
  0% {
    opacity: .2; }
  25% {
    opacity: 1; }
  50% {
    opacity: .2; }
  100% {
    opacity: .2; } }

.certificate-block {
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .certificate-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .certificate-block {
      margin: 0 auto 100px; } }
  .certificate-block__inner {
    max-width: 600px; }
    @media only screen and (max-width: 767px) {
      .certificate-block__inner {
        max-width: 100%;
        margin: 0;
        padding: 40px 0 0; } }
  .certificate-block__thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 380px;
    -ms-flex-preferred-size: 380px;
    flex-basis: 380px;
    width: 100%;
    margin-right: 133px;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .certificate-block__thumb {
        margin: 0 0 80px; } }
    @media screen and (max-width: 767px) {
      .certificate-block__thumb {
        max-width: 354px; } }
    @media screen and (max-width: 413px) {
      .certificate-block__thumb {
        max-width: 314px; } }
    .certificate-block__thumb img {
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); }
  .certificate-block__thumb-ico {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    display: none; }
    .certificate-block__thumb-ico svg {
      fill: #e04a5c;
      width: 16px;
      height: 16px; }
  .certificate-block__thumb-text {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    background: -webkit-linear-gradient(0deg, #E04A5C 0%, #6C3E85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 298px;
    margin: 40px 0 0 50px; }
    @media screen and (max-width: 767px) {
      .certificate-block__thumb-text {
        margin: 40px 15px 0 auto; } }
    @media screen and (max-width: 400px) {
      .certificate-block__thumb-text {
        margin: 40px 0 0 50px; } }
    .certificate-block__thumb-text::after {
      content: '';
      position: absolute;
      top: -10px;
      left: -38px;
      background: url("../images/decrease.svg") no-repeat;
      width: 24px;
      height: 24px; }
  .certificate-block__title {
    color: #000;
    font-family: 'PB';
    font-size: 40px;
    line-height: 47px;
    margin-bottom: 50px; }
    .certificate-block__title span {
      display: block;
      color: #f8e015; }
    @media only screen and (max-width: 992px) {
      .certificate-block__title {
        font-size: 25px; } }
    @media only screen and (max-width: 767px) {
      .certificate-block__title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 400px) {
      .certificate-block__title {
        font-size: 28px; } }
  .certificate-block__list {
    margin: 0;
    padding: 0 0 0 63px;
    list-style: none;
    font-size: 20px;
    line-height: 22px;
    color: #000; }
    @media only screen and (max-width: 400px) {
      .certificate-block__list {
        font-size: 18px; } }
    .certificate-block__list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      padding: 25px 0; }
      .certificate-block__list li + li {
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .certificate-block__ico {
    position: absolute;
    top: 50%;
    left: -63px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .certificate-block__caption {
    color: #333;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px; }
  .certificate-block .btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #000; }
  @media only screen and (max-width: 767px) {
    .certificate-block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(2);
    transform: scale(2); } }

@keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  to {
    -webkit-transform: scale(2);
    transform: scale(2); } }

.error-page {
  background: url("../images/error-bg.jpg") no-repeat;
  background-size: cover;
  min-height: 100vh; }
  .error-page .phones,
  .error-page .nav {
    display: none; }
  .error-page .wrapper {
    max-height: 100vh; }
    @media screen and (max-width: 767px) {
      .error-page .wrapper {
        max-height: 100%; } }

.error-section {
  max-width: 1326px;
  margin: 0 auto;
  padding-top: 150px;
  position: relative; }
  @media screen and (max-width: 1679px) {
    .error-section {
      padding-top: 100px; } }
  .error-section__title {
    font-size: 24px;
    line-height: 28px;
    color: #46647d;
    font-family: "PB";
    margin-bottom: 13px;
    text-transform: uppercase;
    padding-left: 13px; }
    @media screen and (max-width: 1679px) {
      .error-section__title {
        text-align: center;
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      .error-section__title {
        margin-bottom: 40px; } }
    @media screen and (max-width: 479px) {
      .error-section__title {
        margin-bottom: 70px; } }
  @media screen and (max-width: 1679px) {
    .error-section svg {
      max-width: 930px;
      margin: 0 auto;
      display: block;
      height: auto; } }
  @media screen and (max-width: 1439px) {
    .error-section svg {
      max-width: 783px;
      margin: 0 0 0 auto; } }
  @media screen and (max-width: 1250px) {
    .error-section svg {
      margin: 0 auto; } }
  @media screen and (max-width: 767px) {
    .error-section svg {
      width: 100%; } }
  @media screen and (max-width: 479px) {
    .error-section svg {
      margin-bottom: 40px; } }
  .error-section__box {
    position: absolute;
    top: 50%;
    left: 13px;
    margin-top: -100px; }
    @media screen and (max-width: 1679px) {
      .error-section__box {
        margin-top: 0;
        top: auto;
        bottom: 70px; } }
    @media screen and (max-width: 1439px) {
      .error-section__box {
        left: 193px; } }
    @media screen and (max-width: 1250px) {
      .error-section__box {
        position: static;
        text-align: center; } }
  .error-section__list {
    margin: 0 0 27px;
    padding: 0;
    list-style: none;
    font-size: 18px;
    line-height: 36px;
    color: #333; }
    @media screen and (max-width: 1250px) {
      .error-section__list {
        display: none; } }
    .error-section__list li {
      position: relative; }
      .error-section__list li::before {
        content: '-';
        margin-right: 10px; }
  .error-section .btn {
    font-size: 18px;
    color: #000;
    padding: 20px 40px;
    border-radius: 30px;
    display: inline-block;
    vertical-align: top; }

.not-selectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.carousel {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%; }

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

.carousel__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px); }

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer; }

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: .25;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out; }

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1; }

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  -webkit-box-shadow: var(--carousel-button-shadow, none);
  box-shadow: var(--carousel-button-shadow, none);
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease; }

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.carousel__button.is-prev {
  left: 10px; }

.carousel__button.is-next {
  right: 10px; }

.carousel__button[disabled] {
  cursor: default;
  opacity: .3; }

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  -webkit-filter: var(--carousel-button-svg-filter, none);
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none; }

body.compensate-for-scrollbar {
  overflow: hidden !important;
  -ms-touch-action: none;
  touch-action: none; }

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: none;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); }

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

.fancybox__container :focus {
  outline: thin dotted; }

body.is-using-mouse .fancybox__container :focus {
  outline: none; }

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px; } }

.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); }

.fancybox__carousel {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10; }

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px); }

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default; }

.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

.fancybox__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px; }

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0px;
  flex: 0 0;
  margin: auto; }

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px; } }

.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 20; }

.fancybox__caption {
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-wrap: anywhere; }

.is-loading .fancybox__caption {
  visibility: hidden; }

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff); }

.fancybox__nav .carousel__button {
  z-index: 40; }

.fancybox__nav .carousel__button.is-next {
  right: 8px; }

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px; } }

.fancybox__nav .carousel__button.is-prev {
  left: 8px; }

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px; } }

.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40; }

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px; } }

.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -36px;
  right: 0;
  color: var(--fancybox-color, #fff); }

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none; }

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor); }

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053; }

.fancybox__spinner svg {
  -webkit-animation: fancybox-rotate 2s linear infinite;
  animation: fancybox-rotate 2s linear infinite;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%; }

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  -webkit-animation: fancybox-dash 1.5s ease-in-out infinite;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor; }

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1); }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  -webkit-animation: .15s ease backwards fancybox-fadeIn;
  animation: .15s ease backwards fancybox-fadeIn; }

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  -webkit-animation: .15s ease both fancybox-fadeOut;
  animation: .15s ease both fancybox-fadeOut; }

.fancybox-fadeIn {
  -webkit-animation: .15s ease both fancybox-fadeIn;
  animation: .15s ease both fancybox-fadeIn; }

.fancybox-fadeOut {
  -webkit-animation: .1s ease both fancybox-fadeOut;
  animation: .1s ease both fancybox-fadeOut; }

.fancybox-zoomInUp {
  -webkit-animation: .2s ease both fancybox-zoomInUp;
  animation: .2s ease both fancybox-zoomInUp; }

.fancybox-zoomOutDown {
  -webkit-animation: .15s ease both fancybox-zoomOutDown;
  animation: .15s ease both fancybox-zoomOutDown; }

.fancybox-throwOutUp {
  -webkit-animation: .15s ease both fancybox-throwOutUp;
  animation: .15s ease both fancybox-throwOutUp; }

.fancybox-throwOutDown {
  -webkit-animation: .15s ease both fancybox-throwOutDown;
  animation: .15s ease both fancybox-throwOutDown; }

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

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

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

@keyframes fancybox-fadeOut {
  to {
    opacity: 0; } }

@-webkit-keyframes fancybox-zoomInUp {
  from {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fancybox-zoomInUp {
  from {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; } }

@keyframes fancybox-zoomOutDown {
  to {
    -webkit-transform: scale(0.97) translate3d(0, 16px, 0);
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0; } }

@-webkit-keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutUp {
  to {
    -webkit-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    opacity: 0; } }

@-webkit-keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    opacity: 0; } }

@keyframes fancybox-throwOutDown {
  to {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    opacity: 0; } }

.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1); }

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1); }

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }

.fancybox__carousel .is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox__carousel .is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox__carousel .fancybox__slide:not(.has-image) .fancybox__content {
  cursor: auto; }

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox__image {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  min-height: 1px; }

.is-closing .has-image .fancybox__content {
  overflow: visible; }

.has-image[data-image-fit=contain] {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none; }

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto; }

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto; }

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto; }

.has-image[data-image-fit=cover] {
  overflow: visible;
  -ms-touch-action: none;
  touch-action: none; }

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%; }

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible; }

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%; }

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff; }

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df; }

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent; }

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.fancybox__thumbs {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1); }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
  animation: .15s ease-in backwards fancybox-fadeIn; }

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0; }

.fancybox__thumbs .carousel__slide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer; }

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
  opacity: 0;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  border-radius: 4px; }

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: .92; }

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: 4px; }

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(8.1%, rgba(0, 0, 0, 0.006)), color-stop(15.5%, rgba(0, 0, 0, 0.021)), color-stop(22.5%, rgba(0, 0, 0, 0.046)), color-stop(29%, rgba(0, 0, 0, 0.077)), color-stop(35.3%, rgba(0, 0, 0, 0.114)), color-stop(41.2%, rgba(0, 0, 0, 0.155)), color-stop(47.1%, rgba(0, 0, 0, 0.198)), color-stop(52.9%, rgba(0, 0, 0, 0.242)), color-stop(58.8%, rgba(0, 0, 0, 0.285)), color-stop(64.7%, rgba(0, 0, 0, 0.326)), color-stop(71%, rgba(0, 0, 0, 0.363)), color-stop(77.5%, rgba(0, 0, 0, 0.394)), color-stop(84.5%, rgba(0, 0, 0, 0.419)), color-stop(91.9%, rgba(0, 0, 0, 0.434)), to(rgba(0, 0, 0, 0.44)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding: 0;
  -ms-touch-action: none;
  touch-action: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); }

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px; } }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  -webkit-animation: .15s ease-in backwards fancybox-fadeIn;
  animation: .15s ease-in backwards fancybox-fadeIn; }

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0; }

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

.fancybox__toolbar__items--left {
  margin-right: auto; }

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.fancybox__toolbar__items--right {
  margin-left: auto; }

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none; } }

.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  z-index: 30;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox__container:-webkit-full-screen::backdrop {
  opacity: 0; }

.fancybox__container:-ms-fullscreen::backdrop {
  opacity: 0; }

.fancybox__container:fullscreen::backdrop {
  opacity: 0; }

.fancybox__button--fullscreen g:nth-child(2) {
  display: none; }

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none; }

.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block; }

.fancybox__button--slideshow g:nth-child(2) {
  display: none; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none; }

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block; }

.footer {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px;
  padding: 44px 0 0; }
  .footer__map {
    height: 500px; }
  .footer__contacts {
    max-width: 1133px;
    margin: 0 auto; }
    @media screen and (max-width: 1250px) {
      .footer__contacts {
        padding: 0 15px; } }
  .footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px; }
    @media screen and (max-width: 1023px) {
      .footer__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .footer__row.map-1, .footer__row.map-2 {
      cursor: pointer; }
  .footer__button {
    border: 2px solid #f8e015;
    border-radius: 48px;
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin-bottom: 40px; }
    .footer__button svg {
      width: 16px;
      height: 16px;
      margin-left: 11px; }
    @media screen and (min-width: 1250px) {
      .footer__button:hover {
        background: #f8e015; } }
  .footer__col {
    -ms-flex-preferred-size: 230px;
    flex-basis: 230px;
    max-width: 230px;
    width: 100%; }
    @media screen and (max-width: 1023px) {
      .footer__col {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center; }
        .footer__col + .footer__col {
          margin-top: 30px; } }
  .footer__sub-title {
    font-size: 14px;
    line-height: 16px;
    color: #97a4b1;
    font-weight: 700;
    margin-bottom: 10px; }
  .footer__phones {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700; }
    .footer__phones a {
      color: #000;
      text-decoration: none; }
    @media only screen and (max-width: 767px) {
      .footer__phones {
        font-size: 14px; } }
  .footer__email-box {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000; }
  .footer__email {
    text-decoration: none;
    color: #000; }
  .footer__work {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000; }
    @media only screen and (max-width: 767px) {
      .footer__work {
        font-size: 14px; } }
  .footer__address {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    font-style: normal; }
    @media only screen and (max-width: 767px) {
      .footer__address {
        font-size: 14px; } }
  .footer__notes {
    color: #46647d;
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px dotted;
    display: inline-block;
    vertical-align: top; }
    .footer__notes svg {
      fill: #46647d;
      width: 4px;
      height: 7px;
      margin-right: 5px; }
  .footer__partner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none; }
    @media screen and (max-width: 1200px) {
      .footer__partner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .footer__partner-title {
    font-size: 14px;
    line-height: 16px;
    color: #97a4b1;
    margin-right: 8px; }
  @media only screen and (max-width: 1120px) {
    .footer {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%; }
  @media screen and (max-width: 1023px) {
    .social {
      width: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .social {
      display: block; } }
  .social__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 54px; }
    @media only screen and (max-width: 1200px) {
      .social__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (max-width: 1023px) {
      .social__list {
        margin-right: 25px; } }
    @media screen and (max-width: 767px) {
      .social__list {
        margin: 0 0 10px; } }
    .social__list--new-footer {
      padding-bottom: 30px; }
    .social__list li {
      width: 50px;
      height: 50px; }
      .social__list li + li {
        margin-left: 24px; }
      .social__list li a {
        display: block; }
      .social__list li svg {
        display: block;
        width: 50px;
        height: 50px; }

.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #97a4b1; }
  @media screen and (max-width: 767px) {
    .breadcrumbs {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 auto; } }
  .breadcrumbs--new-footer {
    margin-top: 20px;
    margin-bottom: 65px; }
    @media only screen and (max-width: 1200px) {
      .breadcrumbs--new-footer {
        display: none; } }
  .breadcrumbs li {
    position: relative; }
    .breadcrumbs li + li {
      margin-left: 13px; }
      .breadcrumbs li + li::before {
        content: "";
        position: absolute;
        top: 5px;
        left: -10px;
        width: 5px;
        height: 5px;
        border-style: solid;
        border-width: 1px 1px 0 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .breadcrumbs a {
    color: #97a4b1;
    text-decoration: none; }
    @media screen and (min-width: 1250px) {
      .breadcrumbs a:hover {
        text-decoration: underline; } }

.copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px; }
  @media only screen and (max-width: 1200px) {
    .copy {
      padding-top: 0; } }
  @media screen and (max-width: 1023px) {
    .copy {
      width: 100%;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .copy {
      display: block; } }

.devs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media screen and (min-width: 1250px) {
    .devs:hover .devs__icon,
    .devs:hover .devs__icon-hover {
      -webkit-transform: translate(0, -100%);
      transform: translate(0, -100%); } }
  .devs__name {
    color: #97a4b1;
    margin-right: 5px; }
  .devs__icon-box {
    width: 100px;
    height: 17px;
    position: relative;
    overflow: hidden; }
  .devs__icon {
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%;
    height: 100%; }
  .devs__icon-hover {
    position: relative;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%); }
  @media only screen and (max-width: 1200px) {
    .devs {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 15px; } }

.it-cluster {
  width: 142px;
  height: 46px;
  width: 82px;
  height: 27px; }

.cluster-path-1 {
  fill: #009b7c; }

.cluster-path-2 {
  fill: #00b7d7; }

.site-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #eee;
  padding: 29px 0; }
  @media screen and (max-width: 1250px) {
    .site-footer {
      padding: 29px 15px; } }
  @media screen and (max-width: 1023px) {
    .site-footer {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.error404 .header,
.page-template-page-thx .header,
.category-blog .header,
.category-itblog .header {
  position: fixed;
  z-index: 10;
  padding: 15px 70px;
  background: #fff;
  -webkit-box-shadow: 0 0 30px 4px rgba(51, 51, 51, 0.1);
  box-shadow: 0 0 30px 4px rgba(51, 51, 51, 0.1); }
  @media screen and (max-width: 1440px) {
    .error404 .header,
    .page-template-page-thx .header,
    .category-blog .header,
    .category-itblog .header {
      padding: 30px 20px; } }
  .error404 .header .logo-color,
  .page-template-page-thx .header .logo-color,
  .category-blog .header .logo-color,
  .category-itblog .header .logo-color {
    fill: #000; }
  .error404 .header .wpml-ls-legacy-list-horizontal,
  .page-template-page-thx .header .wpml-ls-legacy-list-horizontal,
  .category-blog .header .wpml-ls-legacy-list-horizontal,
  .category-itblog .header .wpml-ls-legacy-list-horizontal {
    bottom: -9px; }
    @media screen and (max-width: 1679px) {
      .error404 .header .wpml-ls-legacy-list-horizontal,
      .page-template-page-thx .header .wpml-ls-legacy-list-horizontal,
      .category-blog .header .wpml-ls-legacy-list-horizontal,
      .category-itblog .header .wpml-ls-legacy-list-horizontal {
        bottom: -22px; } }
    .error404 .header .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a,
    .page-template-page-thx .header .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a,
    .category-blog .header .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a,
    .category-itblog .header .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
      color: #fff; }
    .error404 .header .wpml-ls-legacy-list-horizontal a,
    .page-template-page-thx .header .wpml-ls-legacy-list-horizontal a,
    .category-blog .header .wpml-ls-legacy-list-horizontal a,
    .category-itblog .header .wpml-ls-legacy-list-horizontal a {
      color: #000; }
      @media only screen and (min-width: 1025px) {
        .error404 .header .wpml-ls-legacy-list-horizontal a:hover,
        .page-template-page-thx .header .wpml-ls-legacy-list-horizontal a:hover,
        .category-blog .header .wpml-ls-legacy-list-horizontal a:hover,
        .category-itblog .header .wpml-ls-legacy-list-horizontal a:hover {
          color: #f8e015; } }
  .error404 .header .rev-link__count,
  .page-template-page-thx .header .rev-link__count,
  .category-blog .header .rev-link__count,
  .category-itblog .header .rev-link__count {
    color: #000; }
  .error404 .header .new-menu__main,
  .page-template-page-thx .header .new-menu__main,
  .category-blog .header .new-menu__main,
  .category-itblog .header .new-menu__main {
    color: #000;
    border: 2px solid #000; }
    @media screen and (max-width: 1250px) {
      .error404 .header .new-menu__main,
      .page-template-page-thx .header .new-menu__main,
      .category-blog .header .new-menu__main,
      .category-itblog .header .new-menu__main {
        border-radius: 0;
        border: 1px dashed;
        border-width: 0 0 1px; } }
    .error404 .header .new-menu__main::after,
    .page-template-page-thx .header .new-menu__main::after,
    .category-blog .header .new-menu__main::after,
    .category-itblog .header .new-menu__main::after {
      background-image: url(../images/open-arrow-b.svg); }
  .error404 .header .city__current,
  .page-template-page-thx .header .city__current,
  .category-blog .header .city__current,
  .category-itblog .header .city__current {
    color: #000; }
    .error404 .header .city__current span,
    .page-template-page-thx .header .city__current span,
    .category-blog .header .city__current span,
    .category-itblog .header .city__current span {
      border-color: #000; }
  .error404 .header .city__current-icon,
  .error404 .header .city__current-arrow,
  .page-template-page-thx .header .city__current-icon,
  .page-template-page-thx .header .city__current-arrow,
  .category-blog .header .city__current-icon,
  .category-blog .header .city__current-arrow,
  .category-itblog .header .city__current-icon,
  .category-itblog .header .city__current-arrow {
    fill: #000; }
  .error404 .header .new-menu__main::after,
  .page-template-page-thx .header .new-menu__main::after,
  .category-blog .header .new-menu__main::after,
  .category-itblog .header .new-menu__main::after {
    background-image: url(../images/open-arrow-b.svg); }
  @media only screen and (min-width: 1025px) {
    .error404 .header .nav a:hover,
    .page-template-page-thx .header .nav a:hover,
    .category-blog .header .nav a:hover,
    .category-itblog .header .nav a:hover {
      color: #f8e015; } }
  @media screen and (max-width: 1250px) {
    .error404 .header,
    .page-template-page-thx .header,
    .category-blog .header,
    .category-itblog .header {
      background: #fff; }
      .error404 .header .mobile-opener__line,
      .page-template-page-thx .header .mobile-opener__line,
      .category-blog .header .mobile-opener__line,
      .category-itblog .header .mobile-opener__line {
        background: #212121; } }
  .error404 .header .logo-color,
  .page-template-page-thx .header .logo-color,
  .category-blog .header .logo-color,
  .category-itblog .header .logo-color {
    fill: #000; }
  @media screen and (max-width: 1250px) {
    .error404 .header .mobile-opener__line,
    .page-template-page-thx .header .mobile-opener__line,
    .category-blog .header .mobile-opener__line,
    .category-itblog .header .mobile-opener__line {
      background: #282828; } }
  .error404 .header .nav a,
  .page-template-page-thx .header .nav a,
  .category-blog .header .nav a,
  .category-itblog .header .nav a {
    color: #000; }
  .error404 .header .rev-link,
  .error404 .header .vac-link,
  .error404 .header .contacs-link,
  .error404 .header .blog-link,
  .page-template-page-thx .header .rev-link,
  .page-template-page-thx .header .vac-link,
  .page-template-page-thx .header .contacs-link,
  .page-template-page-thx .header .blog-link,
  .category-blog .header .rev-link,
  .category-blog .header .vac-link,
  .category-blog .header .contacs-link,
  .category-blog .header .blog-link,
  .category-itblog .header .rev-link,
  .category-itblog .header .vac-link,
  .category-itblog .header .contacs-link,
  .category-itblog .header .blog-link {
    color: #000; }
  .error404 .header .nav .parent:hover > a,
  .page-template-page-thx .header .nav .parent:hover > a,
  .category-blog .header .nav .parent:hover > a,
  .category-itblog .header .nav .parent:hover > a {
    color: #f8e015; }
  .error404 .header .nav .parent > a::after,
  .page-template-page-thx .header .nav .parent > a::after,
  .category-blog .header .nav .parent > a::after,
  .category-itblog .header .nav .parent > a::after {
    background-image: url(../images/open-arrow-b.svg); }
  .error404 .header .phones a,
  .page-template-page-thx .header .phones a,
  .category-blog .header .phones a,
  .category-itblog .header .phones a {
    color: #000; }
    @media screen and (max-width: 1250px) {
      .error404 .header .phones a,
      .page-template-page-thx .header .phones a,
      .category-blog .header .phones a,
      .category-itblog .header .phones a {
        color: #000; } }
  @media only screen and (max-width: 1200px) {
    .error404 .header,
    .page-template-page-thx .header,
    .category-blog .header,
    .category-itblog .header {
      padding: 15px; } }
  @media screen and (max-width: 991px) {
    .error404 .header,
    .page-template-page-thx .header,
    .category-blog .header,
    .category-itblog .header {
      padding: 17px 25px 17px 15px; } }
  @media screen and (max-width: 767px) {
    .error404 .header,
    .page-template-page-thx .header,
    .category-blog .header,
    .category-itblog .header {
      padding: 17px 45px 17px 15px; } }
  .error404 .header .callback,
  .page-template-page-thx .header .callback,
  .category-blog .header .callback,
  .category-itblog .header .callback {
    border-color: #f8e015;
    color: #000;
    background: none; }
    @media screen and (min-width: 1250px) {
      .error404 .header .callback:hover,
      .page-template-page-thx .header .callback:hover,
      .category-blog .header .callback:hover,
      .category-itblog .header .callback:hover {
        background: #f8e015; } }
    .error404 .header .callback svg,
    .page-template-page-thx .header .callback svg,
    .category-blog .header .callback svg,
    .category-itblog .header .callback svg {
      fill: #000; }

.header {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 70px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  @media screen and (max-width: 1880px) {
    .header {
      padding: 30px; } }
  @media only screen and (max-width: 1440px) {
    .header {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (max-width: 1250px) {
    .header {
      background: #fff; } }
  .header.fixed {
    position: fixed;
    z-index: 10;
    padding: 15px 70px;
    background: #fff;
    -webkit-box-shadow: 0 0 30px 4px rgba(51, 51, 51, 0.1);
    box-shadow: 0 0 30px 4px rgba(51, 51, 51, 0.1);
    top: auto; }
    @media screen and (max-width: 1880px) {
      .header.fixed {
        padding: 30px; } }
    @media only screen and (max-width: 1440px) {
      .header.fixed {
        padding-left: 20px;
        padding-right: 20px; } }
    .header.fixed .wpml-ls-legacy-list-horizontal {
      bottom: -9px; }
      @media screen and (max-width: 1679px) {
        .header.fixed .wpml-ls-legacy-list-horizontal {
          bottom: -22px; } }
    .header.fixed .rev-link__count {
      color: #000; }
    .header.fixed .logo-color {
      fill: #000; }
    @media screen and (max-width: 1250px) {
      .header.fixed .mobile-opener__line {
        background: #282828; } }
    .header.fixed .nav a {
      color: #000; }
    .header.fixed .nav .parent:hover > a {
      color: #f8e015; }
    .header.fixed .rev-link,
    .header.fixed .vac-link,
    .header.fixed .contacs-link,
    .header.fixed .blog-link {
      color: #000; }
    .header.fixed .nav .parent > a::after {
      background-image: url(../images/open-arrow-b.svg); }
    .header.fixed .phones a {
      color: #000; }
      @media screen and (max-width: 1250px) {
        .header.fixed .phones a {
          color: #000; } }
    @media only screen and (max-width: 1200px) {
      .header.fixed {
        padding: 15px; } }
    @media screen and (max-width: 1100px) {
      .header.fixed {
        padding: 17px 45px 17px 15px; } }
    @media screen and (max-width: 767px) {
      .header.fixed {
        padding: 17px 45px 17px 15px; } }
    .header.fixed .callback {
      border-color: #f8e015;
      color: #000;
      background: none; }
      @media screen and (min-width: 1250px) {
        .header.fixed .callback:hover {
          background: #f8e015; } }
      .header.fixed .callback svg {
        fill: #000; }
  .header__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (min-width: 1250px) {
      .header__box {
        -ms-flex-negative: 0;
        flex-shrink: 0; } }
  .header .phones {
    list-style: none;
    padding: 0;
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px; }
    @media screen and (max-width: 1365px) {
      .header .phones {
        position: relative;
        top: 11px; } }
    @media screen and (max-width: 1250px) {
      .header .phones {
        top: 0;
        margin-bottom: 20px; } }
    .header .phones li {
      position: relative; }
      @media screen and (max-width: 1250px) {
        .header .phones li:first-child {
          display: none; } }
      .header .phones li + li {
        margin-top: 2px; }
    .header .phones a {
      color: #97a4b1;
      text-decoration: none;
      font-weight: 700;
      -webkit-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out; }
      @media screen and (max-width: 1250px) {
        .header .phones a {
          color: #000; } }
      @media screen and (min-width: 1250px) {
        .header .phones a:hover {
          color: #f8e015; } }
  .header .order-btn {
    margin: 0 30px;
    position: relative;
    overflow: hidden;
    padding: 13px 33px;
    text-transform: none;
    font-size: 16px !important;
    line-height: 18px;
    font-weight: bold;
    color: #333 !important;
    border-radius: 48px; }
    @media screen and (max-width: 1880px) {
      .header .order-btn {
        margin: 0 10px; } }
    @media only screen and (max-width: 1440px) {
      .header .order-btn {
        margin-right: 0;
        margin-left: 15px;
        padding: 15px 25px; } }
    @media screen and (max-width: 767px) {
      .header .order-btn {
        font-size: 12px !important;
        line-height: 14px; } }
    .header .order-btn__decor {
      display: block;
      position: absolute;
      background: rgba(255, 255, 255, 0.3);
      border-radius: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
      z-index: 20; }
    .header .order-btn.animate {
      -webkit-animation-name: ripple;
      animation-name: ripple;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-duration: 5s;
      animation-duration: 5s; }
    @media screen and (min-width: 1250px) {
      .header .order-btn:hover {
        -webkit-box-shadow: 0 0 30px rgba(228, 228, 228, 0.9);
        box-shadow: 0 0 30px rgba(228, 228, 228, 0.9); } }
    @media only screen and (max-width: 767px) {
      .header .order-btn {
        margin-right: 10px; } }
    @media only screen and (max-width: 479px) {
      .header .order-btn {
        padding: 8px 15px;
        margin-left: 15px; } }
  .header--second .phones a {
    color: #fff; }
    @media screen and (max-width: 1250px) {
      .header--second .phones a {
        color: #000; } }
  .header--second .nav a {
    color: #fff; }
  @media screen and (min-width: 1250px) {
    .header--second .nav .parent:hover > a {
      color: #f8e015; }
      .header--second .nav .parent:hover > a::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 2px;
        background: #f8e015; } }
  @media only screen and (max-width: 1200px) {
    .header {
      padding: 30px 15px; } }
  @media screen and (max-width: 991px) {
    .header {
      padding: 17px 45px 17px 15px;
      position: fixed; } }
  @media screen and (max-width: 767px) {
    .header {
      position: fixed; } }

.logo {
  margin-right: 60px;
  position: relative; }
  @media only screen and (max-width: 1440px) {
    .logo {
      margin-right: 25px; } }
  @media screen and (max-width: 767px) {
    .logo {
      max-width: 113px;
      margin-right: 17px;
      position: relative; } }
  .logo svg.svg {
    width: 100%;
    max-width: 226px;
    display: block; }
    @media screen and (max-width: 767px) {
      .logo svg.svg {
        height: 25px; } }

.logo-color {
  fill: #fff; }
  @media screen and (max-width: 1250px) {
    .logo-color {
      fill: #000; } }

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 118px;
  -ms-flex-preferred-size: 118px;
  flex-basis: 118px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 31px; }
  @media only screen and (max-width: 1440px) {
    .nav {
      margin: 0; } }
  @media only screen and (max-width: 1250px) {
    .nav {
      max-width: none;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      width: auto; } }
  .nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%; }
  .nav .parent {
    position: relative; }
    @media screen and (min-width: 1250px) {
      .nav .parent > a {
        pointer-events: none; } }
    @media screen and (min-width: 1250px) {
      .nav .parent:hover > a::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); } }
    .nav .parent > a::after {
      position: absolute;
      content: "";
      width: 9px;
      height: 5px;
      display: block;
      background-image: url(../images/open-arrow.svg);
      background-size: cover;
      position: absolute;
      right: -16px;
      bottom: 5px;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; }
      @media screen and (max-width: 1250px) {
        .nav .parent > a::after {
          background-image: url(../images/open-arrow-b.svg);
          bottom: 11px; } }
    @media screen and (max-width: 1250px) {
      .nav .parent > a.active::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); } }
    @media screen and (min-width: 1250px) {
      .nav .parent:hover > a {
        color: #fff; }
        .nav .parent:hover > a::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 2px;
          background: #fff; } }
    .nav .parent ul {
      position: absolute;
      top: 100%;
      left: 0;
      width: 400px;
      background: #fff;
      padding: 10px 0;
      display: none;
      border-radius: 5px;
      margin-top: 20px;
      max-height: 483px; }
      @media screen and (max-width: 1250px) {
        .nav .parent ul.show {
          display: block;
          position: static;
          margin-top: 0; } }
      .nav .parent ul::before {
        content: "";
        position: absolute;
        top: -6px;
        left: 37px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff; }
      .nav .parent ul .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
      .nav .parent ul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #46647d; }
      .nav .parent ul .mCSB_inside > .mCSB_container {
        margin-right: 20px; }
      .nav .parent ul.mCustomScrollbar {
        padding: 10px 10px 10px 26px; }
      .nav .parent ul::after {
        content: "";
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        height: 20px; }
      .nav .parent ul li {
        padding: 0;
        position: relative; }
        .nav .parent ul li::after {
          content: "";
          position: absolute;
          bottom: -1px;
          left: 0;
          height: 1px;
          background: rgba(0, 0, 0, 0.3);
          width: 0;
          -webkit-transition: width 0.3s ease-in-out;
          transition: width 0.3s ease-in-out; }
        .nav .parent ul li:last-child::after {
          background: none; }
        @media screen and (min-width: 1250px) {
          .nav .parent ul li:hover::after {
            width: 100%; } }
        .nav .parent ul li + li {
          border-top: 1px solid rgba(0, 0, 0, 0.1); }
      .nav .parent ul a {
        display: block;
        padding: 13px 26px; }
    @media screen and (min-width: 1250px) {
      .nav .parent:hover ul {
        display: block; } }
  .nav__title {
    font-size: 18px;
    line-height: 21px;
    font-family: "PB";
    color: #000;
    text-transform: none;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .nav__sub-title {
    font-size: 14px;
    line-height: 140%;
    font-weight: bold;
    color: #000;
    text-transform: none; }
  .nav a {
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px; }
    @media screen and (max-width: 1250px) {
      .nav a {
        color: #000 !important; } }
    @media only screen and (min-width: 1025px) {
      .nav a:hover {
        color: #f8e015; } }

.rev-link,
.vac-link,
.contacs-link,
.blog-link {
  font-weight: 900;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px; }
  @media screen and (max-width: 1250px) {
    .rev-link,
    .vac-link,
    .contacs-link,
    .blog-link {
      color: #000 !important; } }
  @media only screen and (min-width: 1025px) {
    .rev-link:hover,
    .vac-link:hover,
    .contacs-link:hover,
    .blog-link:hover {
      color: #f8e015; } }

.vac-link {
  margin-left: 35px; }
  @media screen and (max-width: 1365px) {
    .vac-link {
      margin-left: 30px; } }

.contacs-link {
  margin-left: 35px; }
  @media screen and (max-width: 1679px) {
    .contacs-link {
      display: none; } }
  @media screen and (max-width: 1250px) {
    .contacs-link {
      color: #000;
      display: block;
      margin: 0 0 20px; } }

.blog-link {
  margin-left: 15px; }
  @media screen and (max-width: 1365px) {
    .blog-link {
      margin-left: 10px; } }
  @media screen and (max-width: 1250px) {
    .blog-link {
      color: #000;
      display: block;
      margin: 0 0 20px; } }

.rev-link {
  margin-left: 32px;
  width: 111px; }
  .rev-link__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 100%; }
    .rev-link__stars svg {
      width: 12px;
      height: 12px; }
    .rev-link__stars path {
      fill: #ffbC11; }
  .rev-link__count {
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
    color: #fff;
    margin: 1px 0 0 4px; }

.dot-box {
  display: block;
  margin: 0 auto 5px;
  width: 20px;
  height: 20px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .dot-box + span {
      display: none; } }

.dot {
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  display: block;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .dot--1 {
    top: 0;
    left: 0; }
  .dot--2 {
    top: 0;
    left: 50%;
    margin-left: -2px; }
  .dot--3 {
    top: 0;
    right: 0; }
  .dot--4 {
    top: 50%;
    left: 0;
    margin-top: -2px; }
  .dot--5 {
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -2px; }
  .dot--6 {
    top: 50%;
    margin-top: -2px;
    right: 0; }
  .dot--7 {
    bottom: 0;
    left: 0; }
  .dot--8 {
    bottom: 0;
    left: 50%;
    margin-left: -2px; }
  .dot--9 {
    bottom: 0;
    right: 0; }

.animate {
  -webkit-animation: ripple 0.65s linear;
  animation: ripple 0.65s linear; }

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  20%,
  30%,
  40% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes ripple {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  15%,
  25%,
  35%,
  45% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  20%,
  30%,
  40% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@media only screen and (max-width: 767px) {
  .curs-sub .parent > a {
    display: none !important; } }

.callback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  margin-left: 40px;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 46px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0 22px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  @media screen and (max-width: 1880px) {
    .callback {
      margin-left: 10px; } }
  @media screen and (max-width: 1439px) {
    .callback {
      padding: 0 15px; } }
  @media screen and (max-width: 1365px) {
    .callback {
      max-width: 169px;
      padding: 0 25px; } }
  @media screen and (max-width: 1250px) {
    .callback {
      display: none; } }
  @media screen and (min-width: 1250px) {
    .callback:hover {
      background: #f8e015;
      color: #000; }
      .callback:hover svg {
        fill: #000; } }
  .callback__text {
    white-space: nowrap; }
    @media screen and (max-width: 1440px) {
      .callback__text {
        white-space: normal; } }
  .callback__ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 5px; }
    .callback__ico svg {
      width: 12px;
      height: 12px;
      fill: #f8e015; }

.mobile-opener {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 40px;
  z-index: 5;
  display: none;
  margin-top: -23px; }
  .mobile-opener::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 10px; }
  @media screen and (max-width: 1250px) {
    .mobile-opener {
      display: block; } }
  @media screen and (max-width: 767px) {
    .mobile-opener {
      margin-top: -21px; } }
  .mobile-opener__line {
    background: #000;
    width: 100%;
    height: 1px;
    position: absolute;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .mobile-opener__line.line-1 {
      top: 15px; }
    .mobile-opener__line.line-2 {
      top: 20px; }
    .mobile-opener__line.line-3 {
      top: 25px; }
  .mobile-opener.active .line-1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 20px;
    background: #000; }
  .mobile-opener.active .line-2 {
    display: none; }
  .mobile-opener.active .line-3 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 20px;
    background: #000; }

.easyzoom {
  float: left; }

.easyzoom img {
  display: block; }

/* Shrink wrap strategy 2 */
.easyzoom {
  display: inline-block; }

.easyzoom img {
  vertical-align: bottom; }

.mobile-head {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  right: 0;
  -webkit-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  height: 100vh; }
  .mobile-head.active {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  @media screen and (max-width: 1250px) {
    .mobile-head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.mobile-head-bottom {
  display: none;
  background: #ffface;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 13px 9px; }
  @media screen and (max-width: 1250px) {
    .mobile-head-bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .mobile-head-bottom .rev-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        font-size: 12px;
        line-height: 14px;
        min-width: 135px; }
      .mobile-head-bottom .rev-link__stars {
        position: relative;
        top: 0;
        margin-left: 4px; }
      .mobile-head-bottom .wp-stars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .mobile-head-bottom .vac-link {
        font-size: 12px;
        line-height: 14px;
        margin: 0; }
      .mobile-head-bottom .rev-link__count {
        font-size: 8px;
        line-height: 9px;
        color: #000; } }
  .mobile-head-bottom__tel {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    text-decoration: none; }
    .mobile-head-bottom__tel span {
      color: #000;
      border-bottom: 1px dashed; }
    .mobile-head-bottom__tel svg {
      margin-right: 2px;
      width: 11px;
      height: 10px;
      fill: none;
      stroke: #000; }

.button {
  width: 48px;
  height: 48px;
  cursor: pointer; }
  .button:hover {
    fill: white; }

.defs {
  position: absolute;
  top: -9999px;
  left: -9999px; }

body.home .mute {
  display: none; }

#video-box-review,
#video-box,
#video-box-course {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.review-video__play {
  width: 142px;
  height: 142px;
  border: 3px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 70px auto 0;
  position: relative;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .review-video__play::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    -webkit-animation: pulse 1s ease-in-out infinite alternate;
    animation: pulse 1s ease-in-out infinite alternate; }
  .review-video__play svg {
    width: 21px;
    height: 26px; }
  @media screen and (min-width: 1250px) {
    .review-video__play:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: #f8e015; } }

@media screen and (max-width: 1023px) {
  .review-video__play {
    -ms-flex-negative: 0;
    flex-shrink: 0; } }

.home-video__text {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  margin: 8px 0 58px;
  font-weight: 900;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .home-video__text {
      margin: 0 0 0 5px; } }

.review-page-info {
  max-width: 653px;
  -ms-flex-preferred-size: 653px;
  flex-basis: 653px;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1023px) {
    .review-page-info {
      max-width: 503px;
      -ms-flex-preferred-size: 503px;
      flex-basis: 503px; } }

.review-page-title {
  font-size: 82px;
  line-height: 96px;
  font-family: "PB";
  color: #fff;
  margin-bottom: 20px; }
  @media screen and (max-width: 1023px) {
    .review-page-title {
      font-size: 62px;
      line-height: 66px; } }
  @media screen and (max-width: 767px) {
    .review-page-title {
      font-size: 36px;
      line-height: 50px; } }
  .review-page-title span {
    color: #f8e015; }

.review-page-text {
  font-size: 20px;
  line-height: 140%;
  color: #fff; }

.review-content {
  padding-top: 100px; }
  @media screen and (max-width: 767px) {
    .review-content {
      padding: 50px 15px 0; } }

.facebook-rev {
  max-width: 1140px;
  margin: 0 auto 120px; }
  .facebook-rev img {
    width: 100%; }
  .facebook-rev__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .facebook-rev__btn {
    border: 2px solid #f8e015;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    max-width: 258px;
    -ms-flex-preferred-size: 258px;
    flex-basis: 258px;
    width: 100%;
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    border-radius: 40px;
    cursor: pointer; }
    @media screen and (min-width: 1250px) {
      .facebook-rev__btn:hover {
        background: #f8e015; } }

.heading {
  position: relative;
  z-index: 2;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media screen and (max-width: 1250px) {
    .heading {
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .heading {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .heading--review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1110px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      .heading--review {
        padding: 40px 15px 0; } }
    @media screen and (max-width: 767px) {
      .heading--review {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .heading__section {
      margin-bottom: 37px;
      padding-right: 20px; } }
  .heading__subtitle {
    font-size: 52px;
    font-weight: 900;
    color: #f8e015;
    margin-bottom: 10px;
    line-height: 1; }
    @media only screen and (max-width: 1400px) {
      .heading__subtitle {
        font-size: 48px; } }
    @media screen and (max-width: 1023px) {
      .heading__subtitle {
        font-size: 32px; } }
    @media only screen and (max-width: 767px) {
      .heading__subtitle {
        font-size: 20px;
        line-height: 28px; } }
  .heading__title {
    width: 908px;
    max-width: 100%;
    height: 139px;
    fill: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    @media screen and (min-width: 1250px) {
      .heading__title {
        opacity: 0; } }
    .heading__title .lemon-w {
      stroke: #f8e015;
      fill: transparent;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      @media screen and (max-width: 1250px) {
        .heading__title .lemon-w {
          stroke: transparent;
          fill: #f8e015; } }
    .heading__title .school-w {
      stroke: #fff;
      fill: transparent;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      @media screen and (max-width: 1250px) {
        .heading__title .school-w {
          stroke: transparent;
          fill: #fff; } }
    .heading__title-holder {
      position: relative;
      margin-bottom: 75px; }
      @media screen and (max-width: 767px) {
        .heading__title-holder {
          margin-bottom: 4px; } }
    @media only screen and (max-width: 1400px) {
      .heading__title {
        height: auto;
        width: 620px;
        margin: 10px 0; } }
    @media screen and (max-width: 479px) {
      .heading__title {
        margin: 20px 0 25px; } }
  .heading__posttitle {
    font-size: 52px;
    line-height: 63px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    margin-bottom: 25px;
    z-index: 1;
    max-width: 876px; }
    @media only screen and (max-width: 1400px) {
      .heading__posttitle {
        font-size: 46px;
        max-width: 696px; } }
    @media only screen and (max-width: 767px) {
      .heading__posttitle {
        font-size: 24px;
        line-height: 28px; } }
  .heading__btn {
    font-weight: bold;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 62px;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    max-width: 217px;
    border: 1px solid #f8e015;
    border-radius: 30px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }
    @media screen and (max-width: 767px) {
      .heading__btn {
        height: auto;
        border-width: 0 0 1px;
        color: #fff200;
        border-color: #fff200;
        border-radius: 0;
        position: relative;
        max-width: none;
        width: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
        .heading__btn::after {
          content: '';
          position: absolute;
          top: 3px;
          margin-left: 6px;
          width: 26px;
          height: 15px;
          left: 100%;
          background: url("../images/arrow-more.svg") no-repeat; } }
    @media screen and (min-width: 1250px) {
      .heading__btn:hover {
        background: #f8e015;
        color: #333;
        border-color: #f8e015; } }
  .heading-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .heading-video__btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      width: 95px;
      height: 95px;
      border: 3px solid #fff;
      position: relative;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      cursor: pointer;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out; }
      @media only screen and (min-width: 1025px) {
        .heading-video__btn:hover {
          background: rgba(255, 255, 255, 0.1);
          border-color: #f8e015;
          -webkit-transform: scale(1.1);
          transform: scale(1.1); } }
      .heading-video__btn::before {
        content: "";
        width: 130px;
        height: 130px;
        border-radius: 50%;
        border: 2px solid #fff;
        opacity: 0.1;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-animation: pulse 1s ease-in-out infinite alternate;
        animation: pulse 1s ease-in-out infinite alternate; }
        @supports (-ms-ime-align: auto) {
          .heading-video__btn::before {
            display: none; } }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .heading-video__btn::before {
            display: none; } }
      @media only screen and (max-width: 767px) {
        .heading-video__btn {
          margin-bottom: 40px; } }
    .heading-video__icon {
      width: 19px;
      height: 22px;
      position: relative;
      left: 3px; }
    .heading-video__inner {
      text-align: left;
      margin-left: 50px; }
      @media only screen and (max-width: 767px) {
        .heading-video__inner {
          margin: 0;
          width: 100%;
          text-align: center; } }
    .heading-video__caption {
      color: #97a4b1;
      margin-bottom: 6px; }
    .heading-video__title {
      font-size: 14px;
      font-weight: 900;
      color: #f8e015;
      text-transform: uppercase;
      padding-bottom: 3px;
      border-bottom: 1px dotted #f8e015;
      display: inline-block;
      cursor: pointer;
      position: relative; }
      .heading-video__title::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 0;
        border-bottom: 1px solid #f8e015;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
      @media only screen and (min-width: 1025px) {
        .heading-video__title:hover::after {
          width: 100%; } }
    @media only screen and (max-width: 767px) {
      .heading-video {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  @media only screen and (max-width: 1400px) {
    .heading {
      margin-bottom: 0;
      padding-top: 40px; } }
  @media only screen and (max-width: 767px) {
    .heading {
      padding: 40px 15px 0; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  60% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    z-index: 1; } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
    transform: translate(-50%, -50%) scale(0.9); }
  60% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    z-index: 1; } }

.course-carousel__arrow {
  border: none;
  padding: 0 18px;
  background: #5b6770;
  cursor: pointer; }
  .course-carousel__arrow svg {
    height: 6px;
    width: 11px;
    fill: #fff; }
  .course-carousel__arrow.prev svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .course-carousel__arrow.next svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }

@media only screen and (max-width: 767px) {
  .course-carousel {
    display: none; } }

.course-slider__timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.course-slider .timer-item {
  margin-right: 9px;
  font-size: 18px;
  font-weight: 900;
  color: #fff; }
  .course-slider .timer-item span {
    font-size: 11px;
    font-weight: 400; }

.course-slider__label {
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  display: block;
  margin-bottom: 12px; }

.course-slider__count {
  padding: 25px 0;
  margin-right: 70px; }
  @media only screen and (max-width: 1050px) {
    .course-slider__count {
      margin-right: 20px; } }

.scroll-bottom {
  position: absolute;
  width: 18px;
  left: 50%;
  top: -85px;
  overflow: hidden;
  z-index: 10;
  margin-left: -9px; }
  .scroll-bottom__1 {
    -webkit-animation: moveto 1s ease-in-out infinite alternate;
    animation: moveto 1s ease-in-out infinite alternate; }
  .scroll-bottom__2 {
    -webkit-animation: moveto 1s 1.5s ease-in-out infinite alternate;
    animation: moveto 1s 1.5s ease-in-out infinite alternate; }
  .scroll-bottom__3 {
    -webkit-animation: moveto 1s 2.7s ease-in-out infinite alternate;
    animation: moveto 1s 2.7s ease-in-out infinite alternate; }
  .scroll-bottom svg {
    fill: #fff;
    width: 16px;
    height: 10px; }

@-webkit-keyframes moveto {
  0% {
    fill: rgba(255, 255, 255, 0.1); }
  100% {
    fill: #fff; } }

@keyframes moveto {
  0% {
    fill: rgba(255, 255, 255, 0.1); }
  100% {
    fill: #fff; } }

.excursion-form {
  position: fixed;
  left: 30px;
  bottom: 30px;
  max-width: 600px;
  width: 100%;
  background: #fff;
  padding: 40px;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 5;
  margin: 0; }
  .excursion-form__title {
    font-size: 26px;
    line-height: 34px;
    font-family: "PB";
    text-transform: uppercase;
    text-align: center;
    max-width: 500px;
    margin: 0 auto 15px; }
  .excursion-form__caption {
    text-align: center;
    font-size: 16px;
    margin-bottom: 25px; }
  .excursion-form .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px; }
  .excursion-form .form-section__row {
    width: 49%;
    margin: 0; }
  .excursion-form__close {
    position: absolute;
    right: 20px;
    top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    color: #46647d;
    font-size: 12px;
    cursor: pointer; }
    .excursion-form__close svg {
      width: 12px;
      height: 12px;
      margin-left: 7px;
      fill: #46647d; }
  .excursion-form::after, .excursion-form::before {
    display: none !important; }
  @media only screen and (max-width: 1100px) {
    .excursion-form {
      display: none !important; } }

.wrapperHuitaAndSeotext {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .wrapperHuitaAndSeotext .seoText {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }

.course-page-title {
  font-size: 40px;
  line-height: 47px;
  text-align: center;
  color: #fff;
  text-align: center;
  font-family: "PB"; }
  @media screen and (max-width: 767px) {
    .course-page-title {
      font-size: 30px;
      line-height: 35px; } }

.courses-list {
  position: relative;
  padding-top: 80px; }
  @media screen and (max-width: 1680px) {
    .courses-list {
      padding-top: 110px; } }
  @media screen and (max-width: 1250px) {
    .courses-list {
      padding-top: 50px; } }

.courses-item {
  height: 115vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 1680px) {
    .courses-item {
      height: 100vh; } }
  @media screen and (max-width: 1023px) {
    .courses-item {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: auto;
      padding-bottom: 70px; } }
  .courses-item--box-1.stop .courses-item__info {
    -webkit-transform: none !important;
    transform: none !important; }
  .courses-item--box-2.stop .courses-item__info {
    -webkit-transform: none !important;
    transform: none !important; }
  .courses-item--box-3.stop .courses-item__info {
    -webkit-transform: none !important;
    transform: none !important; }
  .courses-item--box-4.stop .courses-item__info {
    -webkit-transform: none !important;
    transform: none !important; }
  .courses-item__info {
    max-width: 480px;
    -ms-flex-preferred-size: 480px;
    flex-basis: 480px;
    width: 100%;
    margin-right: 84px; }
    @media screen and (max-width: 1250px) {
      .courses-item__info {
        margin: 50px 0 0;
        padding: 0 15px; } }
    @media screen and (max-width: 1023px) {
      .courses-item__info {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0; } }
    @media screen and (max-width: 767px) {
      .courses-item__info {
        padding: 0 30px; } }
  .courses-item__image {
    max-width: 688px;
    -ms-flex-preferred-size: 688px;
    flex-basis: 688px;
    width: 100%; }
    @media screen and (max-width: 1023px) {
      .courses-item__image {
        max-width: 450px;
        -ms-flex-preferred-size: 450px;
        flex-basis: 450px; } }
  .courses-item__title {
    font-size: 54px;
    line-height: 63px;
    color: #fff;
    font-family: "PB";
    margin-bottom: 20px; }
    .courses-item__title a {
      color: #fff;
      text-decoration: none; }
    @media screen and (max-width: 767px) {
      .courses-item__title {
        font-size: 40px;
        line-height: 47px; } }
  .courses-item__text {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 40px;
    color: #fff; }
    .courses-item__text a {
      color: #fff;
      text-decoration: none; }
  .courses-item .course-section__info-top {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0 0 40px;
    border-radius: 0; }
  .courses-item .course-section__detail {
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 12px 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media screen and (max-width: 767px) {
      .courses-item .course-section__detail {
        padding: 12px 15px; } }
  .courses-item .course-section__start {
    max-width: 209px;
    -ms-flex-preferred-size: 209px;
    flex-basis: 209px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .courses-item .course-section__start {
        max-width: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px; } }
  .courses-item .course-section__start-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #000; }
  .courses-item .course-slider__count {
    margin: 0;
    padding: 0; }
  .courses-item .course-section__start-date {
    font-size: 22px;
    line-height: 26px;
    color: #000; }
    @media screen and (max-width: 767px) {
      .courses-item .course-section__start-date {
        font-size: 20px; } }
  .courses-item .course-slider__label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #000; }
  .courses-item .timer-item {
    margin-right: 9px;
    font-size: 18px;
    font-weight: 900;
    color: #000; }
    .courses-item .timer-item span {
      font-size: 11px;
      font-weight: 400; }
  .courses-item__detail-bottom {
    background: rgba(255, 255, 255, 0.1);
    padding: 20px 30px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0 0 8px 8px; }
    @media screen and (max-width: 767px) {
      .courses-item__detail-bottom {
        padding: 20px 15px; } }
  .courses-item__detail-title {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    font-family: "PB";
    margin-bottom: 4px; }
    @media screen and (max-width: 767px) {
      .courses-item__detail-title {
        font-size: 20px; } }
  .courses-item__detail-text {
    max-width: 209px;
    -ms-flex-preferred-size: 209px;
    flex-basis: 209px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .courses-item__detail-text {
        max-width: 150px;
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px; } }
  .courses-item__detail-notes {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    max-width: 209px;
    -ms-flex-preferred-size: 209px;
    flex-basis: 209px;
    width: 100%; }
  .courses-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .courses-item__btn {
    background: #f8e015;
    border-radius: 30px;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    max-width: 190px;
    -ms-flex-preferred-size: 190px;
    flex-basis: 190px;
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-right: 50px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
    .courses-item__btn::after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: block;
      height: 100%;
      content: "";
      background-color: rgba(255, 255, 255, 0.4);
      -webkit-transform-origin: right top;
      transform-origin: right top;
      opacity: 0; }
    @media screen and (min-width: 1250px) {
      .courses-item__btn:hover {
        -webkit-box-shadow: 0 0 30px rgba(228, 228, 228, 0.9);
        box-shadow: 0 0 30px rgba(228, 228, 228, 0.9); }
        .courses-item__btn:hover::after {
          -webkit-transform-origin: left top;
          transform-origin: left top;
          left: 100%;
          opacity: 1; } }
    @media screen and (max-width: 767px) {
      .courses-item__btn {
        max-width: 170px;
        -ms-flex-preferred-size: 170px;
        flex-basis: 170px;
        height: 52px;
        margin-right: 35px; } }
  .courses-item__place {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .courses-item__place {
        text-align: center; } }
    .courses-item__place span {
      color: #f8e015; }
      @media screen and (max-width: 767px) {
        .courses-item__place span {
          display: block; } }

.add-course-title {
  font-size: 40px;
  line-height: 47px;
  color: #000;
  text-align: center;
  font-family: "PB";
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .add-course-title {
      font-size: 30px;
      line-height: 35px; } }

.add-course {
  max-width: 1230px;
  margin: 120px auto 100px;
  width: 100%; }
  @media screen and (max-width: 1250px) {
    .add-course {
      padding: 0 15px;
      margin: 70px auto; } }
  .add-course__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -60px 0 60px -30px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .add-course__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .add-course__list::after {
      content: "";
      position: absolute;
      bottom: -40px;
      left: 0;
      right: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(73.44%, rgba(255, 255, 255, 0.9)), to(#ffffff));
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 73.44%, #ffffff 100%);
      height: 103px;
      -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
      transform: matrix(-1, 0, 0, 1, 0, 0);
      z-index: 1; }
  .add-course__box {
    max-width: 600px;
    -ms-flex-preferred-size: 600px;
    flex-basis: 600px;
    width: 100%;
    margin: 60px 0 0 30px; }
    @media screen and (max-width: 1250px) {
      .add-course__box {
        max-width: 482px;
        -ms-flex-preferred-size: 482px;
        flex-basis: 482px; } }
    @media screen and (max-width: 1023px) {
      .add-course__box {
        max-width: 354px;
        -ms-flex-preferred-size: 354px;
        flex-basis: 354px; } }
    @media screen and (min-width: 1250px) {
      .add-course__box:hover img {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%); } }
  .add-course__image {
    background: rgba(164, 164, 164, 0.1);
    padding: 19px 15px 0;
    border-radius: 30px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .add-course__image {
        padding: 0 15px; } }
    .add-course__image img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      -webkit-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out; }
      @media screen and (max-width: 767px) {
        .add-course__image img {
          max-width: 170px; } }
  .add-course__info {
    margin-top: -20px;
    position: relative;
    z-index: 1; }
  .add-course__status {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #666;
    max-width: 180px;
    margin: 0 auto 20px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    background: #ececec !important; }
  .add-course__title {
    font-size: 22px;
    line-height: 26px;
    color: #000;
    margin-bottom: 10px;
    font-family: "PB";
    text-transform: uppercase;
    text-align: center; }
  .add-course__sub-title {
    font-size: 18px;
    line-height: 22px;
    color: #000;
    text-align: center;
    margin-bottom: 20px; }
  .add-course__place {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-align: center;
    display: none; }
  .add-course__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .add-course__btn {
    border: 1px solid #f8e015;
    border-radius: 50px;
    color: #000;
    max-width: 250px;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    width: 100%;
    height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    padding: 0;
    background: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media screen and (min-width: 1250px) {
      .add-course__btn:hover {
        background: #f8e015; } }
    @media screen and (max-width: 767px) {
      .add-course__btn {
        height: 52px; } }

body.notice-show {
  margin-top: 60px; }

.page-notice {
  background: #fff200;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20; }
  @media screen and (max-width: 1250px) {
    .page-notice {
      padding: 7px 80px 7px 10px; } }
  @media screen and (max-width: 767px) {
    .page-notice {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }
  .page-notice__text {
    font-size: 14px;
    line-height: 17px;
    color: #000; }
    @media screen and (max-width: 1250px) {
      .page-notice__text {
        font-size: 12px; } }
    @media screen and (max-width: 767px) {
      .page-notice__text {
        margin-bottom: 5px; } }
    .page-notice__text span {
      font-weight: bold; }
  .page-notice__close {
    position: absolute;
    top: 50%;
    right: 66px;
    margin-top: -7px;
    cursor: pointer; }
    @media screen and (max-width: 1250px) {
      .page-notice__close {
        right: 20px; } }
    @media screen and (max-width: 767px) {
      .page-notice__close {
        top: 12px;
        right: 10px; } }
    .page-notice__close svg {
      width: 12px;
      height: 12px; }
  .page-notice__box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .page-notice__box a {
      font-weight: bold;
      font-size: 16px;
      line-height: 19px;
      color: #379fff;
      margin-left: 7px;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
      @media screen and (max-width: 1250px) {
        .page-notice__box a {
          font-size: 12px; } }
      @media screen and (max-width: 767px) {
        .page-notice__box a {
          font-size: 14px;
          line-height: 16px; } }
      @media screen and (min-width: 1250px) {
        .page-notice__box a:hover {
          text-decoration: none; } }
      .page-notice__box a svg {
        margin-left: 4px; }
  .page-notice__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 31px;
    max-width: 359px;
    -ms-flex-preferred-size: 359px;
    flex-basis: 359px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    @media screen and (max-width: 1250px) {
      .page-notice__form {
        margin-left: 20px;
        max-width: 310px;
        -ms-flex-preferred-size: 310px;
        flex-basis: 310px; } }
    @media screen and (max-width: 767px) {
      .page-notice__form {
        margin-left: 9px;
        max-width: 224px;
        -ms-flex-preferred-size: 224px;
        flex-basis: 224px; } }
    .page-notice__form input {
      background: #fff;
      height: 46px;
      border: 2px solid #F8E015;
      border-radius: 48px;
      padding: 0 50px 0 22px; }
      @media screen and (max-width: 767px) {
        .page-notice__form input {
          height: 25px;
          font-size: 10px;
          padding: 0 42px 0 12px; } }
      .page-notice__form input:focus {
        border: 2px solid #F8E015; }
  .page-notice__btn {
    background: -webkit-gradient(linear, left top, right top, from(#E04A5C), to(#6C3E85));
    background: linear-gradient(90deg, #E04A5C 0%, #6C3E85 100%);
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526);
    border-radius: 48px;
    color: #fff;
    font-weight: 900;
    margin-left: -40px;
    font-size: 15px;
    line-height: 18px;
    max-width: 136px;
    -ms-flex-preferred-size: 136px;
    flex-basis: 136px;
    width: 100%;
    border: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 46px;
    cursor: pointer; }
    @media screen and (max-width: 1250px) {
      .page-notice__btn {
        max-width: 110px;
        -ms-flex-preferred-size: 110px;
        flex-basis: 110px; } }
    @media screen and (max-width: 767px) {
      .page-notice__btn {
        max-width: 85px;
        -ms-flex-preferred-size: 85px;
        flex-basis: 85px;
        height: 25px;
        font-size: 11px;
        line-height: 13px; } }
    @media screen and (min-width: 1250px) {
      .page-notice__btn:hover {
        background: -webkit-gradient(linear, left bottom, left top, from(#E04A5C), to(#6C3E85));
        background: linear-gradient(0deg, #E04A5C 0%, #6C3E85 100%); } }

.home-video__play {
  max-width: 208px;
  -ms-flex-preferred-size: 208px;
  flex-basis: 208px;
  position: relative;
  cursor: pointer; }
  @media screen and (max-width: 767px) {
    .home-video__play {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: none;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; } }
  .home-video__play img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  @media screen and (min-width: 1250px) {
    .home-video__play:hover .home-video__image {
      -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.84);
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.84); }
    .home-video__play:hover .home-video__info-box svg {
      -webkit-transform: scale(0.9);
      transform: scale(0.9); } }

.home-video__image {
  background: url("../images/video-mask-new.png") no-repeat;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 208px;
  height: 280px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  -webkit-box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.84);
  box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.84);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-position: 50% 50%; }
  .home-video__image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.64)), to(rgba(0, 0, 0, 0.64))), url(image.png);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)), url(image.png); }
  @media screen and (max-width: 767px) {
    .home-video__image {
      width: 143px;
      height: 86px;
      border-radius: 10px; } }

.home-video__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  width: 144px;
  height: 144px;
  border: 3px solid #fff;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-right: 84px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 767px) {
    .home-video__btn {
      margin: 0 0 30px; } }
  @media only screen and (min-width: 1025px) {
    .home-video__btn:hover {
      background: rgba(255, 255, 255, 0.1);
      border-color: #f8e015;
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }
  .home-video__btn::before {
    content: "";
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 0.1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pulse 1s ease-in-out infinite alternate;
    animation: pulse 1s ease-in-out infinite alternate; }
    @supports (-ms-ime-align: auto) {
      .home-video__btn::before {
        display: none; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .home-video__btn::before {
        display: none; } }
  @media only screen and (max-width: 1034px) {
    .home-video__btn {
      -ms-flex-negative: 0;
      flex-shrink: 0; } }

.home-video__icon {
  width: 19px;
  height: 22px;
  position: relative;
  left: 3px; }

@media screen and (max-width: 767px) {
  .home-video__info-box {
    position: absolute;
    left: 13px;
    top: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.home-video__info {
  position: absolute;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 100%;
  padding: 79px 0 0; }
  @media screen and (max-width: 767px) {
    .home-video__info {
      position: static;
      padding: 0;
      max-width: 101px;
      margin-left: 23px;
      text-align: left; } }
  .home-video__info svg {
    width: 27px;
    height: 36px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.home-video__sub-text {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #fff; }

@media screen and (max-width: 1250px) {
  .heading__title-holder .logo-color {
    fill: #fff; } }

.insta {
  max-width: 1230px;
  width: 100%;
  margin: 0 auto 100px; }
  @media screen and (max-width: 1250px) {
    .insta {
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .insta {
      padding: 0 30px; } }
  .insta__title {
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #000;
    font-family: "PB";
    max-width: 742px;
    margin: 0 auto 20px; }
    @media screen and (max-width: 767px) {
      .insta__title {
        font-size: 30px;
        line-height: 37px; } }
  .insta__text {
    font-size: 20px;
    line-height: 180%;
    color: #000;
    margin-bottom: 30px;
    text-align: center; }
  .insta__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 40px -4px; }
    @media screen and (max-width: 1023px) {
      .insta__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
  .insta__box {
    margin: 0 0 0 4px;
    border-radius: 10px;
    overflow: hidden; }
    @media screen and (max-width: 1250px) {
      .insta__box {
        max-width: 245px; } }
    @media screen and (max-width: 767px) {
      .insta__box {
        max-width: 170px; } }
    @media screen and (max-width: 374px) {
      .insta__box {
        max-width: 163px; } }
    @media screen and (max-width: 359px) {
      .insta__box {
        max-width: 143px; } }
  .insta .review-custom__btn {
    max-width: 260px;
    -ms-flex-preferred-size: 260px;
    flex-basis: 260px; }

.wp-facebook-reviews {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  margin: -20px 0 0 -20px !important; }
  @media screen and (max-width: 1250px) {
    .wp-facebook-reviews {
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; } }

.wp-fbrev .wp-facebook-review {
  position: relative !important;
  margin: 20px 0 0 20px !important;
  color: #777 !important;
  font-size: 18px !important;
  border: 1px solid #ededed !important;
  background-color: #fafafa !important;
  border-radius: 4px !important;
  max-width: 550px !important;
  padding: 20px !important; }
  @media screen and (max-width: 1250px) {
    .wp-fbrev .wp-facebook-review {
      max-width: 470px !important; } }
  @media screen and (max-width: 1023px) {
    .wp-fbrev .wp-facebook-review {
      max-width: 340px !important; } }

.wp-fbrev .wp-more-toggle {
  color: #46647d !important; }

.wp-fbrev a.wp-facebook-name {
  color: #373738 !important; }

.wp-fbrev .wp-facebook-review .wp-star svg path {
  fill: #f8e015 !important; }

.wp-fbrev .wp-facebook-place .wp-star svg path {
  fill: #f8e015 !important; }

.wp-fbrev .wp-facebook-rating {
  color: #373738 !important; }

.wp-fbrev .wp-facebook-url {
  background: #f8e015 !important;
  max-width: 300px !important;
  margin: 30px auto 0 !important;
  border-radius: 30px !important;
  padding: 13px 15px !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  color: #000 !important;
  font-weight: 900 !important; }

@media screen and (max-width: 1250px) {
  .facebook-rev {
    padding: 0 15px !important; } }

@media screen and (max-width: 767px) {
  .facebook-rev {
    padding: 0 !important; } }

.pop-up .order-box__form-btn {
  padding: 0 50px 0 36px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .pop-up .order-box__form-btn {
      height: 59px; } }

.rocket {
  background: url("../images/rocket.svg") no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 20px;
  right: 16px;
  -webkit-animation: roc 1s ease-in-out infinite alternate;
  animation: roc 1s ease-in-out infinite alternate;
  z-index: 3; }

@-webkit-keyframes roc {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

@keyframes roc {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); } }

.blog-title {
  text-align: center;
  font-size: 40px;
  line-height: 42px;
  margin: 0 0 40px;
  font-weight: 700; }

.review-video__play .home-video__text {
  margin: 8px 0 0; }

.page-notes {
  max-width: 645px;
  padding: 0 15px;
  margin: 0 auto 55px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #333; }

.instructor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 90px; }
  .instructor__btn {
    position: absolute;
    cursor: pointer;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 25px;
    background: #46647D;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase; }
    .instructor__btn .arrow-right .angle {
      border-color: #fff; }
    .instructor__btn .arrow-right .dot {
      background: #fff; }
  @media screen and (max-width: 1540px) {
    .instructor {
      padding: 0 15px; } }
  @media screen and (max-width: 1450px) {
    .instructor {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .instructor {
      margin-bottom: 0; } }
  .instructor__box {
    -ms-flex-preferred-size: 450px;
    flex-basis: 450px;
    max-width: 450px;
    width: 100%;
    margin-bottom: 60px; }
    @media screen and (max-width: 1450px) {
      .instructor__box {
        margin: 0 30px 60px; } }
    @media only screen and (max-width: 992px) {
      .instructor__box {
        max-width: 350px;
        -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
        margin: 0 0 60px; } }
    .instructor__box.normal .instructor__image img {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    .instructor__box.normal .instructor__image.active .skills {
      left: 0;
      z-index: 2; }
    .instructor__box.normal .instructor__image.active::after {
      opacity: 1; }
    .instructor__box.normal .instructor__image.active img {
      -webkit-transform: scale(1.1) translateX(15px);
      transform: scale(1.1) translateX(15px); }
      @media only screen and (min-width: 1024px) {
        .instructor__box.normal .instructor__image.active img {
          -webkit-filter: blur(2px);
          filter: blur(2px); } }
  .instructor__bottom {
    margin-bottom: 25px; }
  .instructor__image {
    position: relative;
    overflow: hidden; }
    .instructor__image::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      opacity: 0;
      width: 100%;
      background: rgba(70, 100, 125, 0.9);
      -webkit-transition: .37s ease-in-out;
      transition: .37s ease-in-out; }
    @media screen and (min-width: 1250px) {
      .instructor__image img {
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1); } }
  .instructor__course {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #46647d;
    font-weight: 700;
    cursor: default; }
  .instructor__opener {
    width: 35%;
    background: #46647d;
    text-align: center;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease; }
    @media screen and (min-width: 1250px) {
      .instructor__opener:hover {
        color: #f8e015; } }
    .instructor__opener svg {
      fill: #f8e015;
      width: 10px;
      height: 10px;
      display: none;
      margin: -1px 8px 0 0; }
    .instructor__opener.active {
      color: #f8e015; }
      .instructor__opener.active svg {
        display: inline-block;
        vertical-align: middle; }
  .instructor__block {
    background: #f8f8f8;
    padding: 25px 26px;
    -webkit-box-shadow: 0 12px 25px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 12px 25px 5px rgba(0, 0, 0, 0.15); }
    @media only screen and (max-width: 767px) {
      .instructor__block {
        padding: 25px 15px; } }
  .instructor__name {
    font-size: 22px;
    line-height: 26px;
    color: #46647d;
    font-family: 'PB';
    text-transform: uppercase;
    margin-bottom: 5px; }
  .instructor__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 14px;
    color: #adb8c5; }
  .instructor__company {
    padding-left: 8px;
    margin-left: 7px;
    position: relative; }
    .instructor__company::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 1px;
      height: 10px;
      margin-top: -5px;
      background: #adb8c5; }
  @media only screen and (max-width: 992px) {
    .instructor {
      -ms-flex-pack: distribute;
      justify-content: space-around; } }
  .instructor-heading {
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 1200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .instructor-heading__inner {
      max-width: 420px;
      padding: 35px 20px 120px;
      position: relative;
      background-image: url("../images/text-mask.png");
      background-repeat: no-repeat; }
      @media only screen and (max-width: 767px) {
        .instructor-heading__inner {
          background: none; } }
    .instructor-heading__title {
      font-family: 'PB';
      font-size: 42px;
      line-height: 48px;
      text-transform: uppercase;
      margin-bottom: 40px;
      margin-left: -60px; }
      .instructor-heading__title span {
        color: #f8e015; }
      @media only screen and (max-width: 767px) {
        .instructor-heading__title {
          font-size: 30px;
          margin-left: 0;
          margin-bottom: 20px; } }
    .instructor-heading__text {
      font-size: 16px;
      line-height: 24px; }
  @media only screen and (max-width: 1400px) {
    .instructor .pop-up__close {
      top: 15px; } }

.skills {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  bottom: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  padding: 24px 26px;
  font-size: 14px;
  line-height: 28px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-delay: .1s;
  transition-delay: .1s; }
  .skills li {
    position: relative; }
    .skills li + li {
      margin-top: 12px; }
    .skills li::before {
      content: '-';
      margin-right: 8px; }
  @media only screen and (max-width: 1024px) {
    .skills {
      line-height: 20px; } }

.top-section--instructor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-position: center center; }
  @media only screen and (max-width: 767px) {
    .top-section--instructor {
      display: none; } }

.mute {
  background: url(../images/volume-on.gif) no-repeat;
  width: 40px;
  height: 43px;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 1250px) {
    .mute {
      display: none; } }
  .mute.disable::before {
    width: 100%;
    display: inline-block;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    position: absolute;
    top: 27px;
    content: ''; }

@media only screen and (max-width: 767px) {
  .page-template-instructor-page .wrapper {
    margin-top: 75px; } }

.instructor-pop-up {
  position: relative;
  padding: 40px 30px;
  max-width: 1220px; }
  .instructor-pop-up::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 10px solid #46647d;
    border-width: 10px 10px 10px 0;
    width: 50%;
    z-index: -1; }
    @media only screen and (max-width: 768px) {
      .instructor-pop-up::before {
        display: none; } }
  .instructor-pop-up::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    border: 10px solid #f8e015;
    border-width: 10px 0 10px 10px;
    width: 50%;
    z-index: -1; }
    @media only screen and (max-width: 768px) {
      .instructor-pop-up::after {
        display: none; } }

.instructor-thx {
  text-align: center; }
  .instructor-thx__title {
    font-family: 'PB';
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px; }
  .instructor-thx__caption {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 20px;
    max-width: 350px;
    margin: 0 auto 40px; }

.wpml-ls-legacy-list-horizontal {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0;
  position: absolute;
  left: 0;
  bottom: -22px; }
  .wpml-ls-legacy-list-horizontal ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
      background: -webkit-gradient(linear, left top, right top, from(#FFAE00), to(#FF0062));
      background: linear-gradient(90deg, #FFAE00 0%, #FF0062 100%);
      border-radius: 84px;
      padding: 0 10px;
      pointer-events: none;
      font-weight: bold;
      font-size: 14px;
      line-height: 16px; }
  .wpml-ls-legacy-list-horizontal a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 700;
    text-decoration: none;
    height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media only screen and (min-width: 1025px) {
      .wpml-ls-legacy-list-horizontal a:hover {
        color: #f8e015; } }
  .header.fixed .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
    color: #fff; }
  .header.fixed .wpml-ls-legacy-list-horizontal a {
    color: #000; }
    @media only screen and (min-width: 1025px) {
      .header.fixed .wpml-ls-legacy-list-horizontal a:hover {
        color: #f8e015; } }

.title {
  font-size: 32px;
  line-height: 34px;
  font-family: 'PB';
  position: relative;
  margin: 0 0 28px; }
  .title::after {
    content: '';
    position: absolute;
    top: 50%;
    right: calc(100% - 51px);
    background: #f8e015;
    width: 0;
    height: 44px;
    margin-top: -22px;
    z-index: -1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .title.active::after {
    width: 100px; }

.main-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: 1230px;
  width: 100%;
  margin: 0 auto 118px; }
  .main-text iframe {
    float: left;
    width: 350px;
    height: 200px;
    margin: 0 30px 0 0; }
    @media screen and (max-width: 767px) {
      .main-text iframe {
        width: 100%;
        float: none;
        margin: 30px 0; } }
  @media screen and (max-width: 1250px) {
    .main-text {
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .main-text {
      margin: 0 auto 50px; } }
  .main-text__info {
    font-size: 12px;
    line-height: 24px; }
    .main-text__info p {
      margin: 20px 0; }
      .main-text__info p:first-child {
        margin-top: 0; }
    .main-text__info ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .main-text__info ul li {
        position: relative;
        padding-left: 15px; }
        .main-text__info ul li::after {
          content: '';
          position: absolute;
          top: 10px;
          left: 0;
          background: #000;
          width: 4px;
          height: 4px;
          border-radius: 50%; }

.new-courses {
  position: relative;
  padding-top: 132px;
  max-width: 1230px;
  width: 100%;
  margin: 0 auto 30px; }
  @media only screen and (max-width: 1200px) {
    .new-courses {
      padding-top: 40px;
      padding-left: 20px;
      padding-right: 20px; } }
  .new-courses__title {
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    margin-bottom: 40px;
    font-family: "PB"; }
    @media only screen and (max-width: 1200px) {
      .new-courses__title {
        margin-bottom: 20px; } }
    @media only screen and (max-width: 767px) {
      .new-courses__title {
        font-size: 21px;
        line-height: 32px; } }
  .new-courses__nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px; }
    @media only screen and (max-width: 1100px) {
      .new-courses__nav.active ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0); } }
    .new-courses__nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      min-width: 1136px; }
      @media only screen and (max-width: 1100px) {
        .new-courses__nav ul {
          min-width: auto;
          display: block;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          z-index: 1;
          border: 1px solid #ebebeb;
          border-radius: 0px 0px 10px 10px;
          background: #fff;
          visibility: hidden;
          opacity: 0;
          -webkit-transform: translateY(20px);
          transform: translateY(20px);
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; } }
      .new-courses__nav ul li {
        position: relative;
        width: 100%; }
        .new-courses__nav ul li + li {
          margin-left: -1px; }
        .new-courses__nav ul li:first-child a {
          border-radius: 30px 0 0 30px; }
          @media only screen and (max-width: 1200px) {
            .new-courses__nav ul li:first-child a {
              border-radius: 0; } }
          .new-courses__nav ul li:first-child a::before, .new-courses__nav ul li:first-child a::after {
            border-radius: 30px 0 0 30px; }
            @media only screen and (max-width: 1200px) {
              .new-courses__nav ul li:first-child a::before, .new-courses__nav ul li:first-child a::after {
                border-radius: 0; } }
        .new-courses__nav ul li:last-child a {
          border-radius: 0 30px 30px 0; }
          @media only screen and (max-width: 1200px) {
            .new-courses__nav ul li:last-child a {
              border-radius: 0; } }
          .new-courses__nav ul li:last-child a::before, .new-courses__nav ul li:last-child a::after {
            border-radius: 0 30px 30px 0; }
            @media only screen and (max-width: 1200px) {
              .new-courses__nav ul li:last-child a::before, .new-courses__nav ul li:last-child a::after {
                border-radius: 0; } }
      .new-courses__nav ul a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #cbcbcb;
        padding: 25px 10px;
        text-align: center;
        position: relative;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        overflow: hidden; }
        @media only screen and (max-width: 1100px) {
          .new-courses__nav ul a {
            padding: 12px 20px;
            text-align: left;
            color: #000; } }
        @media only screen and (min-width: 1025px) {
          .new-courses__nav ul a:hover {
            color: #fff; }
            .new-courses__nav ul a:hover::before {
              opacity: 1; }
            .new-courses__nav ul a:hover::after {
              opacity: 0; } }
        .new-courses__nav ul a.active {
          color: #fff; }
          @media only screen and (max-width: 1100px) {
            .new-courses__nav ul a.active {
              background: #f4f4f4;
              color: #000; } }
          .new-courses__nav ul a.active::before {
            opacity: 1; }
          .new-courses__nav ul a.active::after {
            opacity: 0; }
        .new-courses__nav ul a::before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          z-index: -1;
          opacity: 0;
          background: -webkit-gradient(linear, left top, right top, color-stop(-0.69%, #179174), color-stop(100.38%, #7de64c));
          background: linear-gradient(90deg, #179174 -0.69%, #7de64c 100.38%);
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media only screen and (max-width: 1100px) {
            .new-courses__nav ul a::before {
              display: none; } }
        .new-courses__nav ul a::after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          border: 1px solid #cbcbcb;
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
          @media only screen and (max-width: 1100px) {
            .new-courses__nav ul a::after {
              display: none; } }
  .new-courses__nav-mobile {
    display: none; }
    @media only screen and (max-width: 1100px) {
      .new-courses__nav-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 16px 20px 16px 14px;
        width: 100%;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #fff;
        background: -webkit-gradient(linear, left top, right top, color-stop(-0.69%, #199274), color-stop(100.38%, #7ce54d));
        background: linear-gradient(90deg, #199274 -0.69%, #7ce54d 100.38%);
        border-radius: 10px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        .new-courses__nav.active .new-courses__nav-mobile {
          border-radius: 10px 10px 0 0; }
          .new-courses__nav.active .new-courses__nav-mobile svg {
            -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
        .new-courses__nav-mobile svg {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out; } }
  .new-courses__nav-mobile-val {
    padding-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .new-courses__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -30px; }
    @media only screen and (max-width: 1023px) {
      .new-courses__list {
        margin-left: 0;
        max-width: 80%;
        width: 100%;
        margin: 0 auto; } }
    @media only screen and (max-width: 666px) {
      .new-courses__list {
        max-width: 100%;
        width: 100%; } }
  .new-courses__item {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 30px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px);
    width: 100%;
    margin-left: 30px;
    margin-bottom: 30px;
    border-radius: 30px;
    overflow: hidden; }
    @media only screen and (min-width: 1025px) {
      .new-courses__item:hover .new-courses__item-img {
        -webkit-transform: translateX(10px);
        transform: translateX(10px); } }
    @media only screen and (max-width: 1023px) {
      .new-courses__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0; } }
    @media only screen and (max-width: 666px) {
      .new-courses__item {
        border-radius: 0; } }
    .new-courses__item .course-section__info-top {
      position: relative;
      background: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0;
      margin: 0 0 70px;
      border-radius: 0; }
    .new-courses__item .course-section__detail {
      background: #fff;
      border-radius: 8px 8px 0 0;
      padding: 12px 30px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
      @media screen and (max-width: 767px) {
        .new-courses__item .course-section__detail {
          padding: 12px 15px; } }
    .new-courses__item .course-section__start {
      max-width: 209px;
      -ms-flex-preferred-size: 209px;
      flex-basis: 209px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .new-courses__item .course-section__start {
          max-width: 150px;
          -ms-flex-preferred-size: 150px;
          flex-basis: 150px; } }
    .new-courses__item .course-section__start-title {
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #000; }
    .new-courses__item .course-slider__count {
      margin: 0;
      padding: 0; }
    .new-courses__item .course-section__start-date {
      font-size: 22px;
      line-height: 26px;
      color: #000; }
      @media screen and (max-width: 767px) {
        .new-courses__item .course-section__start-date {
          font-size: 20px; } }
    .new-courses__item .course-slider__label {
      font-weight: 500;
      font-size: 12px;
      line-height: 14px;
      color: #000; }
    .new-courses__item .timer-item {
      margin-right: 9px;
      font-size: 18px;
      font-weight: 900;
      color: #000; }
      .new-courses__item .timer-item span {
        font-size: 11px;
        font-weight: 400; }
    .new-courses__item .courses-item__bottom {
      position: relative; }
  .new-courses__item-img {
    position: absolute;
    bottom: 0;
    left: 84px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out; }
    @media only screen and (max-width: 767px) {
      .new-courses__item-img {
        left: 0;
        width: 100%; } }
  .new-courses__item-top {
    position: relative;
    font-size: 24px;
    line-height: 37px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
    font-family: "PB600"; }
  .new-courses__item-title {
    position: relative;
    font-family: "PB";
    font-size: 32px;
    line-height: 37px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.0233526); }
  .new-courses__item-body {
    position: relative;
    padding-top: 60px;
    padding-left: 46px;
    padding-right: 74px;
    padding: 60px 74px 90px 46px; }
    @media only screen and (max-width: 666px) {
      .new-courses__item-body {
        padding: 40px 20px 80px; } }
  .new-courses__plus {
    position: absolute;
    bottom: 20px;
    left: 10px;
    right: 10px;
    font-family: "PB";
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .new-courses__plus {
        font-size: 16px;
        line-height: 20px; } }
  .new-courses__bottom {
    font-family: "PB";
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #000;
    padding: 22px;
    background: #f8e015; }
    @media only screen and (max-width: 767px) {
      .new-courses__bottom {
        font-size: 16px; } }

.new-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1200px) {
    .new-footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .new-footer__map {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    width: 100%;
    background: #000; }
    @media only screen and (max-width: 1540px) {
      .new-footer__map {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%; } }
    @media only screen and (max-width: 1200px) {
      .new-footer__map {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        height: 300px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; } }
  .new-footer__mobile-nav {
    display: none; }
    @media only screen and (max-width: 1200px) {
      .new-footer__mobile-nav {
        display: block;
        margin-bottom: 38px;
        padding-left: 20px;
        padding-right: 20px; }
        .new-footer__mobile-nav ul {
          list-style: none;
          padding: 0;
          margin: 0;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .new-footer__mobile-nav ul li {
            width: 100%; }
            .new-footer__mobile-nav ul li:nth-child(1) a::before {
              border-radius: 0px 0px 0px 4px; }
            .new-footer__mobile-nav ul li:nth-child(2) a::before {
              border-radius: 0px 0px 4px 0px; }
            .new-footer__mobile-nav ul li a {
              display: block;
              text-decoration: none;
              font-weight: bold;
              font-size: 14px;
              line-height: 16px;
              text-transform: uppercase;
              color: #c7c7c7;
              padding-bottom: 14px;
              text-align: center;
              position: relative; }
              .new-footer__mobile-nav ul li a::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: #c7c7c7;
                height: 4px; }
              .new-footer__mobile-nav ul li a.active {
                color: #000; }
                .new-footer__mobile-nav ul li a.active::before {
                  background: linear-gradient(177.46deg, #ffaa02 -21%, #ff065e 121.17%), #c4c4c4; } }
  .new-footer__info {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    @media only screen and (max-width: 1200px) {
      .new-footer__info {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; } }
  .new-footer__title {
    margin-bottom: 57px;
    font-weight: 900;
    font-size: 40px;
    line-height: 49px;
    padding-left: 60px;
    color: #000; }
    @media only screen and (max-width: 1200px) {
      .new-footer__title {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        padding-left: 0; } }
  .new-footer__contacts {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 53px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__contacts {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
  .new-footer__contacts-cell {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 60px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__contacts-cell {
        padding-left: 0px; } }
  .new-footer__contacts-cell-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #97a4b1;
    margin-bottom: 10px; }
  .new-footer__contacts-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    .new-footer__contacts-list li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 3px; }
      @media only screen and (max-width: 767px) {
        .new-footer__contacts-list li {
          margin-bottom: 12px; } }
      .new-footer__contacts-list li span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
        width: 32px; }
        @media only screen and (max-width: 1200px) {
          .new-footer__contacts-list li span {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20px;
            flex: 0 0 20px;
            width: 20px;
            padding-right: 10px; }
            .new-footer__contacts-list li span svg {
              max-width: 100%; } }
      .new-footer__contacts-list li a:not(.new-footer__contacts-mess) {
        text-decoration: none;
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
        color: #000;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
        @media only screen and (max-width: 1200px) {
          .new-footer__contacts-list li a:not(.new-footer__contacts-mess) {
            font-size: 14px;
            line-height: 16px; } }
        @media only screen and (min-width: 1025px) {
          .new-footer__contacts-list li a:not(.new-footer__contacts-mess):hover {
            text-decoration: underline; } }
  .new-footer__contacts-mess {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #0088cc;
    border-bottom: 1px dashed #0088cc;
    text-decoration: none;
    position: relative;
    margin-left: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1200px) {
      .new-footer__contacts-mess {
        margin-left: 20px;
        font-size: 14px;
        line-height: 16px; } }
    @media only screen and (min-width: 1025px) {
      .new-footer__contacts-mess:hover {
        border-bottom-color: transparent; } }
    .new-footer__contacts-mess svg {
      position: absolute;
      left: -18px;
      top: 3px; }
  .new-footer__points {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points {
        display: block; } }
  .new-footer__points-item {
    position: relative;
    padding-left: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points-item {
        display: none;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px; }
        .new-footer__points-item.active {
          display: block; } }
    .new-footer__points-item:nth-child(1) .new-footer__points-item-bg::after {
      display: none; }
    .new-footer__points-item:nth-child(2) .new-footer__points-title {
      visibility: hidden; }
  .new-footer__points-item-bg {
    padding-top: 27px;
    margin-bottom: 41px;
    position: relative;
    padding-bottom: 28px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points-item-bg {
        padding-top: 0;
        margin-bottom: 10px;
        padding-bottom: 15px; } }
    .new-footer__points-item-bg::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -60px;
      right: 0;
      background: rgba(243, 243, 243, 0.5); }
      @media only screen and (max-width: 1200px) {
        .new-footer__points-item-bg::before {
          display: none; } }
    .new-footer__points-item-bg::after {
      content: "";
      position: absolute;
      width: 5px;
      right: 0;
      top: 0;
      bottom: 0;
      background: linear-gradient(177.46deg, #ffaa02 -21%, #ff065e 121.17%), #c4c4c4;
      border-radius: 4px 0px 0px 4px; }
      @media only screen and (max-width: 1200px) {
        .new-footer__points-item-bg::after {
          display: none; } }
  .new-footer__points-title {
    position: relative;
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    margin-bottom: 39px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points-title {
        display: none; } }
  .new-footer__points-title-mobile {
    display: none; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points-title-mobile {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 12px;
        line-height: 14px;
        color: #97a4b1; } }
  .new-footer__points-sub-title {
    margin-bottom: 12px;
    position: relative;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #97a4b1; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points-sub-title {
        font-size: 12px;
        line-height: 14px; } }
  .new-footer__points-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 34px; }
    .new-footer__points-row:last-child {
      margin-bottom: 0; }
  .new-footer__points-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    width: 35px;
    position: relative; }
    .new-footer__points-icon--ass {
      -ms-flex-item-align: stretch;
      align-self: stretch; }
  .new-footer__points-text {
    font-weight: bold;
    font-size: 24px;
    position: relative;
    color: #000; }
    @media only screen and (max-width: 1540px) {
      .new-footer__points-text {
        font-size: 20px; } }
    @media only screen and (max-width: 767px) {
      .new-footer__points-text {
        font-size: 16px; } }
    .new-footer__points-text span {
      font-weight: bold;
      font-size: 16px;
      color: #b2b2b2; }
      @media only screen and (max-width: 1540px) {
        .new-footer__points-text span {
          display: block;
          margin-top: 10px; } }
      @media only screen and (max-width: 767px) {
        .new-footer__points-text span {
          display: inline-block;
          vertical-align: middle;
          font-size: 12px;
          margin-top: 0; } }
  .new-footer__points-address {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    display: block;
    font-style: normal;
    margin-bottom: 10px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__points-address br {
        display: none; } }
  .new-footer__map-btn {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 16px;
    color: #b2b2b2;
    cursor: pointer;
    border-bottom: 1px dotted #b2b2b2;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (max-width: 1200px) {
      .new-footer__map-btn {
        display: none; } }
    @media only screen and (min-width: 1025px) {
      .new-footer__map-btn:hover {
        color: #008bff;
        border-bottom-color: #008bff; } }
    .new-footer__map-btn.active {
      color: #008bff;
      border-bottom-color: #008bff; }
  .new-footer__video {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 56px;
    cursor: pointer; }
    @media only screen and (max-width: 1200px) {
      .new-footer__video {
        padding-bottom: 30px; } }
    @media only screen and (min-width: 1025px) {
      .new-footer__video:hover {
        text-decoration: underline; } }
  .new-footer__video-img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 16px;
    -webkit-box-shadow: 0px 13px 40px -8px rgba(3, 24, 36, 0.15);
    box-shadow: 0px 13px 40px -8px rgba(3, 24, 36, 0.15); }
    .new-footer__video-img svg {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -13px;
      margin-left: -13px; }
  .new-footer__video-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #171614;
    max-width: 230px;
    width: 100%; }
    @media only screen and (max-width: 1200px) {
      .new-footer__video-text {
        max-width: 100%; }
        .new-footer__video-text br {
          display: none; } }
  .new-footer__bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__bottom {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 20px 50px; } }
    .new-footer__bottom::before {
      content: "";
      position: absolute;
      top: 80px;
      left: 60px;
      right: 60px;
      height: 1px;
      background: rgba(151, 151, 151, 0.1); }
  .new-footer__bottom-cell {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    padding-left: 60px; }
    @media only screen and (max-width: 1200px) {
      .new-footer__bottom-cell {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
        padding-left: 0; } }

.new-menu {
  position: relative;
  max-width: 118px;
  width: 100%; }
  @media only screen and (max-width: 1250px) {
    .new-menu {
      padding-left: 0 !important;
      padding-right: 0 !important;
      position: static; } }
  @media only screen and (min-width: 1025px) {
    .new-menu:hover .new-menu__main::after {
      -webkit-transform: scaleY(-1);
      transform: scaleY(-1); }
    .new-menu:hover .new-menu__drop {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .new-menu__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    height: 51px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: 2px solid rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 58px; }
    @media screen and (max-width: 1250px) {
      .new-menu__main {
        border-radius: 0;
        border: 1px dashed;
        border-width: 0 0 1px;
        height: auto;
        padding-bottom: 2px; }
        .new-menu__main.active::after {
          -webkit-transform: scaleY(-1);
          transform: scaleY(-1); } }
    @media screen and (max-width: 767px) {
      .new-menu__main {
        font-size: 12px;
        line-height: 14px; } }
    @media only screen and (max-width: 1100px) {
      .new-menu__main {
        color: #000; } }
    .header.fixed .new-menu__main {
      color: #000;
      border: 2px solid #000; }
      @media screen and (max-width: 1250px) {
        .header.fixed .new-menu__main {
          border-radius: 0;
          border: 1px dashed;
          border-width: 0 0 1px; } }
      .header.fixed .new-menu__main::after {
        background-image: url(../images/open-arrow-b.svg); }
    .new-menu__main::after {
      content: "";
      width: 9px;
      height: 5px;
      display: block;
      background-image: url(../images/open-arrow.svg);
      background-size: cover;
      -webkit-transition: -webkit-transform 0.3s ease-in-out;
      transition: -webkit-transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
      margin: 2px 0 0 8px; }
      @media screen and (max-width: 1250px) {
        .new-menu__main::after {
          background-image: url(../images/open-arrow-b.svg); } }
  .new-menu__drop-arrow {
    position: absolute;
    left: 42px;
    top: -7px; }
    @media only screen and (max-width: 1100px) {
      .new-menu__drop-arrow {
        display: none; } }
  .new-menu__drop {
    position: absolute;
    top: 100%;
    left: -10px;
    margin-top: 17px;
    background: #fff;
    width: 166px;
    min-height: 427px;
    border-radius: 8px 0 0 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media screen and (min-width: 1250px) {
      .new-menu__drop {
        padding-top: 20px !important;
        padding-bottom: 20px !important; } }
    @media only screen and (max-width: 1250px) {
      .new-menu__drop {
        width: 100%; }
        .new-menu__drop.show {
          display: block;
          opacity: 1;
          visibility: visible;
          z-index: 2;
          margin-top: -20px;
          border-radius: 0;
          left: 0;
          height: calc(100vh - 80px);
          overflow-y: auto; } }
    @media only screen and (max-width: 767px) {
      .new-menu__drop {
        width: 100%; }
        .new-menu__drop.show {
          height: calc(100vh - 64px); } }
    .header.fixed .new-menu__drop {
      -webkit-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 1100px) {
        .header.fixed .new-menu__drop {
          -webkit-box-shadow: none;
          box-shadow: none; } }
    .new-menu__drop::before {
      content: "";
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      height: 18px; }
  .new-menu__drop-list li {
    padding: 0 !important; }
    @media only screen and (min-width: 1025px) {
      .new-menu__drop-list li:hover .new-menu__drop-list-item::before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1); }
      .new-menu__drop-list li:hover .new-menu__drop-list-item svg {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0); }
      .new-menu__drop-list li:hover > ul {
        display: block; } }
    .new-menu__drop-list li.active .new-menu__drop-list-item::before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }
    .new-menu__drop-list li.active .new-menu__drop-list-item svg {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    .new-menu__drop-list li.active > ul {
      display: block; }
  .new-menu__drop-list ul {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    left: 100%;
    background: #fff;
    width: 578px;
    padding: 20px;
    border-radius: 0px 8px 8px 0px;
    border-left: 1px solid #e9e9e9;
    display: none; }
    .header.fixed .new-menu__drop-list ul {
      -webkit-box-shadow: 25px 0 30px 4px rgba(0, 0, 0, 0.05);
      box-shadow: 25px 0 30px 4px rgba(0, 0, 0, 0.05); }
      @media only screen and (max-width: 1100px) {
        .header.fixed .new-menu__drop-list ul {
          -webkit-box-shadow: none;
          box-shadow: none; } }
    @media only screen and (max-width: 1100px) {
      .new-menu__drop-list ul {
        position: relative;
        border-radius: 0;
        border-left: 0;
        top: auto;
        bottom: auto;
        left: auto;
        padding: 0 20px;
        width: auto; } }
    .new-menu__drop-list ul li {
      margin-bottom: 15px; }
      .new-menu__drop-list ul li:last-child {
        margin-bottom: 0; }
  @media only screen and (max-width: 1100px) {
    .new-menu__drop-list .active-mob ul {
      display: block; } }
  .new-menu__drop-list-item {
    display: block;
    padding: 14px 35px 14px 20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    cursor: pointer; }
    .new-menu__drop-list-item::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 5px;
      background: linear-gradient(177.46deg, #ffaa02 -21%, #ff065e 121.17%);
      border-radius: 0px 4px 4px 0px;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%; }
      @media only screen and (max-width: 1100px) {
        .new-menu__drop-list-item::before {
          display: none; } }
    .new-menu__drop-list-item svg {
      position: absolute;
      top: 50%;
      margin-top: -5px;
      right: 20px;
      opacity: 0;
      -webkit-transform: translateX(-4px);
      transform: translateX(-4px);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      @media only screen and (max-width: 1100px) {
        .new-menu__drop-list-item svg {
          opacity: 1;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); } }
      .active-mob .new-menu__drop-list-item svg {
        -webkit-transform: rotate(90deg) scale(-1);
        transform: rotate(90deg) scale(-1); }
  .new-menu__item {
    display: block;
    position: relative;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    padding: 12px 0 12px 16px;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.7) !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .new-menu__item:hover {
        border-color: transparent;
        color: #fff !important; }
        .new-menu__item:hover .new-menu__item-bg {
          opacity: 1; }
        .new-menu__item:hover .new-menu__item-img {
          -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
          opacity: 1; } }
  .new-menu__item-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
  .new-menu__item-img {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    width: auto;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
    opacity: 0; }
  .new-menu__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 6px; }
    .new-menu__row:last-child {
      margin-bottom: 0; }
  .new-menu__item-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px; }
    @media screen and (min-width: 1250px) {
      .new-menu__item-title {
        max-width: 350px; } }
    @media screen and (max-width: 767px) {
      .new-menu__item-title {
        font-size: 13px; } }
  .new-menu__item-start-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
    max-width: 100%;
    width: 100%;
    padding-right: 5px; }
  .new-menu__item-descriptions {
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    font-family: "PB";
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px; }
  .new-menu__item-start-value {
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
    max-width: 100%;
    width: 100%;
    padding-right: 5px;
    font-family: "PB"; }

@media screen and (max-width: 1250px) {
  body.notice-show .new-menu__drop.show {
    height: calc(100vh - 140px); } }

@media screen and (max-width: 767px) {
  body.notice-show .new-menu__drop.show {
    height: calc(100vh - 120px); } }

.online-stock-holder {
  text-align: center;
  margin-bottom: 93px; }
  @media only screen and (max-width: 1200px) {
    .online-stock-holder {
      margin-bottom: 40px; } }

.online-stock {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 23px 32px;
  background: -webkit-gradient(linear, left top, right top, from(#ffae00), to(#ff0062));
  background: linear-gradient(90deg, #ffae00 0%, #ff0062 100%);
  border-radius: 10px;
  font-family: "PB";
  font-weight: 900;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  color: #fff; }
  @media only screen and (max-width: 1200px) {
    .online-stock {
      font-size: 24px;
      line-height: 30px;
      padding: 20px 10px; } }

.pop-up {
  position: fixed;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: #fff;
  z-index: 100;
  -webkit-transform: translateY(-130%);
  transform: translateY(-130%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .pop-up .order-box {
    margin: 0 auto; }
  .pop-up .footer-video-box {
    height: 100%;
    width: 100%; }
    @media only screen and (max-width: 1200px) {
      .pop-up .footer-video-box {
        width: 100%; } }
  .pop-up#footer-video, .pop-up#main-video {
    border: none; }
    .pop-up#footer-video iframe, .pop-up#main-video iframe {
      height: 115%;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .pop-up#footer-video iframe, .pop-up#main-video iframe {
          height: 100vh; } }
    .pop-up#footer-video .pop-up__close, .pop-up#main-video .pop-up__close {
      color: #000; }
      @media screen and (max-width: 1250px) {
        .pop-up#footer-video .pop-up__close, .pop-up#main-video .pop-up__close {
          color: #000; } }
      .pop-up#footer-video .pop-up__close svg, .pop-up#main-video .pop-up__close svg {
        fill: #000; }
        @media screen and (max-width: 1250px) {
          .pop-up#footer-video .pop-up__close svg, .pop-up#main-video .pop-up__close svg {
            fill: #000; } }
  @media screen and (max-width: 1250px) {
    .pop-up {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      display: none; } }
  @media screen and (max-width: 767px) {
    .pop-up {
      border-width: 5px;
      height: auto;
      min-height: 100%; } }
  .pop-up__inner {
    margin-bottom: 0; }
  .pop-up__close {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 23px;
    right: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    background: #f8e015;
    border-radius: 30px;
    padding: 12px 30px; }
    .pop-up__close svg {
      width: 10px;
      height: 10px;
      display: block;
      margin-left: 8px;
      fill: #000; }
    @media only screen and (max-width: 767px) {
      .pop-up__close {
        right: 10px; } }
  .pop-up.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }
    @media screen and (max-width: 1250px) {
      .pop-up.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .pop-up__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #313131; }

#order-pop-up .pop-up__inner::before {
  display: none; }

#order-pop-up .pop-up__inner::after {
  width: 1px;
  left: 50%;
  opacity: 0.1; }

#consult-pop-up .pop-up__inner::after {
  width: 50%; }

.contact-pop-up {
  position: relative;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1140px; }
  @media screen and (max-width: 1250px) {
    .contact-pop-up {
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .contact-pop-up {
      -webkit-box-shadow: none;
      box-shadow: none;
      height: 90vh; } }
  .contact-pop-up .tel-form {
    border: none;
    margin: 0;
    max-width: 400px;
    padding: 0; }
    .contact-pop-up .tel-form.error input[type="tel"] {
      border: solid #f00;
      border-width: 2px 0 2px 2px; }
    @media screen and (max-width: 1023px) {
      .contact-pop-up .tel-form {
        margin: 0 auto; } }
  .contact-pop-up .tel-form input[type="tel"] {
    height: 60px;
    background: #fff;
    padding: 0 29px;
    border-radius: 48px 0 0 48px;
    -ms-flex-preferred-size: 263px;
    flex-basis: 263px;
    max-width: 263px; }
    @media screen and (max-width: 767px) {
      .contact-pop-up .tel-form input[type="tel"] {
        padding: 0 15px; } }
  .contact-pop-up .tel-form__btn {
    background: #000;
    height: 60px;
    color: #fff;
    border-radius: 0 48px 48px 0; }
  .contact-pop-up__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 45px 0 30px;
    width: 100%; }
    .contact-pop-up__inner img {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 50px; }
      @media screen and (max-width: 992px) {
        .contact-pop-up__inner img {
          display: none; } }
  .contact-pop-up__info {
    max-width: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px; }
    @media screen and (max-width: 1250px) {
      .contact-pop-up__info {
        display: none; } }
  .contact-pop-up__heading {
    margin-bottom: 33px; }
  .contact-pop-up__title {
    font-size: 16px;
    font-weight: 900;
    color: #000; }
  .contact-pop-up__label {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 10px; }
  .contact-pop-up__box {
    margin-bottom: 33px; }
    .contact-pop-up__box:last-child {
      margin-bottom: 0; }
  .contact-pop-up__item {
    text-decoration: none;
    font-size: 16px;
    font-weight: 900;
    line-height: 30px;
    color: #000;
    display: block; }
    .contact-pop-up__item.mail {
      font-size: 14px;
      font-weight: 600; }

.video-pop-up {
  border: none;
  display: none;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  background: transparent; }
  .video-pop-up iframe {
    height: 115%;
    width: 100%;
    position: relative;
    z-index: 2; }
  .video-pop-up__inner {
    position: relative;
    z-index: 2; }
  .video-pop-up .pop-up__close {
    color: #000;
    top: 23px;
    right: 66px;
    z-index: 5; }
    @media screen and (max-width: 767px) {
      .video-pop-up .pop-up__close {
        top: 32px;
        right: 16px; } }
    .video-pop-up .pop-up__close svg {
      fill: #000; }
  .video-pop-up.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media only screen and (max-width: 767px) {
    .video-pop-up iframe {
      height: 228px; } }
  @media only screen and (max-width: 413px) {
    .video-pop-up iframe {
      height: 205px; } }
  @media only screen and (max-width: 374px) {
    .video-pop-up iframe {
      height: 196px; } }

.form-section__info {
  background: url("../images/order-bg.png") no-repeat;
  max-width: 809px;
  background-size: contain;
  padding: 40px 60px 53px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative; }
  @media screen and (max-width: 1250px) {
    .form-section__info {
      background-size: contain;
      max-width: 990px;
      padding: 60px 30px;
      min-height: 412px;
      background-position: 50% 50%; } }
  @media screen and (max-width: 1023px) {
    .form-section__info {
      background: #f8e015;
      border-radius: 60px;
      max-width: 708px;
      min-height: auto; } }

.form-section__title {
  font-size: 58px;
  line-height: 100%;
  color: #000;
  font-family: "PB";
  margin-bottom: 30px; }
  @media screen and (max-width: 1023px) {
    .form-section__title {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .form-section__title {
      font-size: 30px;
      line-height: 35px; } }

.form-section__text {
  font-size: 18px;
  line-height: 140%;
  color: #000;
  max-width: 530px;
  margin-bottom: 22px; }
  @media screen and (max-width: 1023px) {
    .form-section__text {
      margin: 0 auto 22px;
      text-align: center; } }

.form-section__image {
  position: absolute;
  bottom: 0;
  right: -95px; }
  @media screen and (max-width: 1250px) {
    .form-section__image {
      right: 115px; } }
  @media screen and (max-width: 1023px) {
    .form-section__image {
      display: none; } }

.close-footer-video {
  color: #000 !important; }
  .close-footer-video svg {
    fill: #000 !important; }

/*
== 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 {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.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: 40px; }
  @media screen and (max-width: 479px) {
    .mCSB_inside > .mCSB_container {
      margin-right: 30px; } }

.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: 30px; }

.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: 4px;
  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: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

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

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

.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: 4px;
  height: 100%;
  margin: 0 auto;
  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: 30px; }

.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: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 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: 6px 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: 20px;
  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;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-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
------------------------------------------------------------------------------------------------------------------------
*/
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.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 {
  background-color: #dbdbdb; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: #f8e015; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #f8e015;
  border-radius: 3px; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #f8e015; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #f8e015; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(111, 141, 167, 0.25); }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(111, 141, 167, 0.25); }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(111, 141, 167, 0.25); }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  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 {
  border-radius: 3px;
  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: 1px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  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);
  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);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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: 1px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  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);
  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);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  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 {
  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);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  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);
  -webkit-box-shadow: inset 1px 0 1px 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 {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  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 {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  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 {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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 {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  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 {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  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);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  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 {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  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 {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  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 {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  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);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  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;
  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); }

/* ---------------------------------------- */
.tab {
  display: none; }
  .tab.active {
    display: block; }

.section-thx {
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .section-thx__title {
    font-family: 'PB';
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    text-transform: uppercase;
    color: #46647D;
    max-width: 545px;
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .section-thx__title {
        font-size: 24px;
        line-height: 26px; } }
  .section-thx__text {
    font-size: 14px;
    max-width: 545px;
    text-align: center;
    color: #4A4A4A;
    margin-bottom: 35px; }
  .section-thx__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .section-thx__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    .section-thx__buttons .btn {
      padding: 11px 38px;
      max-width: 145px;
      margin: 0 8px;
      color: #000000; }
      @media only screen and (max-width: 767px) {
        .section-thx__buttons .btn {
          margin: 0 auto 15px; } }
      .section-thx__buttons .btn.btn--white {
        padding: 11px 16px; }

.order-page .form-section {
  padding: 40px 20px; }
  .order-page .form-section::after {
    width: 45%; }
  .order-page .form-section::before {
    width: 55%; }
  .order-page .form-section__title {
    color: #46647d;
    text-align: center; }
  .order-page .form-section__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45%; }
  .order-page .form-section__form-box .form-section__text {
    text-align: center;
    display: none;
    color: #333; }
    @media only screen and (max-width: 767px) {
      .order-page .form-section__form-box .form-section__text {
        display: block;
        margin-bottom: 20px; } }
  .order-page .form-section .contact-pop-up__inner {
    padding: 0; }
    .order-page .form-section .contact-pop-up__inner img {
      margin-right: 20px; }
  @media only screen and (max-width: 992px) {
    .order-page .form-section {
      background: transparent; } }

.vacancies {
  background: -webkit-gradient(linear, left top, right top, from(#FF435A), to(#8A00D5));
  background: linear-gradient(90deg, #FF435A 0%, #8A00D5 100%);
  max-width: 1840px;
  width: 100%;
  margin: 0 auto 163px;
  padding: 85px 15px 60px;
  position: relative;
  border-radius: 80px; }
  @media screen and (max-width: 1680px) {
    .vacancies {
      max-width: 1620px; } }
  @media screen and (max-width: 1679px) {
    .vacancies {
      max-width: 1390px; } }
  @media screen and (max-width: 1366px) {
    .vacancies {
      max-width: 1230px; } }
  @media screen and (max-width: 767px) {
    .vacancies {
      border-radius: 30px;
      padding: 50px 15px;
      width: auto;
      margin: 0 -15px 80px; } }
  .vacancies__title {
    text-align: center;
    font-size: 40px;
    line-height: 47px;
    font-family: 'PB';
    margin-bottom: 40px;
    color: #fff; }
    @media screen and (max-width: 767px) {
      .vacancies__title {
        font-size: 30px;
        line-height: 35px; } }
  .vacancies__holder {
    max-width: 1140px;
    margin: 0 auto; }
  .vacancies-list {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    @media only screen and (max-width: 768px) {
      .vacancies-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .vacancies-list .slick-arrow {
          position: absolute;
          background: #46647d;
          width: 30px;
          height: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          top: 42%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          z-index: 2;
          -ms-flex-negative: 0;
          flex-shrink: 0;
          display: none !important; }
          .vacancies-list .slick-arrow::before {
            content: ''; }
          .vacancies-list .slick-arrow svg {
            fill: #fff;
            width: 7px;
            height: 11px;
            display: block; }
          .vacancies-list .slick-arrow.slick-next {
            margin-right: 35px;
            right: -10px; }
            .vacancies-list .slick-arrow.slick-next svg {
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
          .vacancies-list .slick-arrow.slick-prev {
            border-right: 1px solid rgba(255, 255, 255, 0.1);
            margin-left: 35px;
            left: -10px; }
        .vacancies-list .slick-slide {
          margin: 0 15px; } }
    @media only screen and (max-width: 768px) and (max-width: 767px) {
      .vacancies-list .slick-slide {
        margin: 0 5px 10px; } }
    @media only screen and (max-width: 768px) {
        .vacancies-list .slick-dots {
          bottom: -15px; }
          .vacancies-list .slick-dots li {
            width: 8px;
            height: 8px; }
          .vacancies-list .slick-dots button {
            border-radius: 50%;
            border: 1px solid #fff;
            width: 8px;
            height: 8px;
            -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
            padding: 0; }
            .vacancies-list .slick-dots button::before {
              display: none; }
          .vacancies-list .slick-dots .slick-active button {
            background: #fff; } }
    @media screen and (max-width: 767px) {
      .vacancies-list {
        margin-bottom: 70px !important; } }
  .vacancies-item {
    margin: 0 0 10px;
    border-radius: 8px;
    max-width: 360px;
    -ms-flex-preferred-size: 360px;
    flex-basis: 360px;
    width: 100%; }
    @media screen and (max-width: 1250px) {
      .vacancies-item {
        max-width: 310px;
        -ms-flex-preferred-size: 310px;
        flex-basis: 310px; } }
    .vacancies-item__thumb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 30px;
      height: 130px;
      background: #fff;
      border-radius: 8px 8px 0 0;
      z-index: 1;
      margin: 0;
      position: relative; }
      .vacancies-item__thumb::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 24px;
        right: 24px;
        height: 3px;
        background: #f8e015; }
    .vacancies-item__inner {
      padding: 20px 20px 30px;
      background: #fff;
      border-radius: 0 0 8px 8px;
      z-index: 2;
      position: relative; }
    .vacancies-item__title {
      font-size: 16px;
      font-weight: 900;
      color: #000;
      margin-bottom: 15px;
      text-align: center; }
    .vacancies-item__button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-top: 28px; }
      .vacancies-item__button a {
        font-size: 16px;
        line-height: 19px;
        color: #000; }
        @media screen and (min-width: 1250px) {
          .vacancies-item__button a:hover {
            text-decoration: none; } }
    .vacancies-item__position {
      margin-bottom: 10px;
      position: relative;
      text-align: center; }
      .vacancies-item__position::before {
        content: '-';
        margin-right: 3px; }
    @media only screen and (max-width: 768px) {
      .vacancies-item {
        margin: 0 5px 10px; } }
  .vacancies__date {
    font-size: 12px;
    color: #ADB8C5;
    margin-top: 30px; }
  .vacancies-caption {
    text-align: center;
    max-width: 890px;
    color: #fff;
    margin: 0 auto; }
    .vacancies-caption__text {
      font-size: 18px;
      line-height: 160%;
      margin-bottom: 30px; }
    .vacancies-caption .btn {
      max-width: 333px;
      height: 70px;
      line-height: 70px;
      width: 100%;
      font-weight: bold;
      font-size: 16px;
      color: #000;
      background: #f8e015;
      display: inline-block;
      border-radius: 48px;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        .vacancies-caption .btn {
          height: 52px;
          font-size: 16px;
          line-height: 52px;
          text-transform: none; } }
  .vacancies-page {
    padding-top: 120px;
    margin-bottom: 80px; }
    .vacancies-page .page-title {
      margin-bottom: 35px; }
    .vacancies-page .vacancies-item {
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); }
      .vacancies-page .vacancies-item__thumb {
        margin-bottom: 0;
        border-bottom: 3px solid #f8e015; }
      .vacancies-page .vacancies-item__title {
        color: #333;
        font-size: 12px;
        text-transform: uppercase; }
      .vacancies-page .vacancies-item__inner {
        padding-bottom: 23px; }
      @media only screen and (max-width: 767px) {
        .vacancies-page .vacancies-item {
          margin: 0 15px 50px; } }
    .vacancies-page .slick-dots {
      padding: 0 15px; }
      .vacancies-page .slick-dots button {
        border-color: #f8e015; }

/*# sourceMappingURL=index.css.map */