/*!
 *  CONTENT STYLES
 */
/*!
 *  MIXINS (by igrik 30.05.16)
 */
/* fix for v_mid and h_mid */
/* FLEXBOX */
/*  prevent on double click select text or whatever, on touch - stop the browser asking to copy/save/select  */
/*  make whole block (also with <a> inside) a link */
/*
@function svg-url($svg){
    //
    //  Add missing namespace
    //
    @if not str-index($svg,xmlns) {
        $svg: str-replace($svg, '<svg','<svg xmlns="http://www.w3.org/2000/svg"');   
    }
    //    
    //  Chunk up string in order to avoid 
    //  "stack level too deep" error
    //     
    $encoded:'';
    $slice: 2000;
    $index: 0;
    $loops: ceil(str-length($svg)/$slice);
    @for $i from 1 through $loops {
        $chunk: str-slice($svg, $index, $index + $slice - 1); 
        //
        //   Encode 
        //
        $chunk: str-replace($chunk,'"', '\'');
        $chunk: str-replace($chunk,'%', '%25');
        $chunk: str-replace($chunk,'&', '%26');
        $chunk: str-replace($chunk,'#', '%23');
        $chunk: str-replace($chunk,'{', '%7B');
        $chunk: str-replace($chunk,'}', '%7D');
        $chunk: str-replace($chunk,'<', '%3C');
        $chunk: str-replace($chunk,'>', '%3E');
        
        // 
        //    The maybe list 
        //
        //    Keep size and compile time down
        //    ... only add on documented fail 
        // 
        //  $chunk: str-replace($chunk, '|', '%7C');
        //  $chunk: str-replace($chunk, '[', '%5B');
        //  $chunk: str-replace($chunk, ']', '%5D');
        //  $chunk: str-replace($chunk, '^', '%5E');
        //  $chunk: str-replace($chunk, '`', '%60');
        //  $chunk: str-replace($chunk, ';', '%3B');
        //  $chunk: str-replace($chunk, '?', '%3F');
        //  $chunk: str-replace($chunk, ':', '%3A');
        //  $chunk: str-replace($chunk, '@', '%40');
        //  $chunk: str-replace($chunk, '=', '%3D');      

        $encoded: #{$encoded}#{$chunk};
        $index: $index + $slice;
    }
    @return url("data:image/svg+xml,#{$encoded}");
}

//  Background svg mixin          
@mixin background-svg($svg){
    background-image: svg-url($svg);
}

//  Helper function to replace characters in a string
@function str-replace($string, $search, $replace: '') {
    $index: str-index($string, $search); 
    @return if($index, 
        str-slice($string, 1, $index - 1) + $replace + 
        str-replace(str-slice($string, $index + 
        str-length($search)), $search, $replace), 
        $string);
}
*/
/* DEPRECATED
.chrome-aliase() {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

     // other solution
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
*/
/*!
 *  CONTENT VARIABLES
 */
/*==========================================================================
   breakpoints
==========================================================================*/
/*==========================================================================
   colors
==========================================================================*/
/*==========================================================================
   images, sprites
==========================================================================*/
/*  SPRITE variables (generated by gulp plugin)  */
/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
/*!
 *  1. Normalize.css(v3.0.2) + other css resets [customized by igrik]
 *  2. Custom project reset styles
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
}
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary,
section {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background color from active links in IE 10.
 */
a {
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
  /* 1 */
  color: inherit;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
/**
 * 1. Improve readability when focused and also mouse hovered in all browsers.
 * 2. Address `outline` inconsistency between Chrome and other browsers.
 */
a:active,
a:hover,
a:focus {
  /* 2 */
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  /* margin: 0.67em 0; */
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  /* 1 */
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  /* -moz-box-sizing: content-box; */
  /* box-sizing: content-box; */
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * 1. Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  /* 1 */
  font: inherit;
  line-height: normal;
  background: none;
  color: inherit;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  outline: 0 !important;
  /* Remove blue border in Chrome */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  margin: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  /* box-sizing: border-box; */
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* -webkit-box-sizing: border-box; */
  /* 2 */
  /* -moz-box-sizing: border-box; */
  /* 2 */
  /* -ms-box-sizing: border-box; */
  /* 2 */
  /* box-sizing: border-box; */
  /* 2 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: none;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*==========================================================================
   Custom reset styles
==========================================================================*/
input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background: none;
}
input::-webkit-input-placeholder {
  color: inherit;
}
input:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
}
input:-ms-input-placeholder {
  color: inherit;
}
input:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}
input:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus {
  outline: none;
}
input::-ms-clear {
  display: none;
}
textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background: none;
}
textarea:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
textarea::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
textarea:focus {
  outline: none;
}
fieldset {
  border: none;
}
/* select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    &::-ms-expand { display: none; }
} */
/*==========================================================================
    Custom fonts
==========================================================================*/
@font-face {
  font-family: PTSans;
  src: local(PTSans);
  src: url('../fonts/PTSansRegular.woff') format('woff');
  /* Pretty Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
/*  To get webfonts to render with good antialias in Chrome on Windows, you need to use this format in the font declaration  */
@font-face {
  font-family: PTSans;
  src: local(PTSans);
  src: url('../fonts/PTSansBold.woff') format('woff');
  /* Pretty Modern Browsers */
  font-weight: 700;
  font-style: normal;
}
/*  To get webfonts to render with good antialias in Chrome on Windows, you need to use this format in the font declaration  */
@font-face {
  font-family: ProximaNova;
  src: local(ProximaNova);
  src: url('../fonts/ProximaNovaRegular.woff2') format('woff2'), url('../fonts/ProximaNovaRegular.woff') format('woff');
  /* Super Modern Browsers */
  /* Pretty Modern Browsers */
  font-weight: 400;
  font-style: normal;
}
/*  To get webfonts to render with good antialias in Chrome on Windows, you need to use this format in the font declaration  */
@font-face {
  font-family: ProximaNova;
  src: local(ProximaNova);
  src: url('../fonts/ProximaNovaBold.woff2') format('woff2'), url('../fonts/ProximaNovaBold.woff') format('woff');
  /* Super Modern Browsers */
  /* Pretty Modern Browsers */
  font-weight: 700;
  font-style: normal;
}
/*  To get webfonts to render with good antialias in Chrome on Windows, you need to use this format in the font declaration  */
@font-face {
  font-family: ProximaNova;
  src: local(ProximaNova);
  src: url('../fonts/ProximaNovaExtraBold.woff2') format('woff2'), url('../fonts/ProximaNovaExtraBold.woff') format('woff');
  /* Super Modern Browsers */
  /* Pretty Modern Browsers */
  font-weight: 900;
  font-style: normal;
}
/*  To get webfonts to render with good antialias in Chrome on Windows, you need to use this format in the font declaration  */
@font-face {
  font-family: Roboto;
  src: local(Roboto);
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
/*Montserrat family*/
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-RegularItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  src: local(Montserrat);
  src: url('../fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}
/*
 black - 900
 extra-blod - 800
 bold - 700
 semi-bold - 600
 medium - 500
 regular - 400
 light - 300
 extra-light - 200
 thin - 100
 */
/*==========================================================================
    HTML, BODY styles
==========================================================================*/
html {
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  font-family: Arial, Tahoma, sans-serif;
  line-height: 1.2;
  background: #fff;
  color: #000;
}
/*==========================================================================
    ruble sign
==========================================================================*/
/*  html version
<span class="ruble-sign">&#8381;</span>
<span class="ruble-sign">&#x20bd;</span>
<span class="ruble-sign">₽</span>
Mac OS: alt + Р (cyrillic)
*/
.ruble-sign {
  /*&:after {
        content: "\20bd";
    }*/
}
@supports (-moz-osx-font-smoothing: auto) {
  .ruble-sign {
    /* Detect Mac Firefox 25 or newer */
    font-family: "Helvetica Neue";
  }
}
/*==========================================================================
    texteditor's / wysiwyg styles
==========================================================================*/
.h1 {
  font-family: "ProximaNova";
  font-size: 43px;
  font-weight: 900;
}
.wysiwyg-styles {
  color: #606469;
  font-family: "PTSans";
  font-size: 17px;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 1.4;
}
.wysiwyg-styles h2,
.wysiwyg-styles h3,
.wysiwyg-styles h4,
.wysiwyg-styles h5 {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
}
.wysiwyg-styles h2 {
  font-size: 24px;
}
.wysiwyg-styles h2:not(:first-child):not(:last-child),
.wysiwyg-styles h3:not(:first-child):not(:last-child),
.wysiwyg-styles h4:not(:first-child):not(:last-child),
.wysiwyg-styles h5:not(:first-child):not(:last-child),
.wysiwyg-styles p:not(:first-child):not(:last-child) {
  margin-top: 1em;
  margin-bottom: 1em;
}
.wysiwyg-styles h2:first-child:not(:last-child),
.wysiwyg-styles h3:first-child:not(:last-child),
.wysiwyg-styles h4:first-child:not(:last-child),
.wysiwyg-styles h5:first-child:not(:last-child),
.wysiwyg-styles p:first-child:not(:last-child) {
  margin-bottom: 1em;
}
.wysiwyg-styles h2:not(:first-child):last-child,
.wysiwyg-styles h3:not(:first-child):last-child,
.wysiwyg-styles h4:not(:first-child):last-child,
.wysiwyg-styles h5:not(:first-child):last-child,
.wysiwyg-styles p:not(:first-child):last-child {
  margin-top: 1em;
}
.wysiwyg-styles ul,
.wysiwyg-styles ol {
  list-style-position: inside;
}
.wysiwyg-styles ul {
  list-style-type: disc;
}
.wysiwyg-styles ol {
  list-style-type: decimal;
}
.wysiwyg-styles ul li + li,
.wysiwyg-styles ol li + li {
  margin-top: 25px;
}
.wysiwyg-styles ul li ul,
.wysiwyg-styles ol li ul,
.wysiwyg-styles ul li ol,
.wysiwyg-styles ol li ol {
  padding-top: 25px;
  padding-left: 19px;
}
.wysiwyg-styles ul li li + li,
.wysiwyg-styles ol li li + li {
  margin-top: 15px;
}
.wysiwyg-styles img {
  margin-right: 50px;
}
.wysiwyg-styles table {
  overflow-x: auto;
}
.wysiwyg-styles table th,
.wysiwyg-styles table td {
  border: 1px solid #20254a;
  font-family: "PTSans";
  height: 80px;
  line-height: 1.3;
  padding: 19px 38px;
  text-align: left;
  vertical-align: middle;
}
.wysiwyg-styles table thead th {
  background: #20254a;
  color: #fff;
}
.wysiwyg-styles table th {
  font-size: 16px;
  font-weight: 700;
}
.wysiwyg-styles table td {
  color: #20254a;
  font-size: 15px;
}
.wysiwyg-styles table tfoot td,
.wysiwyg-styles table tfoot th {
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 700;
}

/*!
 *  TEMPLATES / MODULES  STYLES
 */
/*!
 *  MIXINS (by igrik 30.05.16)
 */
/* fix for v_mid and h_mid */
/* FLEXBOX */
/*  prevent on double click select text or whatever, on touch - stop the browser asking to copy/save/select  */
/*  make whole block (also with <a> inside) a link */
/*
@function svg-url($svg){
    //
    //  Add missing namespace
    //
    @if not str-index($svg,xmlns) {
        $svg: str-replace($svg, '<svg','<svg xmlns="http://www.w3.org/2000/svg"');   
    }
    //    
    //  Chunk up string in order to avoid 
    //  "stack level too deep" error
    //     
    $encoded:'';
    $slice: 2000;
    $index: 0;
    $loops: ceil(str-length($svg)/$slice);
    @for $i from 1 through $loops {
        $chunk: str-slice($svg, $index, $index + $slice - 1); 
        //
        //   Encode 
        //
        $chunk: str-replace($chunk,'"', '\'');
        $chunk: str-replace($chunk,'%', '%25');
        $chunk: str-replace($chunk,'&', '%26');
        $chunk: str-replace($chunk,'#', '%23');
        $chunk: str-replace($chunk,'{', '%7B');
        $chunk: str-replace($chunk,'}', '%7D');
        $chunk: str-replace($chunk,'<', '%3C');
        $chunk: str-replace($chunk,'>', '%3E');
        
        // 
        //    The maybe list 
        //
        //    Keep size and compile time down
        //    ... only add on documented fail 
        // 
        //  $chunk: str-replace($chunk, '|', '%7C');
        //  $chunk: str-replace($chunk, '[', '%5B');
        //  $chunk: str-replace($chunk, ']', '%5D');
        //  $chunk: str-replace($chunk, '^', '%5E');
        //  $chunk: str-replace($chunk, '`', '%60');
        //  $chunk: str-replace($chunk, ';', '%3B');
        //  $chunk: str-replace($chunk, '?', '%3F');
        //  $chunk: str-replace($chunk, ':', '%3A');
        //  $chunk: str-replace($chunk, '@', '%40');
        //  $chunk: str-replace($chunk, '=', '%3D');      

        $encoded: #{$encoded}#{$chunk};
        $index: $index + $slice;
    }
    @return url("data:image/svg+xml,#{$encoded}");
}

//  Background svg mixin          
@mixin background-svg($svg){
    background-image: svg-url($svg);
}

//  Helper function to replace characters in a string
@function str-replace($string, $search, $replace: '') {
    $index: str-index($string, $search); 
    @return if($index, 
        str-slice($string, 1, $index - 1) + $replace + 
        str-replace(str-slice($string, $index + 
        str-length($search)), $search, $replace), 
        $string);
}
*/
/* DEPRECATED
.chrome-aliase() {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

     // other solution
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
*/
/*!
 *  CONTENT VARIABLES
 */
/*==========================================================================
   breakpoints
==========================================================================*/
/*==========================================================================
   colors
==========================================================================*/
/*==========================================================================
   images, sprites
==========================================================================*/
/*  SPRITE variables (generated by gulp plugin)  */
/*
Icon classes can be used entirely standalone. They are named after their original file names.

```html
<!-- `display: block` sprite -->
<div class="icon-home"></div>

<!-- `display: inline-block` sprite -->
<img class="icon-home" />
```
*/
/*
@bp-mobile-max: 1050px;
@bp-desktop-min: (@bp-mobile-max + 1px);
@media all and (max-width: @bp-mobile-max) {
}
@media all and (min-width: @bp-desktop-min) {
}

@bp-mobile-max: 500px;
@bp-standard-min: (@bp-mobile-max + 1px);

@media all and (max-width: @bp-mobile-max) {
}
@media all and (min-width: @bp-standard-min) {
}

@bp-mobile-max: 500px;
@bp-full-min: (@bp-mobile-max + 1px);

@media all and (max-width: @bp-mobile-max) {
}
@media all and (min-width: @bp-full-min) {
}

@bp-one-in-row-max: 500px;
@bp-two-in-row-min: (@bp-one-in-row-max + 1px);
@bp-two-in-row-max: 800px;
@bp-three-in-row-min: (@bp-two-in-row-max + 1px);

@media all and (max-width: @bp-one-in-row-max) {
}
@media all and (min-width: @bp-two-in-row-min) and (max-width: @bp-two-in-row-max) {
}
@media all and (min-width: @bp-three-in-row-min) {
}
*/
/*==========================================================================
   layout / grid
==========================================================================*/
body.fixed-scroll {
  overflow: hidden;
}
.l-container {
  min-width: 320px;
  height: 100%;
}
.l-full-height-wrapper {
  min-height: 100%;
  overflow: hidden;
}
.l-full-height-wrapper:after {
  content: '';
  display: block;
}
@media all and (max-width: 800px) {
  .l-full-height-wrapper {
    margin-bottom: -378px;
  }
  .l-full-height-wrapper:after {
    height: 378px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .l-full-height-wrapper {
    margin-bottom: -155px;
  }
  .l-full-height-wrapper:after {
    height: 155px;
  }
}
@media all and (min-width: 1221px) {
  .l-full-height-wrapper {
    margin-bottom: -110px;
  }
  .l-full-height-wrapper:after {
    height: 110px;
  }
}
body.mainpage .l-full-height-wrapper {
  position: relative;
}
body.mainpage .l-full-height-wrapper:before {
  -moz-opacity: 0.5;
  /* Netscape */
  opacity: 0.5;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%223923%22%20height%3D%22678%22%20viewBox%3D%220%200%203923%20678%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C%20.cls-2%2C%20.cls-3%20%7B%20fill-rule%3A%20evenodd%3B%20%7D%20.cls-1%20%7B%20opacity%3A%200.22%3B%20fill%3A%20url(%23linear-gradient)%3B%20%7D%20.cls-2%20%7B%20opacity%3A%200.18%3B%20fill%3A%20url(%23linear-gradient-2)%3B%20%7D%20.cls-3%20%7B%20opacity%3A%200.45%3B%20fill%3A%20url(%23linear-gradient-3)%3B%20%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%221227.908%22%20y1%3D%22686%22%20x2%3D%221956.092%22%20y2%3D%2253%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d4ecf7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230146a7%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%221962.5%22%20y1%3D%22685%22%20x2%3D%221962.5%22%20y2%3D%22196%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230146a7%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d4ecf7%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%221654.5%22%20y1%3D%22685%22%20x2%3D%221654.5%22%20y2%3D%22-6%22%20xlink%3Ahref%3D%22%23linear-gradient%22%2F%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%D0%9F%D1%80%D1%8F%D0%BC%D0%BE%D1%83%D0%B3%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA_4_%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F_4%22%20data-name%3D%22%D0%9F%D1%80%D1%8F%D0%BC%D0%BE%D1%83%D0%B3%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA%204%20%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F%204%22%20class%3D%22cls-1%22%20d%3D%22M2500%20217l-33-164-1258%20484-525%20149%201812-3.988z%22%2F%3E%3Cpath%20id%3D%22%D0%9F%D1%80%D1%8F%D0%BC%D0%BE%D1%83%D0%B3%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA_4_%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F_2%22%20data-name%3D%22%D0%9F%D1%80%D1%8F%D0%BC%D0%BE%D1%83%D0%B3%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA%204%20%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F%202%22%20class%3D%22cls-2%22%20d%3D%22M0%20600l2113-404%201797%20445%2015%2041L0%20685v-85z%22%2F%3E%3Cpath%20id%3D%22%D0%9F%D1%80%D1%8F%D0%BC%D0%BE%D1%83%D0%B3%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA_4_%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F_5%22%20data-name%3D%22%D0%9F%D1%80%D1%8F%D0%BC%D0%BE%D1%83%D0%B3%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D0%BA%204%20%D0%BA%D0%BE%D0%BF%D0%B8%D1%8F%205%22%20class%3D%22cls-3%22%20d%3D%22M4%20354L2091-6l1214%20495-1%20196L5%20678z%22%2F%3E%3C%2Fsvg%3E") 50% 100% no-repeat;
  bottom: 0;
  content: '';
  height: 678px;
  left: -9999px;
  margin: 0 auto;
  position: absolute;
  right: -9999px;
  width: 3923px;
  z-index: -1;
}
@media all and (max-width: 800px) {
  body.mainpage .l-full-height-wrapper:before {
    bottom: 378px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  body.mainpage .l-full-height-wrapper:before {
    bottom: 155px;
  }
}
@media all and (min-width: 1221px) {
  body.mainpage .l-full-height-wrapper:before {
    bottom: 110px;
  }
}
@media all and (max-width: 550px) {
  padding: 0 23px;
}
@media all and (min-width: 551px) and (max-width: 800px) {
  padding: 0 55px;
}
@media all and (min-width: 801px) {
  padding: 0 66px;
}
/*==========================================================================
   elements
==========================================================================*/
/*   figure-button
------------------------------------------*/
/*.figure-button() {
    border: 2px solid;
    font-family: "GothamPro";
    letter-spacing: .12em;
    text-align: center;
    text-transform: uppercase;
}

.figure-button {
    .figure-button();
    font-size: 12px;
}
.figure-button_white {
    border-color: #fff;
    color: #fff;
    &:hover {
        border-color: @color-gold;
        background: @color-gold;
    }
}
.figure-button_gold {
    border-color: @color-gold;
    color: @color-brown;
    &:hover {
        background: @color-gold;
        color: #fff;
    }
}
.figure-button_size-m {
    width: 144px;
    line-height: 36px;
}*/
/*   input
------------------------------------------*/
/*.input {
    &_theme-underlined {
        border-bottom: 1px solid;
    }
    &_theme-underlined-lgray {
        border-bottom-color: @color-lgray;
    }
    &_theme-underlined-lgray&_required {
        border-bottom-color: @color-gold;
    }
    &_theme-underlined-gold {
        border-bottom-color: @color-gold;
    }
    &_theme-underlined-lgray.errorfield,
    &_theme-underlined-gold.errorfield {
        border-bottom-color: @color-red;
    }
    &_theme-underlined&_size-m {
        height: 36px;
    }
}

.inputarea {
    &_theme-underlined-lgray {
        border: 1px solid @color-lgray;
    }
    &_theme-underlined-lgray.errorfield {
        border-color: @color-red;
    }
}*/
/*   check-button (input[checkbox], input[radio])
------------------------------------------------*/
.check-button {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
.check-button__input {
  display: none;
}
.check-button__icon {
  cursor: pointer;
}
.check-button__icon:before {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  content: '';
  position: absolute;
}
.check-button__icon:not(.check-button__icon_abs) {
  position: relative;
  display: inline-block;
}
.check-button__icon_abs {
  position: absolute;
  display: block;
}
.check-button__input:checked ~ .check-button__icon:before,
.check-button__input:checked + .check-button .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__icon_square {
  border: 1px solid;
  height: 20px;
  width: 20px;
}
.check-button__icon_square:before {
  bottom: 0;
  height: 6px;
  left: 0px;
  margin: auto;
  right: 0;
  top: 0;
  width: 6px;
}
.check-button__icon_circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid rgba(47, 54, 79, 0.1);
  height: 20px;
  width: 20px;
}
.check-button__icon_circle:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #20254a;
  bottom: 0;
  height: 10px;
  left: 0px;
  margin: auto;
  right: 0;
  top: 0;
  width: 10px;
}
.check-button_icon_sq{
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
}
.check-button_icon_sq::before{
	-webkit-border-radius: 0%;
	-moz-border-radius: 0%;
	border-radius: 0%;
}
.check-button__icon_dot {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(212, 236, 247, 0.37);
  background-clip: content-box;
  height: 10px;
  padding: 3px;
  width: 10px;
}
.check-button__icon_dot:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #d4ecf7;
  background-clip: content-box;
  border: 3px solid rgba(212, 236, 247, 0.37);
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.check-button__input:nth-of-type(1):checked ~ .check-button__outside-container .check-button:nth-child(1) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(2):checked ~ .check-button__outside-container .check-button:nth-child(2) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(3):checked ~ .check-button__outside-container .check-button:nth-child(3) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(4):checked ~ .check-button__outside-container .check-button:nth-child(4) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(5):checked ~ .check-button__outside-container .check-button:nth-child(5) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(6):checked ~ .check-button__outside-container .check-button:nth-child(6) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(7):checked ~ .check-button__outside-container .check-button:nth-child(7) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(8):checked ~ .check-button__outside-container .check-button:nth-child(8) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(9):checked ~ .check-button__outside-container .check-button:nth-child(9) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__input:nth-of-type(10):checked ~ .check-button__outside-container .check-button:nth-child(10) .check-button__icon:before {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.check-button__text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
/*   direction-toggle-button
------------------------------------------------*/
.direction-toggle-button__input {
  display: none;
}
.direction-toggle-button__text {
  display: block;
  padding-right: 44px;
  position: relative;
}
.direction-toggle-button__text:before,
.direction-toggle-button__text:after {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'9\' height=\'4\' viewBox=\'0 0 9 4\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%238d97a7;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M8.775 0L4.387 4 0 0h8.775z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  bottom: 1px;
  content: '';
  height: 4px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 9px;
}
.direction-toggle-button__text:before {
  right: 19px;
}
.direction-toggle-button__text:after {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  /* & when (@ie-support = yes) {
        -ms-filter: "FlipH";
        filter: FlipH;
    } */
  right: 0;
}
.direction-toggle-button__input:not(:checked) + .direction-toggle-button__text:after {
  -moz-opacity: 0.48;
  /* Netscape */
  opacity: 0.48;
}
.direction-toggle-button__input:checked + .direction-toggle-button__text:before {
  -moz-opacity: 0.48;
  /* Netscape */
  opacity: 0.48;
}
/*   direction-toggle-button
------------------------------------------------*/
.direction-switchers-group__label {
  color: rgba(32, 37, 74, 0.62);
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-right: 15px;
}
.direction-switchers-group__button {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  cursor: pointer;
  display: inline-block;
  min-width: 12px;
  position: relative;
  top: -2px;
}
.direction-switchers-group__button:before {
  bottom: -3px;
  content: '';
  left: 0;
  position: absolute;
  top: -3px;
  width: 100%;
}
.direction-switchers-group__button + .direction-switchers-group__button {
  margin-left: 10px;
}
.direction-switchers-group__button-input {
  display: none;
}
.direction-switchers-group__button-body:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'9\' height=\'4\' viewBox=\'0 0 9 4\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%238d97a7;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M8.775 0L4.387 4 0 0h8.775z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  content: '';
  display: block;
  height: 4px;
  margin: 0 auto;
  width: 9px;
}
.direction-switchers-group__button_asc .direction-switchers-group__button-body:before {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  /* & when (@ie-support = yes) {
        -ms-filter: "FlipH";
        filter: FlipH;
    } */
}
.direction-switchers-group__button-input:not(:checked) + .direction-switchers-group__button-body:before {
  -moz-opacity: 0.48;
  /* Netscape */
  opacity: 0.48;
}
/*==========================================================================
   dropdown list styles ( &__search-dropdown )
==========================================================================*/
/*==========================================================================
   select
==========================================================================*/
.select {
  position: relative;
  z-index: 1;
}
.select.is-opened {
  z-index: 2;
}
.select.is-opened:before {
  z-index: 1;
}
.select_theme-field:before {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  z-index: -1;
}
.select_theme-figure {
  color: #d4ecf7;
  font-family: "PTSans";
  font-size: 15px;
  height: 32px;
  max-width: 310px;
}
.select_blue {
  color: #20254a;
}
.select select {
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  background: none;
  background-image: none;
  color: inherit;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@-moz-document url-prefix() {
  .select select {
    text-indent: -2px;
  }
}
.select select::-ms-expand {
  display: none;
}
.select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.select select::-moz-focus-inner {
  border: none;
}
.select select:not(:disabled) {
  cursor: pointer;
}
.select select.errorfield {
  border-bottom-color: #000;
}
.select.is-opened .select__filter-input ~ .select__default select {
  display: none;
}
.select_theme-field select {
  border-width: 0px;
}
.select_theme-figure select {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid #d4ecf7;
  left: 0;
  padding: 1px 42px 0 25px;
  position: absolute;
  top: 0;
}
.select_blue select {
  border-color: currentColor;
}
.select__wrapper {
  position: relative;
  height: 100%;
}
.select.is-opened .select__wrapper:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.select_theme-figure.is-opened .select__wrapper {
  padding: 0 10px;
}
.select_theme-figure.is-opened .select__wrapper:before {
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  border-top: 1px solid #d4ecf7;
  border-left: 1px solid #d4ecf7;
  border-right: 1px solid #d4ecf7;
}
.select_blue.is-opened .select__wrapper:before {
  border-color: currentColor;
}
.select__default {
  position: relative;
  height: 100%;
}
.select.is-opened .select__default {
  cursor: default;
}
.select.is-opened .select__default:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select__custom-dropdown + .select__default {
  overflow: hidden;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select__custom-dropdown + .select__default:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.select.is-opened .select__custom-dropdown + .select__default {
  cursor: default;
}
.select_blue.is-opened .select__default {
  display: none;
}
.select__filter-input {
  color: inherit;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0 30px 0 14px;
}
.select.is-opened .select__filter-input {
  display: inline-block;
}
.select__wrapper .select__custom-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  overflow-y: auto;
  visibility: hidden;
}
.select.is-opened .select__custom-dropdown {
  width: 100%;
  height: auto;
  visibility: visible;
  z-index: 2;
}
.select_theme-field .select__custom-dropdown {
  background: #fff;
  border: 1px solid currentColor;
  color: #8d97a7;
  left: 0;
  max-height: 198px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  white-space: normal;
  width: 100%;
  background-color: #fff;
}
.select_theme-figure .select__custom-dropdown {
  -webkit-border-radius: 0 0 16px 16px;
  -moz-border-radius: 0 0 16px 16px;
  border-radius: 0 0 16px 16px;
  background-color: #20254a;
  border-bottom: 1px solid #d4ecf7;
  border-left: 1px solid #d4ecf7;
  border-right: 1px solid #d4ecf7;
  max-height: 150px;
}
.select_blue .select__custom-dropdown {
  background-color: #fff;
  border-color: currentColor;
}
.select__custom-dropdown-item {
  cursor: pointer;
}
.select__custom-dropdown-item.is-disabled {
  display: none;
}
.select_theme-field .select__custom-dropdown-item {
  color: currentColor;
  cursor: pointer;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 5px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}
.select_theme-field .select__custom-dropdown-item:hover {
  background-color: #8d97a7;
  color: rgba(255, 255, 255, 0.62);
}
.select_theme-figure .select__custom-dropdown-item {
  padding: 10px 20px;
}
.select_theme-figure .select__custom-dropdown-item:hover {
  background: rgba(212, 236, 247, 0.14);
}
.select_blue .select__custom-dropdown-item:hover {
  background-color: rgba(32, 37, 74, 0.14);
}
.select_theme-field .select__custom-dropdown .nicescroll-rails {
  width: 2px;
}
.select_theme-field .select__custom-dropdown::-webkit-scrollbar {
  width: 2px;
}
.select_theme-field .select__custom-dropdown::-webkit-scrollbar-thumb {
  background: currentColor;
  width: 100%;
}
.select_theme-field .select__custom-dropdown .nicescroll-cursors {
  background: currentColor;
  width: 100%;
}
.select_theme-figure .select__custom-dropdown .nicescroll-rails {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
  width: 12px;
}
.select_theme-figure .select__custom-dropdown .nicescroll-cursors {
  background: #20254a;
  width: 100%;
}
/*==========================================================================
   header
==========================================================================*/
.header {
  background: #fff;
}
@media all and (max-width: 500px) {
  .header {
    height: 122px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed {
    height: 188px;
  }
}
.header__wrapper {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  position: relative;
  z-index: 3;
}
.header__wrapper:before {
  background: #fff;
  content: '';
  height: 100%;
  left: -9999px;
  position: absolute;
  right: -9999px;
  top: 0;
  z-index: -1;
}
@media all and (max-width: 550px) {
  .header__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .header__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .header__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 500px) {
  .header__wrapper {
    height: 122px;
    left: 0;
    min-width: 320px;
    position: fixed;
    top: 0;
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__wrapper {
    height: 82px;
    left: 0;
    min-width: 320px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
  }
}
.header__body {
  display: table;
  width: 100%;
}
@media all and (max-width: 500px) {
  .header__body {
    height: 122px;
    padding: 20px 0;
  }
}
@media all and (min-width: 501px) and (max-width: 1023px) {
  .header:not(.is-fixed) .header__body {
    height: 154px;
    padding: 20px 0;
  }
}
@media all and (min-width: 1024px) {
  .header:not(.is-fixed) .header__body {
    height: 188px;
    padding-top: 50px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__body {
    height: 100%;
  }
}
.header__logo-section {
  display: table-cell;
  width: 1px;
}
@media all and (max-width: 1023px) {
  .header__logo-section {
    vertical-align: top;
  }
}
.header:not(.header_theme-course) .header__logo-section,
.header_theme-course:not(.is-fixed) .header__logo-section {
  padding-right: 15px;
}
@media all and (min-width: 501px) and (max-width: 1023px) {
  .header:not(.is-fixed) .header__logo-section {
    padding-top: 10px;
  }
}
@media all and (min-width: 1024px) {
  .header:not(.is-fixed) .header__logo-section {
    vertical-align: top;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__logo-section {
    vertical-align: middle;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__logo {
    height: 40px;
    overflow: hidden;
  }
}
.header__logo img {
  display: block;
  height: auto;
  max-width: none;
}
@media all and (max-width: 500px) {
  .header__logo img {
    height: 82px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__logo img {
    height: 186.66666667%;
  }
}
.header__content-section {
  display: table-cell;
}
.header:not(.is-fixed) .header__content-section {
  text-align: right;
}
@media all and (min-width: 501px) and (max-width: 1023px) {
  .header:not(.is-fixed) .header__content-section {
    vertical-align: middle;
  }
}
@media all and (min-width: 1024px) {
  .header:not(.is-fixed) .header__content-section {
    vertical-align: top;
  }
}
.header:not(.is-fixed) .header__content-section:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1px;
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__content-section {
    display: table;
    height: 100%;
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-open-button-container {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    display: table-cell;
    vertical-align: middle;
    width: 1px;
  }
}
.header__main-nav-open-button {
  border-bottom: 1px solid #20254a;
  border-top: 1px solid #20254a;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  position: relative;
  top: -2px;
  width: 20px;
}
.header__main-nav-open-button:before {
  background: #20254a;
  bottom: 0;
  content: '';
  height: 1px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header:not(.is-fixed) .header__main-nav {
  float: right;
  padding-top: 23px;
  width: 100%;
}
@media all and (max-width: 1023px) {
  .header:not(.is-fixed) .header__main-nav {
    display: none;
  }
}
.header.is-fixed .header__main-nav {
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.header.is-fixed:not(.header_theme-course) .header__main-nav {
  display: table-cell;
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-input-switcher:not(:checked) ~ .header__main-nav {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-input-switcher:checked ~ .header__main-nav {
    display: table-cell;
    padding-left: 10px;
  }
}
.header.is-fixed .header__main-nav-list {
  display: inline-block;
}
.header__course-accounting {
  padding-left: 42px;
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__course-title {
    color: #20254a;
    font-family: "ProximaNova";
    font-size: 19px;
    font-weight: 900;
    letter-spacing: .025em;
    max-width: 0;
    overflow: hidden;
    padding-left: 30px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }
  .header.is-fixed .header__course-title:before {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 48 48\'%3E%3Cpath d=\'M47 37H3c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h44c.6 0 1 .4 1 1v28c0 .6-.4 1-1 1zM46 9H4v26h42V9zm-24 7c.2 0 .4.1.6.2l7.8 4.9c.4.1.7.5.7.9 0 .3-.2.6-.4.8l-8 5c-.3.1-.5.2-.7.2-.6 0-1-.4-1-1V17c0-.6.4-1 1-1zm-6 23h18c.6 0 1 .4 1 1s-.4 1-1 1H16c-.6 0-1-.4-1-1s.4-1 1-1z\' fill=\'%2320254a\'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 11px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 24px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-input-switcher:not(:checked) ~ .header__course-title {
    display: table-cell;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__course-accounting {
    vertical-align: middle;
    width: 1px;
    white-space: nowrap;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-input-switcher:not(:checked) ~ .header__course-accounting {
    display: table-cell;
  }
}
/* везде было 1261 (1260) вместое 1023 1024 */ 
@media all and (min-width: 1024px) {
  .header.is-fixed .header__course-price {
    color: #20254a;
    display: inline-block;
    font-family: "ProximaNova";
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .025em;
  }
  .header.is-fixed .header__course-price:before {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M50.81 105.45A94 94 0 0 1 22.46 107c-6-.66-11.89-1.77-17.35-4.56-4.28-2.2-6.47-5.35-6.4-10.44.22-15.94.15-31.88 0-47.82A9.66 9.66 0 0 1 4 34.94c6-3.42 12.57-4.8 19.31-5.23 5.92-.38 11.87-.1 17.81-.12.34 0 .68 0 1.27-.06V27.4c0-4.68.17-9.36-.05-14-.2-4.16 1.6-7.17 5.12-8.76A59.33 59.33 0 0 1 60.21.21a78.74 78.74 0 0 1 37.63 1.4A34.83 34.83 0 0 1 105 4.74a8.91 8.91 0 0 1 4.82 8.55c-.15 11.26 0 22.53-.09 33.79a2.64 2.64 0 0 0 2 2.91 45.46 45.46 0 0 1 28.38 46.29 45.63 45.63 0 0 1-88.4 11.45c-.27-.73-.57-1.42-.9-2.28zm43.69 28.22A41.49 41.49 0 0 0 136 91.52c-.18-22.36-18.94-40.79-41.4-40.66a41.54 41.54 0 0 0-41.41 41.8c.12 22.5 18.94 41.17 41.31 41.01zm-62.69-82.3c5.81-.73 11.69-1.15 17.41-2.31a39.33 39.33 0 0 0 10.41-4c3.14-1.67 3.08-3.88.09-5.79a24.65 24.65 0 0 0-6.11-2.86 73.77 73.77 0 0 0-38.78-.92 39.21 39.21 0 0 0-9.73 4C2.39 41 2.46 43.22 5 45a24.22 24.22 0 0 0 5.62 2.89c6.84 2.47 13.96 3 21.19 3.48zm42.34-48.5c-2.81.29-7.62.6-12.36 1.35S52.48 6.16 48.54 9c-2.48 1.78-2.61 3.78-.07 5.43a28.3 28.3 0 0 0 7.8 3.66 76.4 76.4 0 0 0 36.15.58 42.85 42.85 0 0 0 10.81-4.12c3.11-1.63 3-3.89 0-5.81a27.44 27.44 0 0 0-5.56-2.64c-6.96-2.47-14.22-3-23.52-3.23zM62 49.48c-19.75 7.59-39.17 7.93-58.83.19 0 2.83.07 5.86 0 8.89a4.09 4.09 0 0 0 2.17 4.07 41.75 41.75 0 0 0 7.91 3.47 74.85 74.85 0 0 0 32.64 1 68.49 68.49 0 0 0 13-4.19 5.33 5.33 0 0 0 3-3.48 80.23 80.23 0 0 0 .11-9.95zM46.65 19.16c0 3 .05 6.22 0 9.4 0 1.31.35 1.79 1.7 2 5.3 1 10.49 2.4 14.89 5.79a3.78 3.78 0 0 0 1.59.52 67.12 67.12 0 0 0 25.33-.38 72.35 72.35 0 0 0 12.58-4.22 4.62 4.62 0 0 0 2.57-3.05c.33-3.47.12-7 .12-10.24-19.65 7.62-39.05 8.02-58.78.18zm7.53 50.79c-17 3.72-34.15 4.56-51-3.08 0 2.72.18 5.42 0 8.08a5.62 5.62 0 0 0 3.42 6 17.29 17.29 0 0 0 4.06 1.8 147.3 147.3 0 0 0 15 2.77 76.48 76.48 0 0 0 22.19-1.17c1-.19 1.94-.3 2.35-1.69 1.14-4.35 2.63-8.6 3.98-12.72zm-51 14.27a54.35 54.35 0 0 1-.05 7.11c-.57 4.24 1.6 6.47 5.13 7.92.85.35 1.7.71 2.57 1 8.47 2.79 17.19 3.34 26 2.72 4.28-.3 8.53-.95 12.77-1.43l-.86-12.85C33.32 90.72 18 91.32 3.14 84.21zm63.13-27.85c11.92-8.93 24.83-11.63 38.94-8.55V36.08c-12.44 6.33-25.59 6.43-38.94 5.68z'/%3E%3Cpath class='c' d='M82.22 93h5.15V77.1c1.89 0 6.75-.1 8.88-.1 9.71 0 12.57 4.37 12.57 9.66 0 5.49-3.93 9.47-12.23 9.47h-5.1v5.1h8.4v3.16h-8.4v6.7h-4.12v-6.7h-5.15v-3.16h5.15v-5.1h-5.15zm9.27-12v12h5c5 0 8-1.94 8-6s-2.43-6.07-7.82-6.07c-1.39-.05-3.58 0-5.18.07z'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    vertical-align: middle;
    width: 28px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__course-buy-button {
    -webkit-border-radius: 18.5px;
    -moz-border-radius: 18.5px;
    border-radius: 18.5px;
    background: #56df50;
    color: #fff;
    display: inline-block;
    font-family: "ProximaNova";
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .13em;
    line-height: 36px;
    margin-left: 21px;
    min-width: 152px;
    padding: 1px 18px 0;
    text-align: center;
    text-transform: uppercase;
  }
}
.header__buttons-support-phone{
	display: inline-block;
	font-size: 13px;
	color:#20254a;
	font-family: "ProximaNova";
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding-right: 55px;
	vertical-align: middle;
}
@media all  and (max-width: 1260px) {
	.header__buttons-support-phone span{
		display:block;
	}
}
@media all  and (max-width: 1022px) {
	.header__buttons-support-phone{
		padding-bottom: 10px;
		padding-right: 0px;
	}
}
.header__banner {
	position: relative;
	width: 150px; 
	height: 30px; 
    text-align: left; 
    left: 1px; top: 1px; 
}
.header:not(.is-fixed) .header__buttons {
  max-width: -webkit-calc(100% - 1px);
  max-width: -moz-calc(100% - 1px);
  max-width: -o-calc(100% - 1px);
  max-width: calc(100% - 1px);
  display: inline-block;
}
.header.is-fixed .header__buttons {
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
@media all and (max-width: 1023px) {
  .header.is-fixed .header__buttons {
    display: table-cell;
  }
}
.header.is-fixed:not(.header_theme-course) .header__buttons {
  padding-left: 15px;
}
@media all and (min-width: 1024px) {
  .header.is-fixed:not(.header_theme-course) .header__buttons {
    display: table-cell;
  }
}
@media all and (max-width: 1023px) {
  .header_theme-course.is-fixed .header__buttons {
    padding-left: 15px;
  }
}
@media all and (min-width: 1024px) {
  .header_theme-course.is-fixed .header__buttons {
    padding-left: 61px;
    position: relative;
  }
  .header_theme-course.is-fixed .header__buttons:before {
    background: #8ca0b7;
    bottom: 0;
    content: '';
    height: 33px;
    left: 30px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-input-switcher:not(:checked) ~ .header__buttons {
    display: table-cell;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__main-nav-input-switcher:checked ~ .header__buttons {
    display: none;
  }
}
.header__buttons-item {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media all and (max-width: 1023px) {
  .header:not(.is-fixed) .header__buttons-item {
    display: none;
  }
}
.header__button-social {
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.header__button-social:before {
  content: '';
  display: block;
}
.header:not(.is-fixed) .header__button-social {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #d4ecf7;
  height: 50px;
  width: 50px;
}
.header:not(.is-fixed) .header__button-social:before {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.header:not(.is-fixed) .header__button-social:hover {
  -moz-opacity: 0.7;
  /* Netscape */
  opacity: 0.7;
}
.header:not(.is-fixed) .header__button-social + .header__button-social {
  margin-left: 46px;
}
.header__button-social_vkontakte:before {
  background-image: url(../img/sprite.png);
  background-position: -22px -34px;
  width: 18px;
  height: 12px;
}
.header__button-social_facebook:before {
  background-image: url(../img/sprite.png);
  background-position: -62px 0px;
  width: 8px;
  height: 17px;
}
.header__button-social_instagram:before {
  background-image: url(../img/instagram3.png);
  background-position: 0px 0px;
  width: 19px;
  height: 19px;
}
.header__login-button {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.header__login-button:before {
  -webkit-background-size: 19px 19px;
  -moz-background-size: 19px 19px;
  -o-background-size: 19px 19px;
  background-size: 19px 19px;
  content: '';
  height: 17px;
  width: 17px;
}
.header:not(.is-fixed) .header__login-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  min-width: 232px;
  overflow: hidden;
  padding: 1px 22px 0;
  text-align: center;
  text-transform: uppercase;
}
.header:not(.is-fixed) .header__login-button:before {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.header:not(.is-fixed) .header__login-button_sign-in {
  background: #d4ecf7;
  color: #20254a;
}
.header:not(.is-fixed) .header__login-button_sign-in:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle%3E.c1%7Bfill:%2320254a%7D.c2%7Bfill:none%7D%3C/style%3E%3Cpath class='c1' d='M12 12c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3Cpath class='c2' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.header:not(.is-fixed) .header__login-button_profile {
  background: #20254a;
  width: 100%;
}
.header:not(.is-fixed) .header__login-button_profile-active {
  background: #ff2a00;
}
.header:not(.is-fixed) .header__login-button_profile,
.header:not(.is-fixed) .header__login-button_profile-active {
  color: #fff;
}
.header:not(.is-fixed) .header__login-button_profile:before,
.header:not(.is-fixed) .header__login-button_profile-active:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle%3E.c1%7Bfill:%23fff%7D.c2%7Bfill:none%7D%3C/style%3E%3Cpath class='c1' d='M12 12c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3Cpath class='c2' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.header:not(.is-fixed) .header__button-social + .header__login-button {
  margin-left: 58px;
}
.header:not(.is-fixed) .header__login-button:hover {
  -moz-opacity: 0.7;
  /* Netscape */
  opacity: 0.7;
}
.header.is-fixed .header__login-button:before {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cstyle%3E.c1%7Bfill:%2320254a%7D.c2%7Bfill:none%7D%3C/style%3E%3Cpath class='c1' d='M12 12c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm0 2c-2.7 0-8 1.3-8 4v2h16v-2c0-2.7-5.3-4-8-4z'/%3E%3Cpath class='c2' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.header.is-fixed .header__button-social + .header__button-social,
.header.is-fixed .header__button-social + .header__login-button {
  margin-left: 56px;
}
.header__account-block {
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
  display: inline-block;
  height: 32px;
  margin-left: 58px;
  position: relative;
  vertical-align: middle;
  width: 238px;
}
.header__account-block:hover {
  background-color: #20254a;
}
.header.is-fixed .header__account-block {
  display: none;
}
/*тестовый баннер вверху, компонент Битрикс*/
 .banner_test {
	width: 180px;
    /*height: 25px;*/
   /*position: relative;*/
   position: absolute;
   left: 382px;
   top: 38px;
   /*bottom: 10px;*/
   margin: 0;
   padding: 0;
   }
@media all and (max-width: 500px) {
	 .banner_test {
	 	position: absolute;
	 	left: 150px;
	 	width: 100px;
	 	top: 20px;
	 }
}
@media all and (min-width: 501px) and (max-width: 1100px) {
	.banner_test {
		position: absolute;
	 	left: 240px;
	 	width: 120px;
	 }
}

.header.is-fixed .banner_test {
  display: none;
}


.header__account-menu {
  -webkit-border-radius: 0 0 16px 16px;
  -moz-border-radius: 0 0 16px 16px;
  border-radius: 0 0 16px 16px;
  background-color: #20254a;
  display: none;
  left: 0;
  padding: 10px 0;
  text-align: left;
  top: 100%;
  white-space: normal;
  width: 100%;
}
.header__account-block:hover .header__account-menu {
  display: block;
}
.header__account-menu-link {
  color: #d4ecf7;
  display: block;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  padding: 9px 22px 7px;
}
.header__account-menu-link:hover {
  background-color: rgba(255, 255, 255, 0.14);
}
.header__account-menu-exit-link {
  margin-top: 20px;
}
.header__burger-button {
  cursor: pointer;
  position: relative;
}
@media all and (max-width: 500px) {
  .header__burger-button {
    -webkit-box-shadow: inset 0 2px 0 0 #20254a, inset 0 -2px 0 0 #20254a;
    -moz-box-shadow: inset 0 2px 0 0 #20254a, inset 0 -2px 0 0 #20254a;
    box-shadow: inset 0 2px 0 0 #20254a, inset 0 -2px 0 0 #20254a;
    height: 28px;
    margin-top: 2px;
    width: 34px;
  }
  .header__burger-button:before {
    height: 2px;
  }
}
@media all and (min-width: 501px) {
  .header__burger-button {
    -webkit-box-shadow: inset 0 3px 0 0 #20254a, inset 0 -3px 0 0 #20254a;
    -moz-box-shadow: inset 0 3px 0 0 #20254a, inset 0 -3px 0 0 #20254a;
    box-shadow: inset 0 3px 0 0 #20254a, inset 0 -3px 0 0 #20254a;
    height: 40px;
    width: 46px;
  }
  .header__burger-button:before {
    height: 3px;
  }
}
@media all and (max-width: 1023px) {
  .header__burger-button {
    display: block;
    margin-left: auto;
    margin-right: 0px;
  }
}
@media all and (min-width: 1024px) {
  .header__burger-button {
    display: none;
  }
}
.header__burger-button:before {
  background: #20254a;
  bottom: 0;
  content: '';
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header__burger-menu {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  min-width: 320px;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 2;
}
@media all and (max-width: 500px) {
  .header__burger-menu {
    top: 122px;
  }
}
@media all and (min-width: 501px) and (max-width: 1023px) {
  .header:not(.is-fixed) .header__burger-menu {
    top: 154px;
  }
}
@media all and (min-width: 1024px) {
  .header:not(.is-fixed) .header__burger-menu {
    top: 188px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__burger-menu {
    top: 82px;
  }
}
.header__burger-menu-input-switcher:checked ~ .header__burger-menu {
  display: block;
}
.header__popup {
  bottom: 0;
  display: none;
  left: 0;
  min-width: 320px;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 2;
}
@media all and (max-width: 500px) {
  .header__popup {
    top: 122px;
  }
}
@media all and (min-width: 501px) and (max-width: 1023px) {
  .header:not(.is-fixed) .header__popup {
    top: 154px;
  }
}
@media all and (min-width: 1024px) {
  .header:not(.is-fixed) .header__popup {
    top: 188px;
  }
}
@media all and (min-width: 1024px) {
  .header.is-fixed .header__popup {
    top: 82px;
  }
}
.header__login-popup-input-switcher:checked ~ .header__popup_login,
.header__password-restore-popup-input-switcher:checked ~ .header__popup_password-restore {
  display: block;
  z-index: 3;
}
/*==========================================================================
   main-nav
==========================================================================*/
.main-nav__list {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
.main-nav__sticking-container.is-fixed .main-nav__list {
  height: 15.6px;
  overflow: hidden;
}
.main-nav__item {
  display: inline-block;
  vertical-align: top;
  padding: 2px 28px;
  border-radius: 16px;
  border: 1px solid #ffffff;
  transition:ease 0.5s;
}
.main-nav__item:hover{
  border: 1px solid #20254a;
  background-color:#20254a;
  color:white;
  transition:ease 0.5s;
}
.main-nav__item.active{
  border: 1px solid #20254a;
}
@media all and (min-width: 1024px) and (max-width: 1260px) {
  .main-nav__item {
	max-width:170px;
  }
}
.main-nav__sticking-container.is-fixed .main-nav__item + .main-nav__item {
  margin-left: 48px;
}
.main-nav__link {
  -webkit-transition: background .3s ease, color .3s ease;
  -moz-transition: background .3s ease, color .3s ease;
  -o-transition: background .3s ease, color .3s ease;
  transition: background .3s ease, color .3s ease;
  /*
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase; */
}
.main-nav__sticking-container:not(.is-fixed) .main-nav__link {
  font-size: 14px;
  letter-spacing: auto;
  word-spacing: auto;
  display: block;
  height: 65px;
  padding: 23px 24px 0;
  white-space: nowrap;
}

@media all and (min-width: 1024px) and (max-width: 1260px) {
	.main-nav__sticking-container:not(.is-fixed) .main-nav__link {
		white-space: pre-line;
		font-size: 12px;
		padding: 23px 16px 0;
		text-align:center;
	}
}
.main-nav__sticking-container:not(.is-fixed) .main-nav__link:hover,
.main-nav__sticking-container:not(.is-fixed) .main-nav__link_active {
  background: #ff2a00;
  color: #fff;
}
.main-nav__sticking-container.is-fixed .main-nav__link {
  font-size: 13px;
  letter-spacing: auto;
  word-spacing: auto;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  letter-spacing: .14em;
  line-height: 1.2;
}
.main-nav__sticking-container.is-fixed .main-nav__link:hover,
.main-nav__sticking-container.is-fixed .main-nav__link_active {
  color: #ff2a00;
}
/*==========================================================================
   "burger-menu"
==========================================================================*/
.burger-menu__wrapper {
  height: 100%;
  overflow-y: auto;
}
.burger-menu__body {
  display: table;
  height: 100%;
  width: 100%;
}
.burger-menu__content {
  display: table-cell;
  height: 100%;
  padding: 20px 0;
  vertical-align: middle;
}
.burger-menu__social-links {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  text-align: center;
}
.burger-menu__burger-nav + .burger-menu__social-links {
  margin-top: 25px;
}
.burger-menu__social-links-item {
  display: inline-block;
  vertical-align: middle;
}
.burger-menu__social-links-item + .burger-menu__social-links-item {
  margin-left: 44px;
}
.burger-menu__social-links-button {
  display: block;
}
.burger-menu__social-links-button_vkontakte {
  background-image: url(../img/sprite.png);
  background-position: -22px -34px;
  width: 18px;
  height: 12px;
}
.burger-menu__social-links-button_facebook {
  background-image: url(../img/sprite.png);
  background-position: -62px 0px;
  width: 8px;
  height: 17px;
}
/*==========================================================================
   "burger-nav"
==========================================================================*/
.burger-nav__link {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #d4ecf7;
  color: #20254a;
  cursor: pointer;
  display: block;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 59px;
  text-align: center;
  text-transform: uppercase;
}
.burger-nav__login-button:before {
  background-image: url(../img/sprite.png);
  background-position: -27px 0px;
  width: 17px;
  height: 17px;
  content: '';
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: 4px;
}
.burger-nav__link:hover {
  background: #d4ecf7;
}
/*==========================================================================
   "login-popup"
==========================================================================*/
.signup-popup {
  overflow-y: auto;
}
.signup-popup__body {
  margin: 0 auto;
  max-width: 1284px;
  min-height: 100%;
  position: relative;
}
.signup-popup__body:before {
  content: '';
  height: 100%;
  left: -9999px;
  position: absolute;
  right: -9999px;
  top: 0;
  z-index: -1;
}
@media all and (max-width: 630px) {
  .signup-popup__body {
    padding-top: 90px;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__body {
    padding-top: 140px;
  }
}
@media all and (max-width: 550px) {
  .signup-popup__body {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .signup-popup__body {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .signup-popup__body {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.signup-popup__tabs-input-switcher_login:checked ~ .signup-popup__body:before {
  background: rgba(32, 37, 74, 0.96);
}
.signup-popup__tabs-input-switcher_registration:checked ~ .signup-popup__body:before {
  background: #fff;
}
.signup-popup__close-button {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  cursor: pointer;
  position: absolute;
}
@media all and (max-width: 630px) {
  .signup-popup__close-button {
    height: 30px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 30px;
    width: 30px;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__close-button {
    height: 41px;
    top: 72px;
    width: 47px;
  }
}
.signup-popup__tabs-input-switcher_login:checked ~ .signup-popup__body .signup-popup__close-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 15.06 15.05\'%3E%3Cpath d=\'M0 15.04l7.15-7.72L.41.04h.76l6.37 6.9 6.39-6.9h.75L7.92 7.32l7.15 7.72h-.75L7.53 7.75.78 15.04H0z\' fill=\'%23fff\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.signup-popup__tabs-input-switcher_registration:checked ~ .signup-popup__body .signup-popup__close-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 15.06 15.05\'%3E%3Cpath d=\'M0 15.04l7.15-7.72L.41.04h.76l6.37 6.9 6.39-6.9h.75L7.92 7.32l7.15 7.72h-.75L7.53 7.75.78 15.04H0z\' fill=\'%2320254a\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.signup-popup__body-table {
  display: table;
  height: 100%;
  padding-bottom: 50px;
  width: 100%;
}
.signup-popup__body-tcell {
  display: table-cell;
  vertical-align: middle;
}
.signup-popup__header {
  margin: 0 auto;
  max-width: 648px;
}
.signup-popup__header-content {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
@media all and (max-width: 630px) {
  .signup-popup__header-content {
    margin-left: -7px;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__header-content {
    margin-left: -13px;
  }
}
.signup-popup__header-item {
  display: inline-block;
}
@media all and (max-width: 630px) {
  .signup-popup__header-item {
    font-family: "ProximaNova";
    font-size: 16px;
    font-weight: 700;
    margin-left: 7px;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__header-item {
    margin-left: 13px;
  }
}
.signup-popup__tabs-input-switcher_login:checked ~ .signup-popup__body .signup-popup__header-item {
  color: #fff;
}
.signup-popup__tabs-input-switcher_registration:checked ~ .signup-popup__body .signup-popup__header-item {
  color: #20254a;
}
.signup-popup__header-item + .signup-popup__header-item:before {
  color: inherit;
  content: '/';
  display: inline-block;
}
@media all and (max-width: 630px) {
  .signup-popup__header-item + .signup-popup__header-item:before {
    margin-right: 4px;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__header-item + .signup-popup__header-item:before {
    margin-right: 12px;
  }
}
@media all and (max-width: 630px) {
  .signup-popup__tabs-input-switcher:nth-child(1):not(:checked) ~ .signup-popup__body .signup-popup__header-item:nth-child(1) {
    opacity: .5;
  }
}
@media all and (max-width: 630px) {
  .signup-popup__tabs-input-switcher:nth-child(2):not(:checked) ~ .signup-popup__body .signup-popup__header-item:nth-child(2) {
    opacity: .25;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__header-item:not(.signup-popup__header-item_active) + .signup-popup__header-item:before,
  .signup-popup__tabs-input-switcher:nth-child(1):not(:checked) ~ .signup-popup__body .signup-popup__header-item:nth-child(2):before {
    font-size: 18px;
    font-weight: 700;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__tabs-input-switcher:nth-child(1):checked ~ .signup-popup__body .signup-popup__header-item:nth-child(2):before {
    font-family: "ProximaNova";
    font-size: 25px;
    font-weight: 900;
  }
}
.signup-popup__tab-button {
	color: inherit;
	font-family: "ProximaNova";
	text-transform: uppercase;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@media all and (max-width: 630px) {
  .signup-popup__tab-button {
    letter-spacing: .05em;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__tab-button {
    letter-spacing: .1em;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__header-item:not(.signup-popup__header-item_active) .signup-popup__tab-button,
  .signup-popup__tabs-input-switcher:nth-child(1):not(:checked) ~ .signup-popup__body .signup-popup__header-item:nth-child(1) .signup-popup__tab-button,
  .signup-popup__tabs-input-switcher:nth-child(2):not(:checked) ~ .signup-popup__body .signup-popup__header-item:nth-child(2) .signup-popup__tab-button {
    font-size: 18px;
    font-weight: 700;
  }
}
@media all and (min-width: 631px) {
  .signup-popup__header-item_active .signup-popup__tab-button,
  .signup-popup__tabs-input-switcher:nth-child(1):checked ~ .signup-popup__body .signup-popup__header-item:nth-child(1) .signup-popup__tab-button,
  .signup-popup__tabs-input-switcher:nth-child(2):checked ~ .signup-popup__body .signup-popup__header-item:nth-child(2) .signup-popup__tab-button {
    font-family: "ProximaNova";
    font-size: 25px;
    font-weight: 900;
  }
}
.signup-popup__tabs-input-switcher:nth-child(1):not(:checked) ~ .signup-popup__body .signup-popup__content-tab:nth-of-type(1),
.signup-popup__tabs-input-switcher:nth-child(2):not(:checked) ~ .signup-popup__body .signup-popup__content-tab:nth-of-type(2) {
  display: none;
}
/*==========================================================================
   "password-popup"
==========================================================================*/
.password-popup {
  overflow-y: auto;
}
.password-popup__body {
  margin: 0 auto;
  max-width: 1284px;
  min-height: 100%;
  position: relative;
}
.password-popup__body:before {
  background-color: rgba(32, 37, 74, 0.96);
  content: '';
  height: 100%;
  left: -9999px;
  position: absolute;
  right: -9999px;
  top: 0;
  z-index: -1;
}
@media all and (max-width: 630px) {
  .password-popup__body {
    padding-top: 90px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__body {
    padding-top: 140px;
  }
}
@media all and (max-width: 550px) {
  .password-popup__body {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .password-popup__body {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .password-popup__body {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.password-popup__close-button {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 15.06 15.05\'%3E%3Cpath d=\'M0 15.04l7.15-7.72L.41.04h.76l6.37 6.9 6.39-6.9h.75L7.92 7.32l7.15 7.72h-.75L7.53 7.75.78 15.04H0z\' fill=\'%23fff\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
}
@media all and (max-width: 630px) {
  .password-popup__close-button {
    height: 30px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 30px;
    width: 30px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__close-button {
    height: 41px;
    top: 72px;
    width: 47px;
  }
}
.password-popup__body-table {
  display: table;
  height: 100%;
  padding-bottom: 50px;
  width: 100%;
}
.password-popup__body-tcell {
  display: table-cell;
  vertical-align: middle;
}
.password-popup__title {
  color: #fff;
  font-family: "ProximaNova";
  letter-spacing: .1em;
  margin: 0 auto;
  max-width: 648px;
  text-transform: uppercase;
}
@media all and (max-width: 630px) {
  .password-popup__title {
    font-size: 16px;
    font-weight: 700;
  }
}
@media all and (min-width: 631px) {
  .password-popup__title {
    font-size: 25px;
    font-weight: 900;
  }
}
.password-popup__notification {
  color: #fff;
  font-family: "PTSans";
  letter-spacing: .025em;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto;
  max-width: 648px;
}
@media all and (max-width: 630px) {
  .password-popup__notification {
    font-size: 14px;
    margin-top: 31px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__notification {
    font-size: 15px;
    margin-top: 55px;
  }
}
.password-popup__form {
  margin: 0 auto;
  max-width: 648px;
}
@media all and (max-width: 630px) {
  .password-popup__form:not(.not-valid) {
    padding-top: 31px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__form:not(.not-valid) {
    padding-top: 92px;
  }
}
.password-popup__errorblock {
  color: #ff2a00;
  font-family: "ProximaNova";
  font-size: 18px;
  letter-spacing: .025em;
  line-height: 1.2;
  height: 53.2px;
  margin-bottom: 38.8px;
  overflow: hidden;
  padding-top: 10px;
}
.password-popup__form.not-valid .password-popup__errorblock {
  display: block;
}
@media all and (min-width: 631px) {
  .password-popup__data-input-block {
    display: table;
    width: 100%;
  }
}
@media all and (max-width: 630px) {
  .password-popup__data-input-block-label {
    margin-bottom: 9px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__data-input-block-label {
    display: table-cell;
    padding-right: 10px;
    white-space: nowrap;
    width: 1px;
  }
}
.password-popup__input-label {
  color: #fff;
  font-family: "ProximaNova";
  letter-spacing: .025em;
}
@media all and (max-width: 630px) {
  .password-popup__input-label {
    font-size: 16px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__input-label {
    font-size: 18px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__data-input-block-field {
    display: table-cell;
  }
}
.password-popup__input-field {
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 18px;
  letter-spacing: .025em;
  height: 34px;
  width: 100%;
}
@media all and (min-width: 631px) {
  .password-popup__input-field {
    padding: 0 15px;
  }
}
.password-popup__input-field.errorfield {
  border-bottom-color: #ff2a00;
  color: #ff2a00;
}
.password-popup__submit-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #fff;
  color: #20254a;
  display: block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 48px;
  max-width: 100%;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
@media all and (max-width: 630px) {
  .password-popup__submit-button {
    margin-top: 40px;
    width: 140px;
  }
}
@media all and (min-width: 631px) {
  .password-popup__submit-button {
    margin: 70px 0 0 auto;
    width: 195px;
  }
}
/*==========================================================================
   "login-form"
==========================================================================*/
.login-form__body {
  margin: 0 auto;
  max-width: 648px;
}
@media all and (max-width: 630px) {
  .login-form__body:not(.not-valid) {
    padding-top: 30px;
  }
}
@media all and (min-width: 631px) {
  .login-form__body:not(.not-valid) {
    padding-top: 92px;
  }
}
.login-form__errorblock {
  color: #ff2a00;
  font-family: "ProximaNova";
  font-size: 18px;
  letter-spacing: .025em;
  line-height: 1.2;
  /*height: 53.2px;*/
  margin-bottom: 38.8px;
  overflow: hidden;
  padding-top: 10px;
}
.login-form__body.not-valid .login-form__errorblock {
  display: block;
}
@media all and (min-width: 551px) {
  .login-form__data-input-blocks {
    display: table;
    width: 100%;
  }
}
@media all and (max-width: 550px) {
  .login-form__data-input-block + .login-form__data-input-block {
    margin-top: 30px;
  }
}
@media all and (min-width: 551px) {
  .login-form__data-input-block {
    display: table-row;
  }
}
@media all and (max-width: 550px) {
  .login-form__data-input-block-label {
    margin-bottom: 9px;
  }
}
@media all and (min-width: 551px) {
  .login-form__data-input-block-label {
    display: table-cell;
    padding-right: 10px;
    white-space: nowrap;
    width: 1px;
  }
}
.login-form__input-label {
  color: #fff;
  font-family: "ProximaNova";
  letter-spacing: .025em;
}
@media all and (max-width: 550px) {
  .login-form__input-label {
    font-size: 16px;
  }
}
@media all and (min-width: 551px) {
  .login-form__input-label {
    font-size: 18px;
  }
}
@media all and (min-width: 551px) {
  .login-form__data-input-block-field {
    display: table-cell;
  }
}
@media all and (min-width: 551px) {
  .login-form__data-input-block + .login-form__data-input-block .login-form__data-input-block-label,
  .login-form__data-input-block + .login-form__data-input-block .login-form__data-input-block-field {
    padding-top: 60px;
  }
}
.login-form__input-field {
  border-bottom: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 18px;
  letter-spacing: .025em;
  height: 34px;
  padding: 0 15px;
  width: 100%;
}
.login-form__input-field.errorfield {
  border-bottom-color: #ff2a00;
  color: #ff2a00;
}
@media all and (max-width: 550px) {
  .login-form__form-footer {
    padding-top: 38px;
  }
}
@media all and (min-width: 551px) {
  .login-form__form-footer {
    display: table;
    margin-top: 100px;
    width: 100%;
  }
}
@media all and (max-width: 550px) {
  .login-form__form-footer-item:first-child {
    margin-bottom: 38px;
  }
}
@media all and (min-width: 551px) {
  .login-form__form-footer-item {
    display: table-cell;
    vertical-align: middle;
  }
}
@media all and (max-width: 550px) {
  .login-form__form-footer-item_min {
    float: left;
    max-width: 195px;
    width: 50%;
  }
}
@media all and (min-width: 551px) {
  .login-form__form-footer-item_min {
    width: 1px;
    white-space: nowrap;
  }
}
.login-form__check-button {
  color: #fff;
  font-family: "ProximaNova";
  font-size: 18px;
  letter-spacing: .025em;
}
.login-form__check-button-icon {
  border-color: #fff;
  margin-right: 19px;
  position: relative;
  top: 3px;
}
.login-form__check-button-icon:before {
  background: #fff;
}
.login-form__submit-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #fff;
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 48px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
@media all and (max-width: 550px) {
  .login-form__submit-button {
    display: block;
    width: 100%;
  }
}
@media all and (min-width: 551px) {
  .login-form__submit-button {
    max-width: 100%;
    width: 195px;
  }
}
.login-form__password-restore-button {
  color: #fff;
  cursor: pointer;
  font-family: "ProximaNova";
  letter-spacing: .025em;
  position: relative;
}
@media all and (max-width: 550px) {
  .login-form__password-restore-button {
    float: right;
    font-size: 16px;
    top: 14px;
  }
}
@media all and (min-width: 551px) {
  .login-form__password-restore-button {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    display: inline-block;
    font-size: 18px;
    left: 100%;
    margin-top: 30px;
  }
}
/*==========================================================================
   "registration-form"
==========================================================================*/
@media all and (max-width: 630px) {
  .registration-form {
    padding-top: 30px;
  }
}
@media all and (min-width: 631px) {
  .registration-form {
    padding-top: 92px;
  }
}
.registration-form__section + .registration-form__section {
  margin-top: 45px;
}
.registration-form__fieldset-title {
  color: #20254a;
  display: block;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  margin-left: auto;
  margin-right: auto;
  max-width: 648px;
  position: relative;
  width: 100%;
}
@media all and (max-width: 630px) {
  .registration-form__fieldset-title {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__fieldset-title {
    font-size: 25px;
    margin-bottom: 54px;
  }
}
.registration-form__element-block {
  margin: 0 auto;
  max-width: 848px;
  width: 100%;
}

 /*с данным куском не работат выбор города для экранов менее 631px зачем так сделано не ясно.*/
 /*может где в JS есть тоже ошибка с выбором открытия города.*/
/*

@media all and (min-width: 631px) {
  .registration-form__element-block {
    display: table;
  }
}
*/
@media all and (min-width: 150px) {
  .registration-form__element-block {
    display: table;
  }
}

.registration-form__element-block_hiding:not(.registration-form__element-block_active) {
  display: none;
}
@media all and (max-width: 630px) {
  .registration-form__element-block + .registration-form__element-block {
    margin-top: 30px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__element-block + .registration-form__element-block {
    margin-top: 24px;
  }
}
.registration-form__element-block-label {
  position: relative;
}
@media all and (max-width: 630px) {
  .registration-form__element-block-label {
    margin-bottom: 9px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__element-block-label {
    display: table-cell;
    padding-right: 40px;
    text-align: right;
    white-space: nowrap;
    width: 225px;
  }
}
.registration-form__label {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 630px) {
  .registration-form__label {
    display: inline;
  }
}
.registration-form__label-required-sign {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 630px) {
  .registration-form__label-required-sign {
    display: inline;
    padding-left: 5px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__label-required-sign {
    position: absolute;
    right: 27px;
    top: 3px;
  }
}
.registration-form__input {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 28px;
  letter-spacing: .025em;
  display: inline-block;
  max-width: 476px;
  width: 100%;
}
.registration-form__input::-webkit-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.registration-form__input:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.registration-form__input::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.registration-form__input:-ms-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
@media all and (min-width: 631px) {
  .registration-form__input {
    padding: 0 10px;
  }
}
.registration-form__input.errorfield {
  border-bottom-color: #ff2a00;
}
.registration-form__input.errorfield::-webkit-input-placeholder {
  color: #ff2a00;
}
.registration-form__input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  color: #ff2a00;
}
.registration-form__input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  color: #ff2a00;
}
.registration-form__input.errorfield:-ms-input-placeholder {
  color: #ff2a00;
}
.registration-form__input.errorfield::-webkit-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__input.errorfield:-ms-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__select {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 28px;
  letter-spacing: .025em;
  max-width: 476px;
  position: relative;
}
.registration-form__select:before {
  bottom: 0;
  content: '▾';
  height: 10px;
  line-height: 10px;
  margin: auto 0;
  position: absolute;
  right: 10px;
  top: 2px;
}
.registration-form__select select {
  padding: 0 10px;
}
.registration-form__elements-group {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  /* ie 7 */
  text-align: justify;
  /*  ie fix  */
  text-justify: distribute;
  max-width: 476px;
}
.registration-form__elements-group:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.registration-form__elements-group-input {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 28px;
  letter-spacing: .025em;
  display: inline-block;
}
.registration-form__elements-group-input::-webkit-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.registration-form__elements-group-input:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.registration-form__elements-group-input::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.registration-form__elements-group-input:-ms-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
@media all and (max-width: 630px) {
  .registration-form__elements-group-input {
    width: 81px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__elements-group-input {
    width: -webkit-calc((100% - 38px * 2) / 3);
    width: -moz-calc((100% - 38px * 2) / 3);
    width: -o-calc((100% - 38px * 2) / 3);
    width: calc((100% - 38px * 2) / 3);
    padding: 0 10px;
  }
}
@media all and (max-width: 630px) {
  .registration-form__elements-group-input + .registration-form__elements-group-input {
    margin-left: -webkit-calc((100% - 243px) / 2);
    margin-left: -moz-calc((100% - 243px) / 2);
    margin-left: -o-calc((100% - 243px) / 2);
    margin-left: calc((100% - 243px) / 2);
  }
}
@media all and (min-width: 631px) {
  .registration-form__elements-group-input + .registration-form__elements-group-input {
    margin-left: 38px;
  }
}
.registration-form__elements-group-input.errorfield {
  border-bottom-color: #ff2a00;
}
.registration-form__elements-group-input.errorfield::-webkit-input-placeholder {
  color: #ff2a00;
}
.registration-form__elements-group-input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  color: #ff2a00;
}
.registration-form__elements-group-input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  color: #ff2a00;
}
.registration-form__elements-group-input.errorfield:-ms-input-placeholder {
  color: #ff2a00;
}
.registration-form__elements-group-input.errorfield::-webkit-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__elements-group-input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__elements-group-input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__elements-group-input.errorfield:-ms-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.registration-form__element-notification {
  color: #20254a;
  display: block;
  font-family: "PTSans";
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: .025em;
  margin-top: 17px;
  max-width: 476px;
}
@media all and (min-width: 631px) {
  .registration-form__element-notification {
    text-align: right;
  }
}
.registration-form__type-choice {
  margin: 0 auto 50px;
  max-width: 648px;
}
@media all and (min-width: 631px) {
  .registration-form__type-choice-item {
    display: inline-block;
  }
}
@media all and (max-width: 630px) {
  .registration-form__type-choice-item + .registration-form__type-choice-item {
    margin-top: 17px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__type-choice-item + .registration-form__type-choice-item {
    margin-left: 75px;
  }
}
.registration-form__type-choice-button {
  color: #20254a;
  font-family: "PTSans";
  letter-spacing: .025em;
}
@media all and (max-width: 630px) {
  .registration-form__type-choice-button {
    font-size: 16px;
    font-weight: 400;
  }
}
@media all and (min-width: 631px) {
  .registration-form__type-choice-button {
    font-size: 18px;
    font-weight: 700;
  }
}
.registration-form__check-button-icon {
  border-color: #20254a;
  position: relative;
}
.registration-form__check-button-icon:before {
  background: #20254a;
}
@media all and (max-width: 630px) {
  .registration-form__check-button-icon {
    margin-right: 10px;
    top: 4px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__check-button-icon {
    margin-right: 19px;
    top: 3px;
  }
}
.registration-form__input-individual-type:not(:checked) ~ .registration-form__individual-type-fields,
.registration-form__input-entity-type:not(:checked) ~ .registration-form__entity-type-fields {
  display: none;
}
.registration-form__document-load {
  margin-left: auto;
  margin-right: auto;
  max-width: 648px;
}
@media all and (max-width: 630px) {
  .registration-form__document-load {
    margin-top: 40px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__document-load {
    margin-top: 60px;
  }
}
.registration-form__document-load-title {
  color: #20254a;
  font-family: "PTSans";
  letter-spacing: .025em;
  text-align: left;
}
@media all and (max-width: 630px) {
  .registration-form__document-load-title {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 33px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__document-load-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
  }
}
.registration-form__document-loaded {
  color: #20254a;
  display: none;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  margin-top: 20px;
  min-height: 63px;
  padding-left: 83px;
  padding-top: 2px;
  padding-right: 18px;
  position: relative;
  text-align: left;
  white-space: nowrap;
}
.registration-form__document-loaded:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3E.c%7Bfill:rgba(32, 37, 74, 0.54)%7D%3C/style%3E%3Cpath class='c' d='M450.4 86.7s-1.4-2-65-74.7v74.7h65z'/%3E%3Cpath class='c' d='M439.8 96v382.8c0 7.3-6 13.3-13.3 13.3H117.8c-7.3 0-13.3-6-13.3-13.3v-443c0-7.3 6-13.3 13.3-13.3h258.6V12H117.8C104.7 12 94 22.7 94 35.8v443c0 13.1 10.7 23.8 23.8 23.8h308.8c13.1 0 23.8-10.7 23.8-23.8V96h-10.6z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 25px;
  -moz-background-size: 25px;
  -o-background-size: 25px;
  background-size: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(32, 37, 74, 0.54);
  content: '';
  height: 63px;
  left: 0;
  position: absolute;
  top: 0;
  width: 63px;
}
.registration-form__document-loaded.is-active {
  display: inline-block;
}
.registration-form__document-loaded-name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding-top: 12px;
  text-decoration: underline;
  text-overflow: ellipsis;
}
.registration-form__document-loaded-size {
  display: block;
  max-width: 100%;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.registration-form__document-loaded-delete-button {
  color: #ff2a00;
  font-size: 0;
  right: 0;
  top: -3px;
  position: absolute;
  width: 8px;
  height: 8px;
}
.registration-form__document-loaded-delete-button:before,
.registration-form__document-loaded-delete-button:after {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-color: currentColor;
  bottom: -2px;
  content: '';
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -2px;
  width: 2px;
}
.registration-form__document-loaded-delete-button:before {
  -webkit-transform: rotate(38deg);
  -moz-transform: rotate(38deg);
  -ms-transform: rotate(38deg);
  -o-transform: rotate(38deg);
  transform: rotate(38deg);
}
.registration-form__document-loaded-delete-button:after {
  -webkit-transform: rotate(-38deg);
  -moz-transform: rotate(-38deg);
  -ms-transform: rotate(-38deg);
  -o-transform: rotate(-38deg);
  transform: rotate(-38deg);
}
.registration-form__document-load-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #20254a;
  cursor: pointer;
  display: block;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .14em;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
}
@media all and (max-width: 630px) {
  .registration-form__document-load-button {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #20254a;
    width: 200px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__document-load-button {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 2px solid #20254a;
    margin-left: auto;
    margin-right: 0;
    width: 210px;
  }
}
.registration-form__document-loaded.is-active + .registration-form__document-load-button {
  display: none;
}
@media all and (max-width: 630px) {
  .registration-form__document-load-button:not(.is-active) {
    font-size: 12px;
    line-height: 36px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__document-load-button:not(.is-active) {
    font-size: 12px;
    line-height: 28px;
  }
}
.registration-form__document-load-button.is-active {
  font-size: 0;
  line-height: 0;
}
.registration-form__document-load-button.is-active:after {
  content: attr(data-file-name);
}
@media all and (max-width: 630px) {
  .registration-form__document-load-button.is-active:after {
    font-size: 12px;
    line-height: 36px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__document-load-button.is-active:after {
    font-size: 12px;
    line-height: 28px;
  }
}
.registration-form__document-loaded-input {
  display: none;
}
.registration-form__agreements {
  margin-left: auto;
  margin-right: auto;
  max-width: 648px;
}
@media all and (max-width: 630px) {
  .registration-form__agreements {
    margin-top: 45px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__agreements {
    margin-top: 80px;
  }
}
.registration-form__agreements-item + .registration-form__agreements-item {
  margin-top: 21px;
}
.registration-form__agreement-check-button {
  color: #20254a;
  font-family: "PTSans";
  letter-spacing: .025em;
  position: relative;
}
@media all and (max-width: 630px) {
  .registration-form__agreement-check-button {
    font-size: 14px;
    padding-left: 30px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__agreement-check-button {
    font-size: 15px;
    padding-left: 38px;
  }
}
.registration-form__agreement-check-button-icon {
  left: 0;
  position: absolute;
  top: -2px;
}
.registration-form__agreement-check-button-link {
  text-decoration: underline;
}
.registration-form__agreement-check-button-link:hover {
  text-decoration: none;
}
.registration-form__submit-button-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 648px;
}
@media all and (max-width: 630px) {
  .registration-form__submit-button-block {
    margin-top: 35px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__submit-button-block {
    margin-top: 65px;
    text-align: right;
  }
}
.registration-form__submit-button {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ff2a00;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 14px;
  letter-spacing: .13em;
  line-height: 40px;
  max-width: 100%;
  padding: 0 36px;
  text-align: center;
  text-transform: uppercase;
}
@media all and (max-width: 630px) {
  .registration-form__submit-button {
    font-weight: 700;
    min-width: 260px;
  }
}
@media all and (min-width: 631px) {
  .registration-form__submit-button {
    font-weight: 900;
    min-width: 200px;
  }
}
.registration-form__success-notification {
  color: #606469;
  font-family: "PTSans";
  font-size: 17px;
  font-weight: 400;
  letter-spacing: .025em;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 648px;
}
/*==========================================================================
   PAGE main
==========================================================================*/
@media all and (max-width: 600px) {
  .p-main {
    padding-bottom: 85px;
  }
}
@media all and (min-width: 601px) {
  .p-main {
    padding-bottom: 65px;
  }
}
@media all and (max-width: 600px) {
  .p-main__advantages {
    margin-bottom: 40px;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .p-main__advantages {
    margin-bottom: 65px;
  }
}
@media all and (min-width: 781px) {
  .p-main__advantages {
    margin-bottom: 75px;
  }
}
.p-main__content {
  position: relative;
}
.p-main__content:before {
  background-image: -webkit-linear-gradient(-90deg, #d4ecf7 0%, rgba(142, 164, 243, 0.3) 70%, rgba(1, 70, 167, 0) 100%);
  background-image: -moz-linear-gradient(-90deg, #d4ecf7 0%, rgba(142, 164, 243, 0.3) 70%, rgba(1, 70, 167, 0) 100%);
  background-image: -ms-linear-gradient(-90deg, #d4ecf7 0%, rgba(142, 164, 243, 0.3) 70%, rgba(1, 70, 167, 0) 100%);
  background-image: -o-linear-gradient(-90deg, #d4ecf7 0%, rgba(142, 164, 243, 0.3) 70%, rgba(1, 70, 167, 0) 100%);
  background-image: linear-gradient(180deg, #d4ecf7 0%, rgba(142, 164, 243, 0.3) 70%, rgba(1, 70, 167, 0) 100%);
  -moz-opacity: 0.72;
  /* Netscape */
  opacity: 0.72;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -3;
}
@media all and (max-width: 600px) {
  .p-main__content {
    padding-top: 24px;
  }
}
.p-main__content-section + .p-main__content-section {
  margin-top: 80px;
}
@media all and (max-width: 780px) {
  .p-main__content-section + .p-main__content-section {
    margin-top: 80px;
  }
}
.p-main__content-blog-list {
  position: relative;
}
.p-main__content-blog-list:before {
  background: #fff;
  bottom: -9999px;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
  top: 0;
  z-index: -2;
}
/*==========================================================================
   "banners-slider"
==========================================================================*/
.banners-slider__wrapper {
  position: relative;
}
.banners-slider__item:not(:first-child) {
  display: none;
}
.banners-slider__pagers {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  height: 100%;
  left: 0;
  padding: 45px 66px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 100%;
}
@media all and (max-width: 780px) {
  .banners-slider__pagers {
    display: none;
  }
}
.banners-slider__pager {
  position: relative;
  z-index: 2;
}
.banners-slider__pagers-inner {
  display: inline-block;
}
/*==========================================================================
   "circle-pagers"
==========================================================================*/
.circle-pagers__list {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  text-align: center;
  width: 14px;
}
.circle-pagers__item {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(53, 58, 92, 0.32);
  display: block;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 10px;
}
.circle-pagers__item.active {
  background: rgba(53, 58, 92, 0.75);
  height: 14px;
  width: 14px;
}
.circle-pagers__item + .circle-pagers__item {
  margin-top: 34px;
}
/*==========================================================================
   "banner"
==========================================================================*/
.banner {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.banner:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(30, 70, 115, 0.07);
}
@media all and (max-width: 600px) {
  .banner {
    height: 385px;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .banner {
    height: 515px;
  }
}
@media all and (min-width: 781px) {
  .banner {
    height: 656px;
  }
}
.banner__body {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  position: relative;
}
.banner__content {
  bottom: 0;
  position: absolute;
  z-index: 1;
}
@media all and (max-width: 600px) {
  .banner__content {
    padding: 17px 23px 20px;
  }
}
@media all and (max-width: 780px) {
  .banner__content {
    left: 0;
    width: 100%;
  }
  .banner__content:before {
    background: rgba(32, 37, 74, 0.52);
    content: '';
    height: 100%;
    left: -9999px;
    position: absolute;
    right: -9999px;
    top: 0;
    z-index: -1;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .banner__content {
    max-width: 670px;
    padding: 50px 55px 30px;
  }
}
@media all and (min-width: 781px) {
  .banner__content {
    left: 66px;
    max-width: 612px;
    padding-bottom: 30px;
    right: 86px;
  }
}
.banner__background-polygon {
  bottom: 0;
  height: 742px;
  position: absolute;
  right: -268px;
  width: 10600px;
  z-index: -1;
}
@media all and (max-width: 780px) {
  .banner__background-polygon {
    display: none;
  }
}
.banner__background-polygon svg {
  display: block;
  fill: rgba(32, 37, 74, 0.52);
  height: 100%;
  width: 100%;
}
.banner__title {
  color: #fff;
  letter-spacing: .025em;
  line-height: 1.1;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .banner__title {
    font-size: 26px;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .banner__title {
    font-size: 40px;
  }
}
@media all and (max-width: 780px) {
  .banner__title {
    font-family: "ProximaNova";
    font-weight: 700;
    max-height: 3.3em;
    margin-bottom: 17px;
  }
}
@media all and (min-width: 781px) {
  .banner__title {
    font-family: "ProximaNova";
    font-size: 43px;
    font-weight: 900;
    max-height: 2.2em;
    margin-bottom: 25px;
  }
}
.banner__link-button {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ff2a00;
  display: block;
  float: right;
  margin: 0 0 10px 10px;
  overflow: hidden;
  position: relative;
}
@media all and (max-width: 600px) {
  .banner__link-button {
    height: 50px;
    width: 50px;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .banner__link-button {
    height: 60px;
    width: 60px;
  }
}
@media all and (min-width: 781px) {
  .banner__link-button {
    height: 80px;
    width: 80px;
  }
}
.banner__link-button:before {
  bottom: 0;
  content: '';
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/sprite.png);
  background-position: -47px 0px;
  width: 12px;
  height: 19px;
}
.banner__description {
  color: #fff;
  font-family: "PTSans";
  max-height: 6.5em;
  letter-spacing: .025em;
  line-height: 1.3;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .banner__description {
    font-size: 12px;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .banner__description {
    font-size: 14px;
  }
}
@media all and (min-width: 781px) {
  .banner__description {
    font-size: 16px;
  }
}
/*==========================================================================
   "advantages"
==========================================================================*/
@media all and (max-width: 600px) {
  .advantages .bx-wrapper {
    max-width: 250px !important;
    width: 80%;
  }
}
.advantages .bx-viewport {
  height: auto !important;
  overflow: visible !important;
}
.advantages__list {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
@media all and (max-width: 600px) {
  .advantages__list {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    max-width: 250px;
    text-align: center;
    width: 80%;
  }
}
@media all and (min-width: 781px) {
  .advantages__list {
    max-width: 1284px;
    padding: 0 66px;
  }
}
@media all and (max-width: 600px) {
  .bx-wrapper .advantages__list {
    max-width: none;
  }
  .bx-wrapper .advantages__list:after {
    content: '.';
    display: block;
    visibility: hidden;
    /*width: 0;*/
    height: 0;
    clear: both;
  }
}
.advantages__item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
@media all and (max-width: 600px) {
  .advantages__item {
    padding: 0 10px;
    width: 100%;
  }
}
@media all and (min-width: 601px) {
  .advantages__item {
    padding-top: 32px;
    padding-left: 17px;
    position: relative;
  }
  .advantages__item:before {
    border-left: 2px solid #20254a;
    content: '';
    height: 92px;
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .advantages__item {
    width: 22.75%;
  }
}
@media all and (min-width: 781px) {
  .advantages__item {
    width: 21.25%;
  }
}
@media all and (min-width: 601px) and (max-width: 780px) {
  .advantages__item + .advantages__item {
    margin-left: 3%;
  }
}
@media all and (min-width: 781px) {
  .advantages__item + .advantages__item {
    margin-left: 5%;
  }
}
.advantages__item-icon {
  /*height: 24px;
  width: 26px;*/
  height: 52px;
  width: 52px;
  text-align: center;
  
}
@media all and (max-width: 600px) {
  .advantages__item-icon {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 601px) {
  .advantages__item-icon {
    margin-bottom: 20px;
  }
}
.advantages__item-icon img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.advantages__item-text {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 700;
  max-height: 3.9em;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .advantages__item-text {
    max-width: -webkit-calc(100% - 26px);
    max-width: -moz-calc(100% - 26px);
    max-width: -o-calc(100% - 26px);
    max-width: calc(100% - 26px);
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
  }
}
/*==========================================================================
   "articles-preview-row"
==========================================================================*/
.articles-preview-row {
  /* .noUi-background {
        background: #fff;
        &:before {
            content: '';
            position: absolute;
            .tblr0();
            background: fade(#0074ff, 30%);
        }
    }
    .noUi-connect {
        background: @color-dblue;
    }
    .noUi-horizontal {
        height: 44px;
    }
    .noUi-handle {
        position: absolute;
        top: 0;
        width: 20px;
        // width: 100%;
        height: 100%;
        // display: none;
    }
    .noUi-handle-lower {
        left: 0;
    }
    .noUi-handle-upper {
        right: 100%;
    } */
}
.articles-preview-row__header {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 25px;
  font-weight: 900;
  letter-spacing: .1em;
  margin-bottom: 35px;
  text-align: center;
  text-transform: uppercase;
}
.articles-preview-row__list {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
}
@media all and (max-width: 820px) {
  .articles-preview-row__list {
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
    position: relative;
    width: 85%;
  }
  .articles-preview-row__list_overboarding {
    left: 1px;
  }
}
@media all and (min-width: 1151px) {
  .articles-preview-row__list {
    padding: 0 30px;
  }
}
@media all and (min-width: 1285px) {
  .articles-preview-row__list {
    text-align: center;
  }
}
@media all and (max-width: 820px) {
  .articles-preview-row__list .slider-viewport {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@media all and (max-width: 820px) {
  .articles-preview-row__list .slider-viewport:not(.is-touching) {
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
  }
}
.articles-preview-row__list .slider-prev-button,
.articles-preview-row__list .slider-next-button {
  -webkit-background-size: 7px 11px;
  -moz-background-size: 7px 11px;
  -o-background-size: 7px 11px;
  background-size: 7px 11px;
  bottom: 0;
  height: 40px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: 2;
}
@media all and (min-width: 821px) {
  .articles-preview-row__list .slider-prev-button,
  .articles-preview-row__list .slider-next-button {
    display: none;
  }
}
.articles-preview-row__list .slider-prev-button.is-disabled,
.articles-preview-row__list .slider-next-button.is-disabled {
  display: none;
}
.articles-preview-row__list_theme-dark .slider-prev-button,
.articles-preview-row__list_theme-dark .slider-next-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%23fff\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.articles-preview-row__list_theme-light .slider-prev-button,
.articles-preview-row__list_theme-light .slider-next-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%2320254a\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.articles-preview-row__list .slider-prev-button {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: 2px;
  right: 100%;
}
.articles-preview-row__list .slider-next-button {
  margin-left: 2px;
  left: 100%;
}
.articles-preview-row__item {
  font-size: 16px;
  letter-spacing: auto;
  word-spacing: auto;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
@media all and (max-width: 820px) {
  .articles-preview-row__list_equal-items .articles-preview-row__item {
    width: 100%;
  }
  .articles-preview-row__list_overboarding .articles-preview-row__item {
    width: -webkit-calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -o-calc(100% + 2px);
    width: calc(100% + 2px);
  }
  .articles-preview-row__list_equal-items .articles-preview-row__item + .articles-preview-row__item {
    margin-left: 2px;
  }
  .articles-preview-row__list_overboarding .articles-preview-row__item + .articles-preview-row__item {
    margin-left: -2px;
  }
  .articles-preview-row__list_overboarding:not(.is-slider) .articles-preview-row__item:first-child {
    margin-left: -webkit-calc(-100% - 2px);
    margin-left: -moz-calc(-100% - 2px);
    margin-left: -o-calc(-100% - 2px);
    margin-left: calc(-100% - 2px);
  }
  .articles-preview-row__list_equal-items .articles-preview-row__item {
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: -o-calc(100% - 2px);
    width: calc(100% - 2px);
    margin: 0 1px;
  }
  .articles-preview-row__list_equal-items:not(.is-slider) .articles-preview-row__item:first-child {
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
  .articles-preview-row__list_equal-items .articles-preview-row__item {
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
  }
  .articles-preview-row__list_equal-items:not(.is-slider) .articles-preview-row__item:nth-child(n+3) {
    transform: scale(0.8);
    transform-origin: 0% 50%;
  }
  .articles-preview-row__list_equal-items.is-slider .articles-preview-row__item:not(.is-active) {
    transform: scale(0.8);
    transform-origin: 100% 50%;
  }
  .articles-preview-row__list_equal-items.is-slider .articles-preview-row__item.is-active ~ .articles-preview-row__item {
    transform-origin: 0% 50%;
  }
}
@media all and (min-width: 821px) and (max-width: 1150px) {
  .articles-preview-row__item:nth-child(n+4) {
    display: none;
  }
}
@media all and (min-width: 1285px) {
  .articles-preview-row__item {
    text-align: left;
    width: 306px;
  }
}
@media all and (min-width: 821px) and (max-width: 1150px) {
  .articles-preview-row__list_equal-items .articles-preview-row__item {
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -o-calc(100% / 3);
    width: calc(100% / 3);
  }
}
@media all and (min-width: 1151px) and (max-width: 1284px) {
  .articles-preview-row__list_equal-items .articles-preview-row__item {
    width: 25%;
  }
}
@media all and (min-width: 821px) and (max-width: 1150px) {
  .articles-preview-row__list_overboarding .articles-preview-row__item {
    width: -webkit-calc((100% + (3 - 1) * 2px) / 3);
    width: -moz-calc((100% + (3 - 1) * 2px) / 3);
    width: -o-calc((100% + (3 - 1) * 2px) / 3);
    width: calc((100% + (3 - 1) * 2px) / 3);
  }
}
@media all and (min-width: 1151px) and (max-width: 1284px) {
  .articles-preview-row__list_overboarding .articles-preview-row__item {
    width: -webkit-calc((100% + (4 - 1) * 2px) / 4);
    width: -moz-calc((100% + (4 - 1) * 2px) / 4);
    width: -o-calc((100% + (4 - 1) * 2px) / 4);
    width: calc((100% + (4 - 1) * 2px) / 4);
  }
}
@media all and (min-width: 821px) {
  .articles-preview-row__list_overboarding .articles-preview-row__item + .articles-preview-row__item {
    margin-left: -2px;
  }
}
.articles-preview-row__more-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #20254a;
  color: #fff;
  display: block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 48px;
  margin: 33px auto 0;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 260px;
}
.articles-preview-row__list-shifter {
  margin: 57px auto 0;
  max-width: 1284px;
  padding: 8px 30px 0;
}
@media all and (max-width: 820px) {
  .articles-preview-row__list-shifter {
    display: none;
  }
}
.articles-preview-row__list-shifter-slider {
  position: relative;
  height: 3px;
}
.articles-preview-row__list-shifter-slider:before {
  background: #d4ecf7;
  content: '';
  height: 100%;
  left: -9999px;
  position: absolute;
  right: -9999px;
  top: 0;
}
.articles-preview-row__list-shifter-slider .noUi-handle {
  height: 3px;
  width: 3px;
}
.articles-preview-row__list-shifter-slider .noUi-handle:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #20254a;
  bottom: -20px;
  content: '';
  cursor: pointer;
  left: -20px;
  height: 20px;
  margin: auto;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 20px;
}
/*==========================================================================
   "article-preview"
==========================================================================*/
.article-preview {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.article-preview__wrapper {
  display: block;
  height: 308px;
  overflow: hidden;
  padding: 19px 36px;
  position: relative;
  z-index: 1;
}
.article-preview_hover-cover .article-preview__wrapper {
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.article-preview_hover-cover .article-preview__wrapper:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.article-preview_hover-cover .article-preview__wrapper:after {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  background: #ff2a00;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.article-preview_theme-dark .article-preview__wrapper {
  color: #fff;
}
.article-preview_theme-dark:nth-child(odd) .article-preview__wrapper:before {
  background-image: -webkit-linear-gradient(-90deg, #2f364f, #171b36);
  background-image: -moz-linear-gradient(-90deg, #2f364f, #171b36);
  background-image: -ms-linear-gradient(-90deg, #2f364f, #171b36);
  background-image: -o-linear-gradient(-90deg, #2f364f, #171b36);
  background-image: linear-gradient(180deg, #2f364f, #171b36);
}
.article-preview_theme-dark:nth-child(even) .article-preview__wrapper:before {
  background-image: -webkit-linear-gradient(-90deg, #171b36, #2f364f);
  background-image: -moz-linear-gradient(-90deg, #171b36, #2f364f);
  background-image: -ms-linear-gradient(-90deg, #171b36, #2f364f);
  background-image: -o-linear-gradient(-90deg, #171b36, #2f364f);
  background-image: linear-gradient(180deg, #171b36, #2f364f);
}
.article-preview_theme-light .article-preview__wrapper {
  color: #20254a;
}
.article-preview_theme-light:nth-child(odd) .article-preview__wrapper:before {
  background-image: -webkit-linear-gradient(-90deg, #edf7fc, #f8ffff);
  background-image: -moz-linear-gradient(-90deg, #edf7fc, #f8ffff);
  background-image: -ms-linear-gradient(-90deg, #edf7fc, #f8ffff);
  background-image: -o-linear-gradient(-90deg, #edf7fc, #f8ffff);
  background-image: linear-gradient(180deg, #edf7fc, #f8ffff);
}
.article-preview_theme-light:nth-child(even) .article-preview__wrapper:before {
  background-image: -webkit-linear-gradient(-90deg, #f8ffff, #edf7fc);
  background-image: -moz-linear-gradient(-90deg, #f8ffff, #edf7fc);
  background-image: -ms-linear-gradient(-90deg, #f8ffff, #edf7fc);
  background-image: -o-linear-gradient(-90deg, #f8ffff, #edf7fc);
  background-image: linear-gradient(180deg, #f8ffff, #edf7fc);
}
.article-preview_hover-cover:hover .article-preview__wrapper {
  color: #fff;
}
.article-preview_hover-cover:hover .article-preview__wrapper:after {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.article-preview_theme-white .article-preview__wrapper {
  background: #fff;
  color: #20254a;
}
.article-preview_hover-frame .article-preview__wrapper:before {
  border: 2px solid #d4ecf7;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.article-preview_hover-frame:hover {
  position: relative;
  z-index: 2;
}
.article-preview_hover-frame:hover .article-preview__wrapper {
  color: #ff2a00;
}
.article-preview_hover-frame:hover .article-preview__wrapper:before {
  border-color: #ff2a00;
}
.article-preview__cover {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.article-preview_hover-cover:hover .article-preview__cover {
  -moz-opacity: 0.16;
  /* Netscape */
  opacity: 0.16;
}
.article-preview__header {
  font-family: "PTSans";
  font-weight: 700;
  height: 2.4em;
  letter-spacing: .025em;
  line-height: 1.2;
  margin-bottom: 17px;
}
.article-preview_default .article-preview__header {
  font-size: 16px;
}
.article-preview_mini .article-preview__header {
  font-size: 14px;
}
.article-preview__title {
  font-family: "ProximaNova";
  font-weight: 900;
  height: 5.2em;
  line-height: 1.3;
}
.article-preview_default .article-preview__title {
  font-size: 20px;
  letter-spacing: .025em;
  margin-bottom: 15px;
}
.article-preview_mini .article-preview__title {
  font-size: 18px;
  letter-spacing: -0.005em;
}
.article-preview__description {
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
}
.article-preview__dates-range {
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 13px;
}
.article-preview__price {
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
}
/*==========================================================================
   "logos-slider"
==========================================================================*/
.logos-slider {
  /*&__list {
        .clear_inb();
        margin: 0 -9999px;
        text-align: center;
        white-space: nowrap;
    }*/
  /*
    &__item:not(:hover) {
        .gray-filter();
    }
    */
}
.logos-slider__header {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 25px;
  font-weight: 900;
  letter-spacing: .1em;
  margin-bottom: 35px;
  text-align: center;
  text-transform: uppercase;
}
.logos-slider__list {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
  /*@media all and (max-width: @bp-one-in-row-max) {
            margin-left: auto;
            margin-right: auto;
            max-width: 360px;
            position: relative;
            width: 85%;
        }*/
  padding: 0 30px;
  text-align: center;
  position: relative;
}
.logos-slider__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.logos-slider__item + .logos-slider__item {
  margin-left: 60px;
}
.logos-slider__item img {
  display: block;
}
.logos-slider__img-hover {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.logos-slider__item:hover .logos-slider__img-hover {
  -moz-opacity: 1;
  /* Netscape */
  opacity: 1;
}
.logos-slider__list-shifter {
  margin: 57px auto 0;
  max-width: 1284px;
  padding: 8px 30px 0;
}
.logos-slider__list-shifter-slider {
  position: relative;
  height: 3px;
}
.logos-slider__list-shifter-slider:before {
  background: #d4ecf7;
  content: '';
  height: 100%;
  left: -9999px;
  position: absolute;
  right: -9999px;
  top: 0;
}
.logos-slider__list-shifter-slider .noUi-handle {
  height: 3px;
  width: 3px;
}
.logos-slider__list-shifter-slider .noUi-handle:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #20254a;
  bottom: -20px;
  content: '';
  cursor: pointer;
  left: -20px;
  height: 20px;
  margin: auto;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 20px;
}
/*==========================================================================
   PAGE courses
==========================================================================*/
.p-courses {
  padding: 23px 0 120px;
}
.p-courses__breadcrumbs {
  margin: 0 auto 14px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-courses__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-courses__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-courses__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-courses__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
/*==========================================================================
   "breadcrumbs"
==========================================================================*/
.breadcrumbs__list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumbs__item {
  display: inline;
}
.breadcrumbs__item + .breadcrumbs__item {
  margin-left: 12px;
}
.breadcrumbs__item + .breadcrumbs__item:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(32, 37, 74, 0.62);
  content: '';
  display: inline-block;
  height: 3px;
  margin-right: 16px;
  position: relative;
  top: -3px;
  width: 3px;
}
.breadcrumbs__link {
  color: rgba(32, 37, 74, 0.62);
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
}
/*==========================================================================
   "courses-tiles-block"
==========================================================================*/
.courses-tiles-block__header {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  padding-bottom: 30px;
  position: relative;
}
@media all and (min-width: 721px) {
  .courses-tiles-block__header-basic {
    display: table;
    width: 100%;
  }
}
@media all and (min-width: 721px) and (max-width: 800px) {
  .courses-tiles-block__header-basic {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .courses-tiles-block__header-basic {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 721px) {
  .courses-tiles-block__header-basic-title {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    display: table-cell;
  }
}
@media all and (max-width: 550px) {
  .courses-tiles-block__header-basic-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 720px) {
  .courses-tiles-block__header-basic-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.courses-tiles-block__header-title {
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  color: #20254a;
}
@media all and (max-width: 550px) {
  .courses-tiles-block__header-title {
    font-size: 27px;
  }
}
@media all and (min-width: 551px) {
  .courses-tiles-block__header-title {
    font-size: 43px;
  }
}
.courses-tiles-block__header-basic-title_calendar .courses-tiles-block__header-title {
  display: inline-block;
  padding-top: 12px;
}
.courses-tiles-block__header-calendar {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  vertical-align: top;
}
.courses-tiles-block__header-calendar:before {
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  color: transparent;
  content: 'a';
  display: inline-block;
  padding-top: 12px;
  text-indent: -9999px;
  width: 0;
  overflow: hidden;
}
@media all and (max-width: 550px) {
  .courses-tiles-block__header-calendar:before {
    font-size: 27px;
  }
}
@media all and (min-width: 551px) {
  .courses-tiles-block__header-calendar:before {
    font-size: 43px;
  }
}
@media all and (max-width: 720px) {
  .courses-tiles-block__header-calendar {
    display: none;
  }
}
.courses-tiles-block__header-calendar-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .025em;
  vertical-align: top;
}
.courses-tiles-block__header-calendar-button:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 26px;
  margin-right: 9px;
  width: 32px;
  vertical-align: top;
}
.no-js .courses-tiles-block__header-calendar-button {
  font-size: 0;
}
.no-js .courses-tiles-block__header-calendar-button:after {
  content: attr(data-default-text);
  font-size: 16px;
}
.courses-tiles-block__header-calendar-picker {
  background: #fff;
  left: -50px;
  padding: 0 50px 50px;
  position: absolute;
  top: 100%;
  width: 442px;
  z-index: 2;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-group {
  float: left;
  height: 78px;
  position: relative;
  width: 78px;
  z-index: 1;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-group:before {
  background: #d4ecf7;
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -3;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-group:not(:nth-child(4n+1)) {
  margin-left: 10px;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-group:nth-child(n+5) {
  margin-top: 20px;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-header {
  height: 0;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-year {
  display: none;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-month {
  color: #fff;
  font-family: "ProximaNova";
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  height: 100%;
  left: 0;
  line-height: 78px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: -1;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar thead {
  display: none;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar tbody tr:not(:first-child) {
  display: none;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
  display: none;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar td[data-handler="selectDay"] a.ui-state-default {
  color: transparent;
  height: 78px;
  display: block;
  width: 78px;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar td[data-handler="selectDay"] a.ui-state-default:before {
  background: #20254a;
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar td[data-handler="selectDay"] a.ui-state-default.ui-state-active:before {
  background: #ff2a00;
}
.courses-tiles-block__header-calendar-picker .ui-datepicker-calendar td[data-handler="selectDay"] ~ td {
  display: none;
}
.courses-tiles-block__header-calendar-input-toggler:not(:checked) ~ .courses-tiles-block__header-calendar-picker {
  display: none;
}
.courses-tiles-block__header-month-input {
  display: none;
}
.courses-tiles-block__header-month-button {
  background-color: #d4ecf7;
  color: #fff;
  float: left;
  font-family: "ProximaNova";
  font-size: 9px;
  font-weight: 900;
  height: 78px;
  letter-spacing: .14em;
  line-height: 78px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 78px;
  z-index: 1;
}
.courses-tiles-block__header-month-button:not(:nth-of-type(4n+1)) {
  margin-left: 10px;
}
.courses-tiles-block__header-month-button:nth-of-type(n+5) {
  margin-top: 20px;
}
.courses-tiles-block__header-month-button_available {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #20254a;
  cursor: pointer;
}
.courses-tiles-block__header-month-input:checked + .courses-tiles-block__header-month-button {
  background-color: #ff2a00;
}
@media all and (min-width: 721px) {
  .courses-tiles-block__header-basic-filter {
    display: table-cell;
    white-space: nowrap;
    width: 1px;
  }
}
@media all and (max-width: 550px) {
  .courses-tiles-block__header-basic-filter {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 720px) {
  .courses-tiles-block__header-basic-filter {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 720px) {
  .courses-tiles-block__header-basic-title + .courses-tiles-block__header-basic-filter {
    margin-top: 17px;
    padding-top: 10px;
    text-align: center;
  }
}
@media all and (min-width: 721px) {
  .courses-tiles-block__header-basic-title + .courses-tiles-block__header-basic-filter {
    padding-left: 15px;
  }
}
@media all and (max-width: 720px) {
  .courses-tiles-block__extended-filter-input-toggler:checked ~ .courses-tiles-block__header-basic .courses-tiles-block__header-basic-filter {
    background-color: #20254a;
  }
}
@media all and (min-width: 721px) {
  .courses-tiles-block__extended-filter:before {
    content: '';
    display: block;
    height: 15px;
  }
}
/*==========================================================================
   "courses-tiles-filter"
==========================================================================*/
.courses-tiles-filter__body {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
}
.courses-tiles-filter__item {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  padding: 0 18px;
}
.courses-tiles-filter__item + .courses-tiles-filter__item {
  margin-left: 22px;
}
.courses-tiles-filter__adjust-menu-button {
  cursor: pointer;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 30px;
  padding-top: 2px;
  text-transform: uppercase;
}
.courses-tiles-filter__adjust-menu-button:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 11px;
  margin-right: 9px;
  position: relative;
  top: 1px;
  width: 17px;
}
.courses-tiles-filter__adjust-menu-input-toggler:not(:checked) ~ .courses-tiles-filter__base .courses-tiles-filter__adjust-menu-button {
  background: #d4ecf7;
  color: #20254a;
}
.courses-tiles-filter__adjust-menu-input-toggler:not(:checked) ~ .courses-tiles-filter__base .courses-tiles-filter__adjust-menu-button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 300.5 199.2\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M388.3 201.9h-196c-9.9 0-17.9-9-17.9-20s8-20 17.9-20h196c9.9 0 17.9 9 17.9 20s-8 20-17.9 20z\' transform=\'translate(-105.7 -156.4)\'/%3E%3Ccircle class=\'c\' cx=\'25.5\' cy=\'25.5\' r=\'25.5\'/%3E%3Cpath class=\'c\' d=\'M388.3 276h-196c-9.9 0-17.9-9-17.9-20s8-20 17.9-20h196c9.9 0 17.9 9 17.9 20s-8 20-17.9 20z\' transform=\'translate(-105.7 -156.4)\'/%3E%3Ccircle class=\'c\' cx=\'25.5\' cy=\'99.6\' r=\'25.5\'/%3E%3Cpath class=\'c\' d=\'M388.3 350.1h-196c-9.9 0-17.9-9-17.9-20s8-20 17.9-20h196c9.9 0 17.9 9 17.9 20s-8 20-17.9 20z\' transform=\'translate(-105.7 -156.4)\'/%3E%3Ccircle class=\'c\' cx=\'25.5\' cy=\'173.7\' r=\'25.5\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.courses-tiles-filter__adjust-menu-input-toggler:checked ~ .courses-tiles-filter__base .courses-tiles-filter__adjust-menu-button {
  background: #20254a;
  color: #fff;
}
.courses-tiles-filter__adjust-menu-input-toggler:checked ~ .courses-tiles-filter__base .courses-tiles-filter__adjust-menu-button:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 15.06 15.05\'%3E%3Cpath d=\'M0 15.04l7.15-7.72L.41.04h.76l6.37 6.9 6.39-6.9h.75L7.92 7.32l7.15 7.72h-.75L7.53 7.75.78 15.04H0z\' fill=\'%23fff\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.courses-tiles-filter__direction-toggle-button {
  color: #8d97a7;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-top: 2px;
}
@media all and (max-width: 1050px) {
  .courses-tiles-filter__direction-toggle-button {
    display: none;
  }
}
.courses-tiles-filter__adjust-menu {
  max-height: 9999px;
  overflow: hidden;
}
.courses-tiles-filter__adjust-menu-input-toggler:not(:checked) ~ .courses-tiles-filter__adjust-menu {
  max-height: 0;
}
/*==========================================================================
   "courses-tiles-extended-filter"
==========================================================================*/
@media all and (min-width: 951px) {
  .courses-tiles-extended-filter {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.courses-tiles-extended-filter__wrapper {
  background-color: #20254a;
  position: relative;
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__wrapper {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    *zoom: 1;
  }
  .courses-tiles-extended-filter__wrapper:before,
  .courses-tiles-extended-filter__wrapper:after {
    content: " ";
    display: table;
  }
  .courses-tiles-extended-filter__wrapper:after {
    clear: both;
  }
}
@media all and (max-width: 720px) {
  .courses-tiles-extended-filter__wrapper {
    padding-top: 30px;
  }
}
@media all and (min-width: 721px) {
  .courses-tiles-extended-filter__wrapper {
    padding-top: 60px;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__wrapper {
    padding-bottom: 90px;
  }
}
@media all and (min-width: 871px) and (max-width: 950px) {
  .courses-tiles-extended-filter__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 951px) {
  .courses-tiles-extended-filter__wrapper {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media all and (max-width: 550px) {
  .courses-tiles-extended-filter__section {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .courses-tiles-extended-filter__section {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 870px) {
  .courses-tiles-extended-filter__section {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 870px) {
  .courses-tiles-extended-filter__section + .courses-tiles-extended-filter__section {
    margin-top: 45px;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__section {
    width: -webkit-calc((100% - 15px * 2) / 3);
    width: -moz-calc((100% - 15px * 2) / 3);
    width: -o-calc((100% - 15px * 2) / 3);
    width: calc((100% - 15px * 2) / 3);
    font-size: 16px;
    letter-spacing: auto;
    word-spacing: auto;
  }
  .courses-tiles-extended-filter__section:nth-child(1),
  .courses-tiles-extended-filter__section:nth-child(2) {
    float: left;
  }
  .courses-tiles-extended-filter__section:nth-child(3),
  .courses-tiles-extended-filter__section:nth-child(4) {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__section_company {
    padding-bottom: 60px;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__section_speakers {
    clear: left;
    margin-top: 50px;
    padding-bottom: 115px;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__section:not(:nth-child(4)) {
    margin-right: 15px;
  }
}
.courses-tiles-extended-filter__section-title {
  color: #d4ecf7;
  font-family: "PTSans";
  font-size: 21px;
  font-weight: 700;
  letter-spacing: .05em;
}
@media all and (max-width: 870px) {
  .courses-tiles-extended-filter__section-title {
    margin-bottom: 28px;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__section-title {
    margin-bottom: 45px;
  }
}
.courses-tiles-extended-filter__radio-button {
  position: relative;
  padding-left: 20px;
}
.courses-tiles-extended-filter__radio-button + .courses-tiles-extended-filter__radio-button {
  margin-top: 23px;
}
.courses-tiles-extended-filter__radio-button-icon {
  bottom: 0;
  left: 0;
  margin: auto 0;
  top: 0;
}
.courses-tiles-extended-filter__radio-button-text {
  color: #d4ecf7;
  font-family: "PTSans";
  font-size: 15px;
  letter-spacing: .01em;
}
.courses-tiles-extended-filter__checkbox {
  display: block;
  padding-left: 35px;
}
.courses-tiles-extended-filter__checkbox-icon {
  border-color: #d4ecf7;
  margin-left: -35px;
  margin-right: 20px;
  bottom: -5px;
}
.courses-tiles-extended-filter__checkbox-icon:before {
  background-color: #d4ecf7;
}
.courses-tiles-extended-filter__checkbox-text {
  color: #d4ecf7;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .01em;
}
.courses-tiles-extended-filter__topics-list-item + .courses-tiles-extended-filter__topics-list-item {
  margin-top: 25px;
}
.courses-tiles-extended-filter__subtopics-list {
  -webkit-transition: max-height 0.4s ease;
  -moz-transition: max-height 0.4s ease;
  -o-transition: max-height 0.4s ease;
  transition: max-height 0.4s ease;
  max-height: 500px;
  overflow: hidden;
  padding-left: 36px;
}
.courses-tiles-extended-filter__subtopics-list:before {
  content: '';
  display: block;
  height: 15px;
}
.courses-tiles-extended-filter__subtopics-input-switcher:not(:checked) ~ .courses-tiles-extended-filter__subtopics-list {
  max-height: 0;
}
.courses-tiles-extended-filter__subtopics-list-item + .courses-tiles-extended-filter__subtopics-list-item {
  margin-top: 20px;
}
.courses-tiles-extended-filter__select-field {
  max-width: 310px;
}
@media all and (max-width: 870px) {
  .courses-tiles-extended-filter__action-buttons {
    margin-top: 82px;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__action-buttons {
    position: absolute;
    bottom: 90px;
    right: 34px;
    text-align: right;
  }
}
.courses-tiles-extended-filter__reset-button {
  color: #fff;
  letter-spacing: .13em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media all and (max-width: 870px) {
  .courses-tiles-extended-filter__reset-button {
    display: block;
    font-family: "ProximaNova";
    font-size: 12px;
    font-weight: 700;
    line-height: 50px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    width: 320px;
  }
  .courses-tiles-extended-filter__reset-button:hover {
    background-color: #ff2a00;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__reset-button {
    font-family: "ProximaNova";
    font-size: 10px;
    font-weight: 900;
    display: inline-block;
    text-decoration: underline;
  }
  .courses-tiles-extended-filter__reset-button:hover {
    text-decoration: none;
  }
}
.courses-tiles-extended-filter__submit-button {
  color: #fff;
  letter-spacing: .13em;
  text-transform: uppercase;
  white-space: nowrap;
}
@media all and (max-width: 870px) {
  .courses-tiles-extended-filter__submit-button {
    display: block;
    font-family: "ProximaNova";
    font-size: 12px;
    font-weight: 700;
    line-height: 50px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    width: 320px;
  }
  .courses-tiles-extended-filter__submit-button:hover {
    background-color: #ff2a00;
  }
}
@media all and (min-width: 871px) {
  .courses-tiles-extended-filter__submit-button {
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #ff2a00;
    display: inline-block;
    font-family: "ProximaNova";
    font-size: 10px;
    font-weight: 900;
    line-height: 34px;
    margin-left: 36px;
    min-width: 188px;
    padding: 0 10px;
    text-align: center;
  }
}
/*==========================================================================
   "courses-tiles-list"
==========================================================================*/
.courses-tiles-list__wrapper {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
}
@media all and (min-width: 421px) and (max-width: 550px) {
  .courses-tiles-list__wrapper {
    padding: 0 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .courses-tiles-list__wrapper {
    padding: 0 55px;
  }
}
@media all and (min-width: 801px) {
  .courses-tiles-list__wrapper {
    padding: 0 66px;
  }
}
@media all and (max-width: 820px) {
  .courses-tiles-list__wrapper {
    text-align: center;
  }
}
@media all and (min-width: 821px) and (max-width: 1000px) {
  .courses-tiles-list__wrapper {
    /* ie 7 */
    text-align: justify;
    /*  ie fix  */
    text-justify: distribute;
  }
  .courses-tiles-list__wrapper:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
}
@media all and (max-width: 820px) {
  .courses-tiles-list__item {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }
  .courses-tiles-list__item + .courses-tiles-list__item {
    margin-top: 50px;
  }
}
@media all and (min-width: 821px) {
  .courses-tiles-list__item {
    font-size: 16px;
    letter-spacing: auto;
    word-spacing: auto;
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 821px) and (max-width: 1000px) {
  .courses-tiles-list__item {
    width: -webkit-calc((100% - 9px * (2 - 1)) / 2);
    width: -moz-calc((100% - 9px * (2 - 1)) / 2);
    width: -o-calc((100% - 9px * (2 - 1)) / 2);
    width: calc((100% - 9px * (2 - 1)) / 2);
    max-width: 500px;
  }
  .courses-tiles-list__item:nth-child(2n+2) {
    margin-left: 9px;
  }
  .courses-tiles-list__item:nth-child(n+3) {
    margin-top: 50px;
  }
}
@media all and (max-width: 1000px) {
  .courses-tiles-list__item {
    text-align: left;
  }
}
@media all and (min-width: 1001px) {
  .courses-tiles-list__item {
    width: -webkit-calc((100% - 9px * (3 - 1)) / 3);
    width: -moz-calc((100% - 9px * (3 - 1)) / 3);
    width: -o-calc((100% - 9px * (3 - 1)) / 3);
    width: calc((100% - 9px * (3 - 1)) / 3);
  }
  /*.courses-tiles-list__item:nth-child(3n+2),
  .courses-tiles-list__item:nth-child(3n+3) {
    margin-left: 9px;
  }*/
  div .courses-tiles-list__item:nth-of-type(3n+2),
  div .courses-tiles-list__item:nth-of-type(3n+3) {
    margin-left: 9px;
  }
  .courses-tiles-list__item:nth-of-type(3n+1) {
    margin-left: 0px;
  }
  .courses-tiles-list__item:nth-child(n+4) {
    margin-top: 50px;
  }
}
/*==========================================================================
   "course-tile"
==========================================================================*/
.course-tile__cover {
  display: block;
  height: 260px;
  overflow: hidden;
  position: relative;
}
.course-tile__cover:before {
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(32, 37, 74, 0.35);
}

.course-tile__cover img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.course-tile__raiting {
  border-radius: 50%;
  border: 2px solid white;
  color: white;
  display: inline-block;
  font-family: "PTSans";
  font-size: 19px;
  font-weight: 700;
  height: 55px;
  line-height: 48px;
  position: absolute;
  right: 18px;
  text-align: center;
  top: 18px;
  width: 55px;
}
.course-tile__raiting span {
  font-size: 1.1em;
}
.course-tile__status {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  background: #20254a;
  bottom: 0;
  color: #d4ecf7;
  font-family: "PTSans";
  font-size: 15px;
  left: 0;
  letter-spacing: .025em;
  line-height: 1.2;
  max-height: 2.4em;
  overflow: hidden;
  padding: 8px 25px 6px;
  position: absolute;
  width: -webkit-calc(100% - 25px * 2);
  width: -moz-calc(100% - 25px * 2);
  width: -o-calc(100% - 25px * 2);
  width: calc(100% - 25px * 2);
  z-index: 1;
}
.course-tile__status_finished {
  background: #ff2a00;
  color: #fff;
}
.course-tile__content {
  border-bottom: 1px solid #d4ecf7;
  border-left: 1px solid #d4ecf7;
  border-right: 1px solid #d4ecf7;
  padding-bottom: 20px;
  padding-top: 28px;
}
@media all and (min-width: 821px) {
  .course-tile__content {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.course-tile__description {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.3;
  overflow: hidden;
}
@media all and (max-width: 820px) {
  .course-tile__description {
    max-height: 3.9em;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media all and (min-width: 821px) {
  .course-tile__description {
    height: 3.9em;
  }
}
.course-tile__description-link {
  color: inherit;
}
.course-tile__author {
  color: rgba(32, 37, 74, 0.5);
  font-family: "PTSans";
  font-size: 12px;
  letter-spacing: .025em;
  line-height: 1.2;
  margin-top: 14px;
  overflow: hidden;
}
@media all and (max-width: 820px) {
  .course-tile__author {
    max-height: 2.4em;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media all and (min-width: 821px) {
  .course-tile__author {
    height: 2.4em;
  }
}
.course-tile__content-footer {
  display: table;
  height: 52px;
  padding-top: 15px;
  white-space: nowrap;
  width: 100%;
}
@media all and (max-width: 820px) {
  .course-tile__content-footer {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.course-tile__price {
  display: table-cell;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: middle;
}
.course-tile__company-logo {
  display: table-cell;
  vertical-align: middle;
  width: 1px;
}
.course-tile__company-logo img {
  display: inline-block;
  max-height: 37px;
  max-width: none;
  vertical-align: middle;
}
html:not(.no-js) .course-tile__next-page-button {
  display: none;
}
/*==========================================================================
   PAGE "p-course"
==========================================================================*/
.p-course {
  padding: 25px 0 85px;
}
@media all and (max-width: 550px) {
  .p-course {
    padding: 25px 0 75px;
  }
}
.p-course__breadcrumbs {
  margin: 0 auto 28px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-course__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-course__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-course__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-course__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
/*==========================================================================
   "SCORM-detailed"
==========================================================================*/


.scorm-detailed__testing-form {
  /*padding-bottom: 60px;
  padding-top: 60px;*/
  /*width: 1000px;
  height: 561px;*/
  width: 1092px;
  height: 661px;
  position: relative;
  left: 38px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none; 
  border-style: hidden;
  margin: -10px;
  padding: 0;
  /*Для Халеон, протестить на других*/
  height: auto;
  aspect-ratio: 1.3;
  scale:100%;
}

.scorm-detailed__testing-form::-webkit-scrollbar {
display: none;
}

@media all and (min-width: 551px) and (max-width: 1200px) {
  .scorm-detailed__testing-form {
	width: 100%;
	height: 350px;
	position: relative;
	left: 0px;
	height: auto;
	aspect-ratio: 1.3;
	scale: 77%;
	margin-top: 54px;
  }
}

@media all and (max-width: 550px) {
  .scorm-detailed__testing-form {
	width: 100%;
	height: 250px;
	position: relative;
	left: 0px;
	height: auto;
	aspect-ratio: 1.3;
	scale: 110%;
	margin-top: 70px;
  }
  .scorm-detailed__testing-form:after{
		content: "Для удобства просмотра можно развернуть экран";
		display: none;
		position: absolute;
		left: 50px;
		bottom: 5px;
		z-index: 20000;
		width: 90%;
		height: 12px;
		color: #20254a;
		font-size: 14px;
		font-weight: 900;
  }
  .course-detailed__testing-title:after{
		content: "для удобства просмотра переверните экран в горизонтальное положение";
		display: block;
		position: absolute;
		left: 9px;
		bottom: -14px;
		z-index: 2;
		width: 90%;
		height: 12px;
		color: #20254a;
		font-size: 14px;
		font-weight: 900;
  }
}

/*@media all and (min-width: 801px) {
  .course-detailed__testing-content {
    width: -webkit-calc(100% - 36px * 2);
    width: -moz-calc(100% - 36px * 2);
    width: -o-calc(100% - 36px * 2);
    width: calc(100% - 36px * 2);
    margin: 0 36px;
    padding-left: 42px;
    padding-right: 42px;
  }
}
@media all and (min-width: 671px) {
  .course-detailed__testing-content {
    display: table;
  }
}*/






.scorm-video{
/*background-color: #ccc;*/
width: 800px;
height: 450px;
overflow: hidden;
}

/*==========================================================================
   "course-detailed"
==========================================================================*/
.course-detailed__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  /*
        @media all and (min-width: @bp-winger-paddings-min) and (max-width: @bp-wrapper-mobile-winger-indent-max) {
            padding: 0 @wrapper-mobile-winger-indent;
        }
        @media all and (min-width: @bp-wrapper-tablet-winger-indent-min) and (max-width: @bp-wrapper-tablet-winger-indent-max) {
            padding: 0 @wrapper-tablet-winger-indent;
        }
        */
}
@media all and (min-width: 801px) {
  .course-detailed__wrapper {
    padding: 0 66px;
  }
}
.course-detailed__header {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.course-detailed__header:before {
  background: rgba(32, 37, 74, 0.58);
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 860px) {
  .course-detailed__header {
    height: 330px;
  }
}
@media all and (min-width: 861px) {
  .course-detailed__header {
    height: 480px;
  }
}
.course-detailed__bonus-badge {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid #fff;
  color: #fff;
  font-family: "PTSans";
  font-size: 39px;
  font-weight: 700;
  height: 102px;
  line-height: 90px;
  overflow: hidden;
  padding-top: 2px;
  position: absolute;
  right: 40px;
  text-align: center;
  text-overflow: ellipsis;
  top: 56px;
  width: 102px;
}
@media all and (max-width: 860px) {
  .course-detailed__bonus-badge {
    display: none;
  }
}
.course-detailed__page_video_logo {
  height: 102px;
  line-height: 90px;
  overflow: hidden;
  position: absolute;
  left: 40px;
  text-align: center;
  text-overflow: ellipsis;
  top: 56px;
  width: 102px;
}
.course-detailed__header-countdown {
  left: 40px;
  position: absolute;
  top: 46px;
}
@media all and (max-width: 380px) {
  .course-detailed__header-countdown {
    left: 0;
    text-align: center;
    width: 100%;
  }
}
.course-detailed__countdown {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
}
.course-detailed__countdown-item {
  display: inline-block;
  vertical-align: top;
}
.course-detailed__countdown-item:first-child {
  width: 74px;
}
.course-detailed__countdown-item + .course-detailed__countdown-item {
  width: 75px;
}
.course-detailed__countdown-number {
  background: #fff;
  color: #20254a;
  display: block;
  font-family: "PTSans";
  font-size: 30px;
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 46px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
.course-detailed__countdown-item + .course-detailed__countdown-item .course-detailed__countdown-number {
  position: relative;
}
.course-detailed__countdown-item + .course-detailed__countdown-item .course-detailed__countdown-number:before {
  content: ':';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.course-detailed__countdown-name {
  color: #fff;
  display: block;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  line-height: 1;
  padding-top: 2px;
  text-align: center;
}
.course-detailed__header-content {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
@media all and (max-width: 550px) {
  .course-detailed__header-content {
    padding: 0 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__header-content {
    padding: 0 55px;
  }
}
@media all and (max-width: 860px) {
  .course-detailed__header-content {
    background: rgba(32, 37, 74, 0.66);
    padding-bottom: 33px;
    padding-top: 40px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__header-content {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media all and (min-width: 861px) {
  .course-detailed__header-content {
    padding-bottom: 67px;
  }
}

.course-detailed__header-right-logo{
	text-align: right;
}

.course-detailed__header-right-logo img{
	max-width: 30%;
	padding: 10px 10px;
}

.course-detailed__header-title {
  color: #fff;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
}
@media all and (max-width: 860px) {
  .course-detailed__header-title {
    font-size: 24px;
    /*font-size: 26px;*/
  }
}
@media all and (min-width: 861px) {
  .course-detailed__header-title {
    /*font-size: 43px;*/
    font-size: 38px;
    line-height: 1.1;
    /*max-height: 3.3em;*/
    padding-bottom:10px;
  }
}
.course-detailed__header-characteristics {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-top: 35px;
}
@media all and (max-width: 860px) {
  .course-detailed__header-characteristics {
    display: none;
  }
}
.course-detailed__header-characteristic {
  display: inline-block;
  vertical-align: middle;
}
.course-detailed__header-characteristic:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.course-detailed__header-characteristic + .course-detailed__header-characteristic {
  margin-left: 17px;
  padding-left: 23px;
  position: relative;
}
.course-detailed__header-characteristic + .course-detailed__header-characteristic:after {
  border-left: 1px solid #fff;
  bottom: 0;
  content: '';
  height: 12px;
  left: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
}
.course-detailed__header-characteristic_duration {
  color: #fff;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
}
.course-detailed__header-characteristic_duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 29px;
  margin-right: 14px;
  position: relative;
  top: -1px;
  width: 29px;
}
.course-detailed__header-characteristic_dates:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 25px;
  margin-right: 19px;
  position: relative;
  top: -2px;
  width: 31px;
}
.course-detailed__header-characteristic_price {
  color: #fff;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
}
.course-detailed__header-characteristic_price:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M50.81 105.45A94 94 0 0 1 22.46 107c-6-.66-11.89-1.77-17.35-4.56-4.28-2.2-6.47-5.35-6.4-10.44.22-15.94.15-31.88 0-47.82A9.66 9.66 0 0 1 4 34.94c6-3.42 12.57-4.8 19.31-5.23 5.92-.38 11.87-.1 17.81-.12.34 0 .68 0 1.27-.06V27.4c0-4.68.17-9.36-.05-14-.2-4.16 1.6-7.17 5.12-8.76A59.33 59.33 0 0 1 60.21.21a78.74 78.74 0 0 1 37.63 1.4A34.83 34.83 0 0 1 105 4.74a8.91 8.91 0 0 1 4.82 8.55c-.15 11.26 0 22.53-.09 33.79a2.64 2.64 0 0 0 2 2.91 45.46 45.46 0 0 1 28.38 46.29 45.63 45.63 0 0 1-88.4 11.45c-.27-.73-.57-1.42-.9-2.28zm43.69 28.22A41.49 41.49 0 0 0 136 91.52c-.18-22.36-18.94-40.79-41.4-40.66a41.54 41.54 0 0 0-41.41 41.8c.12 22.5 18.94 41.17 41.31 41.01zm-62.69-82.3c5.81-.73 11.69-1.15 17.41-2.31a39.33 39.33 0 0 0 10.41-4c3.14-1.67 3.08-3.88.09-5.79a24.65 24.65 0 0 0-6.11-2.86 73.77 73.77 0 0 0-38.78-.92 39.21 39.21 0 0 0-9.73 4C2.39 41 2.46 43.22 5 45a24.22 24.22 0 0 0 5.62 2.89c6.84 2.47 13.96 3 21.19 3.48zm42.34-48.5c-2.81.29-7.62.6-12.36 1.35S52.48 6.16 48.54 9c-2.48 1.78-2.61 3.78-.07 5.43a28.3 28.3 0 0 0 7.8 3.66 76.4 76.4 0 0 0 36.15.58 42.85 42.85 0 0 0 10.81-4.12c3.11-1.63 3-3.89 0-5.81a27.44 27.44 0 0 0-5.56-2.64c-6.96-2.47-14.22-3-23.52-3.23zM62 49.48c-19.75 7.59-39.17 7.93-58.83.19 0 2.83.07 5.86 0 8.89a4.09 4.09 0 0 0 2.17 4.07 41.75 41.75 0 0 0 7.91 3.47 74.85 74.85 0 0 0 32.64 1 68.49 68.49 0 0 0 13-4.19 5.33 5.33 0 0 0 3-3.48 80.23 80.23 0 0 0 .11-9.95zM46.65 19.16c0 3 .05 6.22 0 9.4 0 1.31.35 1.79 1.7 2 5.3 1 10.49 2.4 14.89 5.79a3.78 3.78 0 0 0 1.59.52 67.12 67.12 0 0 0 25.33-.38 72.35 72.35 0 0 0 12.58-4.22 4.62 4.62 0 0 0 2.57-3.05c.33-3.47.12-7 .12-10.24-19.65 7.62-39.05 8.02-58.78.18zm7.53 50.79c-17 3.72-34.15 4.56-51-3.08 0 2.72.18 5.42 0 8.08a5.62 5.62 0 0 0 3.42 6 17.29 17.29 0 0 0 4.06 1.8 147.3 147.3 0 0 0 15 2.77 76.48 76.48 0 0 0 22.19-1.17c1-.19 1.94-.3 2.35-1.69 1.14-4.35 2.63-8.6 3.98-12.72zm-51 14.27a54.35 54.35 0 0 1-.05 7.11c-.57 4.24 1.6 6.47 5.13 7.92.85.35 1.7.71 2.57 1 8.47 2.79 17.19 3.34 26 2.72 4.28-.3 8.53-.95 12.77-1.43l-.86-12.85C33.32 90.72 18 91.32 3.14 84.21zm63.13-27.85c11.92-8.93 24.83-11.63 38.94-8.55V36.08c-12.44 6.33-25.59 6.43-38.94 5.68z'/%3E%3Cpath class='c' d='M82.22 93h5.15V77.1c1.89 0 6.75-.1 8.88-.1 9.71 0 12.57 4.37 12.57 9.66 0 5.49-3.93 9.47-12.23 9.47h-5.1v5.1h8.4v3.16h-8.4v6.7h-4.12v-6.7h-5.15v-3.16h5.15v-5.1h-5.15zm9.27-12v12h5c5 0 8-1.94 8-6s-2.43-6.07-7.82-6.07c-1.39-.05-3.58 0-5.18.07z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 40px;
  margin-right: 18px;
  width: 40px;
}
.course-detailed__header-dates-param {
  color: #fff;
  display: inline-block;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  vertical-align: middle;
}
.course-detailed__header-dates-param + .course-detailed__header-dates-param {
  margin-left: 24px;
}
.course-detailed__header-dates-param-title {
  display: block;
  font-size: 15px;
}
.course-detailed__header-dates-param-definition {
  display: block;
  white-space: nowrap;
}
.course-detailed__header-dates-param-title + .course-detailed__header-dates-param-definition {
  margin-top: 4px;
}
@media all and (min-width: 1201px) {
  .course-detailed__preview {
    float: left;
    max-width: 50%;
    width: 445px;
  }
}
@media all and (max-width: 550px) {
  .course-detailed__description {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__description {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1200px) {
  .course-detailed__description {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media all and (max-width: 1200px) {
  .course-detailed__description {
    padding-top: 30px;
  }
}
@media all and (min-width: 1201px) {
  .course-detailed__description {
    padding: 47px 0 0 58px;
  }
}
@media all and (min-width: 1201px) {
  .course-detailed__preview + .course-detailed__description {
    margin-left: 445px;
  }
}
.course-detailed__description-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 27px;
}
.course-detailed__description-content {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.4;
  min-height:400px;
  padding-bottom:50px;
}
@media all and (max-width: 1100px) {
	.course-detailed__description-content {
		min-height:50px;
	}
}
.course-detailed__author {
  clear: both;
  max-width: 1000px;
  padding-top: 78px;
}
@media all and (max-width: 800px) {
  .course-detailed__author {
    padding-top: 50px;
  }
}


#course-video-player {
    width: 1152px;
    height:768px;
  }
  
  
@media all and (max-width: 1100px) {
  #course-video-player {
    width: 100%;
    height:300px;
  }
}
.course-detailed__author-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 38px;
}
@media all and (max-width: 550px) {
  .course-detailed__author-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__author-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__author-title {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__author-info {
  width: 100%;
}
@media all and (min-width: 541px) and (max-width: 550px) {
  .course-detailed__author-info {
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__author-info {
    padding-right: 55px;
  }
}
@media all and (min-width: 541px) and (max-width: 800px) {
  .course-detailed__author-info {
    padding-left: 23px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__author-info {
    padding-left: 22px;
    padding-right: 36px;
  }
}
@media all and (min-width: 541px) {
  .course-detailed__author-info {
    display: table;
    margin-bottom: 38px;
  }
}
.course-detailed__author-avatar {
  width: 156px;
}
@media all and (max-width: 540px) {
  .course-detailed__author-avatar {
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 541px) {
  .course-detailed__author-avatar {
    display: table-cell;
    vertical-align: top;
  }
}
.course-detailed__author-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 156px;
  overflow: hidden;
  width: 100%;
}
.course-detailed__author-info-description {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
@media all and (max-width: 540px) {
  .course-detailed__author-info-description {
    margin-top: 26px;
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 541px) {
  .course-detailed__author-info-description {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
  }
}
@media all and (min-width: 541px) {
  .course-detailed__author-person-info {
    display: inline-block;
    padding-left: 40px;
    vertical-align: top;
    white-space: normal;
  }
}
.course-detailed__author-name {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 6px;
}
.course-detailed__author-professional-ability {
  color: #606469;
  display: block;
  font-family: "PTSans";
  font-size: 15px;
  letter-spacing: .005em;
}
@media all and (max-width: 540px) {
  .course-detailed__author-job-info {
    margin-top: 15px;
  }
}
@media all and (min-width: 541px) {
  .course-detailed__author-job-info {
    display: inline-block;
    padding-left: 40px;
    vertical-align: top;
    white-space: normal;
    width: 50%;
  }
}
.course-detailed__author-company-name {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 6px;
  text-decoration: underline;
}
.course-detailed__author-company-position {
  color: #606469;
  display: block;
  font-family: "PTSans";
  font-size: 15px;
  letter-spacing: .005em;
}
.course-detailed__author-description {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.5;
}
@media all and (max-width: 550px) {
  .course-detailed__author-description {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__author-description {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1200px) {
  .course-detailed__author-description {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media all and (max-width: 1200px) {
  .course-detailed__author-description {
    margin-top: 20px;
  }
}
@media all and (min-width: 1201px) {
  .course-detailed__author-description {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.course-detailed__materials {
  margin-top: 78px;
}
.course-detailed__materials-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 50px;
}
@media all and (max-width: 550px) {
  .course-detailed__materials-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__materials-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__materials-title {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__materials-files {
  margin-top: -30px;
}
@media all and (max-width: 550px) {
  .course-detailed__materials-files {
    margin-left: -23px;
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__materials-files {
    margin-left: -55px;
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__materials-files {
    margin-left: -36px;
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__materials-file {
  color: #8d97a7;
  display: inline-block;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  margin-top: 30px;
  min-height: 63px;
  padding-left: 83px;
  position: relative;
  vertical-align: middle;
}
.course-detailed__materials-file:before {
  content: '';
  display: inline-block;
  height: 63px;
  vertical-align: middle;
}
.course-detailed__materials-file:after {
  -webkit-background-size: 25px;
  -moz-background-size: 25px;
  -o-background-size: 25px;
  background-size: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3E.c%7Bfill:%238d97a7%7D%3C/style%3E%3Cpath class='c' d='M450.4 86.7s-1.4-2-65-74.7v74.7h65z'/%3E%3Cpath class='c' d='M439.8 96v382.8c0 7.3-6 13.3-13.3 13.3H117.8c-7.3 0-13.3-6-13.3-13.3v-443c0-7.3 6-13.3 13.3-13.3h258.6V12H117.8C104.7 12 94 22.7 94 35.8v443c0 13.1 10.7 23.8 23.8 23.8h308.8c13.1 0 23.8-10.7 23.8-23.8V96h-10.6z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #8d97a7;
  content: '';
  height: 63px;
  left: 0;
  position: absolute;
  top: 0;
  width: 63px;
}
@media all and (max-width: 550px) {
  .course-detailed__materials-file {
    margin-left: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__materials-file {
    margin-left: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__materials-file {
    margin-left: 36px;
  }
}
.course-detailed__video {
  margin-top: 78px;
}
.course-detailed__video-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 50px;
  padding-left: 36px;
  padding-right: 36px;
}
.course-detailed__video-player-container {
  margin-left: auto;
  margin-right: auto;
  /*max-width: 812px;*/
  overflow: hidden;
  position: relative;
  /*&:before {
            content: '';
            display: block;
            padding-top: (100% * 454px / 813px);
        }*/
}
@media all and (min-width: 1000px) {
	.course-detailed__video-player-container {
	/*width: 800px; 
	height: 453px;*/
		/*width: 1150px; 
		height: 500px;*/
		height: 700px;
	}
}


.course-detailed__video-player-container:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 257 321\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M16.1 29.3l209.8 131.1L16.1 291.5V29.3zM.1.4v320l256-160L.1.4z\' fill=\'%23fff\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 35px 43px;
  -moz-background-size: 35px 43px;
  -o-background-size: 35px 43px;
  background-size: 35px 43px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(255, 42, 0, 0.71);
  bottom: 0;
  content: '';
  left: 0;
  height: 132px;
  margin: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 132px;
  z-index: 1;
}
.course-detailed__video-player {
  display: block;
  width: 100%;
}
@media all and (max-width: 550px) {
  .course-detailed__video-player-container-iframe {
    width: 100%;
    height: 340px;
  }
}
@media all and (min-width: 551px) and (max-width: 1000px) {
 .course-detailed__video-player-container-iframe {
    width: 100%;
    height: 300px;
  }
}
@media all and  (min-width: 1000px) {
  .course-detailed__video-player-container-iframe {
    /*width: 800px;
    height: 453px;*/
    width: 100%;
	height: 605px;
  }
}

.course-detailed__testing {
  margin-top: 65px;
}
.course-detailed__testing-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 36px;
  position:relative;
}
@media all and (max-width: 550px) {
  .course-detailed__testing-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__testing-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__testing-title {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__testing-content {
  background-color: #d4ecf7;
  padding-bottom: 60px;
  padding-top: 60px;
  /*border-radius:10px;
  box-shadow: 0 0 15px #40b5d6;*/
}
@media all and (max-width: 550px) {
  .course-detailed__testing-content {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__testing-content {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__testing-content {
    width: -webkit-calc(100% - 36px * 2);
    width: -moz-calc(100% - 36px * 2);
    width: -o-calc(100% - 36px * 2);
    width: calc(100% - 36px * 2);
    margin: 0 36px;
    padding-left: 42px;
    padding-right: 42px;
  }
}
@media all and (min-width: 671px) {
  .course-detailed__testing-content {
    display: table;
  }
}
.course-detailed__testing-description {
  color: #20254a;
  font-family: "PTSans";
  font-size: 22px;
  letter-spacing: .025em;
  line-height: 1.4;
}
@media all and (min-width: 671px) {
  .course-detailed__testing-description {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
  }
}
.course-detailed__testing-content-button {
  white-space: nowrap;
}
@media all and (max-width: 670px) {
  .course-detailed__testing-content-button {
    margin-top: 76px;
    text-align: center;
  }
}
@media all and (min-width: 671px) {
  .course-detailed__testing-content-button {
    display: table-cell;
    vertical-align: middle;
    width: 1px;
  }
}
.course-detailed__testing-action-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #20254a;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 48px;
  min-width: 260px;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
}
.course-detailed__testing-form {
  padding-bottom: 60px;
  padding-top: 60px;
  background-color: #d4ecf7;
/*  border-radius:10px;
  box-shadow: 0 0 20px #40b5d6;*/
}
@media all and (max-width: 550px) {
  .course-detailed__testing-form {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__testing-form {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__testing-form {
    margin: 0 36px;
    padding-left: 42px;
    padding-right: 42px;
  }
}
.course-detailed__testing-form-header {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.course-detailed__testing-form-number {
  color: #20254a;
  display: table-cell;
  font-family: "PTSans";
  font-size: 22px;
  padding-right: 15px;
  white-space: nowrap;
}
.course-detailed__testing-form-title {
  color: #20254a;
  display: table-cell;
  font-family: "PTSans";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .025em;
}
.course-detailed__testing-form-check-button {
  color: #20254a;
  font-family: "PTSans";
  font-size: 20px;
  letter-spacing: .025em;
}
.course-detailed__testing-form-check-button + .course-detailed__testing-form-check-button {
  margin-top: 14px;
}
.course-detailed__testing-form-check-icon {
  top: -webkit-calc((20px - 1em) / 2 + 2px);
  top: -moz-calc((20px - 1em) / 2 + 2px);
  top: -o-calc((20px - 1em) / 2 + 2px);
  top: calc((20px - 1em) / 2 + 2px);
  margin-right: 10px;
  position: relative;
}
.course-detailed__testing-form-submit-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #20254a;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 48px;
  margin-top: 28px;
  min-width: 140px;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
}
.course-detailed__testing-result {
  background-color: #d4ecf7;
  padding: 35px 90px 60px;
  text-align: center;
  /*background-color: #40b5d6;
  border-radius:10px;
  box-shadow: 0 0 20px #40b5d6;*/
}
@media all and (min-width: 801px) {
  .course-detailed__testing-result {
    margin: 0 36px;
  }
}
.course-detailed__testing-result-title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 37px;
}
.course-detailed__testing-result-icon {
  display: block;
  margin: 0 auto;
}
.course-detailed__testing-result-description {
  color: #20254a;
  font-family: "PTSans";
  font-size: 20px;
  letter-spacing: .025em;
  margin-top: 35px;
}
.course-detailed__testing-result-description-highlight {
  font-weight: 700;
}
.course-detailed__testing-result-description a {
  text-decoration: underline;
}
.course-detailed__testing-result-description a:hover {
  text-decoration: none;
}
.course-detailed__testing-restart-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #20254a;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 48px;
  margin-top: 36px;
  min-width: 220px;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
}
.course-detailed__question-form {
  margin-top: 75px;
  padding-left: 36px;
  padding-right: 36px;
}
@media all and (max-width: 550px) {
  .course-detailed__question-form {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__question-form {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__question-form {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__question-form-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 30px;
}
.course-detailed__question-form-description {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.4;
}
.course-detailed__question-form-body {
  margin-top: 22px;
}
.course-detailed__question-form-input-field {
  border: 1px solid #606469;
  color: #646a7d;
  display: block;
  height: 178px;
  padding: 16px 22px;
  width: 100%;
}
.course-detailed__question-form-submit-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #ff2a00;
  color: #fff;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 30px;
  padding: 2px 12px 0;
  text-align: center;
  text-transform: uppercase;
  width: 156px;
  display: block;
  margin-left: auto;
  margin-right: 0;
  margin-top: 38px;
}
.course-detailed__feedback-form {
  margin-top: 82px;
}
@media all and (max-width: 550px) {
  .course-detailed__feedback-form {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__feedback-form {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__feedback-form {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__feedback-form-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 10px;
}
.course-detailed__feedback-form-input-block {
  color: #20254a;
  font-family: "PTSans";
  font-size: 22px;
  height: -webkit-calc(6.300000000000001em + 3px);
  height: -moz-calc(6.300000000000001em + 3px);
  height: -o-calc(6.300000000000001em + 3px);
  height: calc(6.300000000000001em + 3px);
  letter-spacing: .025em;
  line-height: 2.1;
  overflow: hidden;
  padding-bottom: 3px;
  position: relative;
}
.course-detailed__feedback-form-input-block:before {
  background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 2.05454545em, #8ca0b7 2.05454545em, #8ca0b7 2.1em) 0 0 no-repeat;
  content: '';
  height: 6.3em;
  left: 0;
  position: absolute;
  top: 3px;
  width: 100%;
}
.course-detailed__feedback-form-input-field {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
.course-detailed__feedback-form-submit-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #ff2a00;
  color: #fff;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 30px;
  padding: 2px 12px 0;
  text-align: center;
  text-transform: uppercase;
  width: 156px;
  display: block;
  margin-left: auto;
  margin-right: 0;
  margin-top: 52px;
}
.course-detailed__feedbacks {
  margin-top: 50px;
}
@media all and (max-width: 550px) {
  .course-detailed__feedbacks {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-detailed__feedbacks {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-detailed__feedbacks {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed__feedbacks-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 40px;
}
.course-detailed__feedbacks-item {
  max-width: 1000px;
}
/*course-detailed__testing-content_vote*/
.course-detailed__testing-content_vote{
	text-align:center;
}
.course-detailed__testing-content_vote lable{
	min-width:9%;
	display: inline-block;
	margin-bottom:50px;
	color: #20254a;
}
.course-detailed__testing-content_vote lable img{
	max-width:45px;
}

/*.course-detailed__testing-content_vote lable p{
	background-image:url('http://pharmtutor.ru/upload/medialibrary/e85/e857f352399bd782c0ab65c0b506fe24.png');
	min-width:70px;
	min-height:70px;
	max-width:70px;
	max-height:70px;
	background-size: 200px 185px;
}*/
.course-detailed__testing-content_vote lable:nth-child(2) p, .course-detailed__testing-content_vote lable:nth-child(3) p, .course-detailed__testing-content_vote lable:nth-child(4) p{
	background-position: 75px 127px;
}
.course-detailed__testing-content_vote lable:nth-child(5) p, .course-detailed__testing-content_vote lable:nth-child(6) p {
	background-position: 75px 63px;
}
.course-detailed__testing-content_vote lable:nth-child(7) p, .course-detailed__testing-content_vote lable:nth-child(8) p {
	background-position: 75px 185px;
}
.course-detailed__testing-content_vote lable:nth-child(9) p, .course-detailed__testing-content_vote lable:nth-child(10) p, .course-detailed__testing-content_vote lable:nth-child(11) p {
	background-position: 10px 0px;
}
.course-detailed__wrapper textarea{
    background-color: white;
    color: #20254a;
    display: table-cell;
    font-family: "PTSans";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .025em;
}
/*==========================================================================
   "course-detailed-preview"
==========================================================================*/
.course-detailed-preview {
  background: #20254a;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__wrapper {
    padding-bottom: 28px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 34px;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__wrapper {
    display: table;
    height: 467px;
    width: 100%;
  }
}
@media all and (max-width: 500px) {
  .course-detailed-preview__main-block {
    float: left;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__main-block {
    display: table-row;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__head-info {
    display: table;
    width: 100%;
    padding-top: 50px;
    padding-left: 36px;
    padding-right: 36px;
  }
}
.course-detailed-preview__category {
  color: #fff;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
}
.course-detailed-preview__category:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  content: '';
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: middle;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__category:before {
    margin-right: 10px;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__category {
    display: table-cell;
  }
  .course-detailed-preview__category:before {
    margin-right: 18px;
  }
}
.course-detailed-preview__category_videocourse:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 48 48\'%3E%3Cpath d=\'M47 37H3c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h44c.6 0 1 .4 1 1v28c0 .6-.4 1-1 1zM46 9H4v26h42V9zm-24 7c.2 0 .4.1.6.2l7.8 4.9c.4.1.7.5.7.9 0 .3-.2.6-.4.8l-8 5c-.3.1-.5.2-.7.2-.6 0-1-.4-1-1V17c0-.6.4-1 1-1zm-6 23h18c.6 0 1 .4 1 1s-.4 1-1 1H16c-.6 0-1-.4-1-1s.4-1 1-1z\' fill=\'%23fff\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 22px;
  width: 30px;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__category_videocourse {
    display: none;
  }
}
.course-detailed-preview__category_webinar:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'774\' height=\'1024\' viewBox=\'0 0 774 1024\'%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3Cpath class=\'c\' d=\'M233.862 728.646C59.993 648.612-25.56 458.184 18.597 287.075 59.994 124.246 214.544 2.813 382.893.054s322.898 115.913 369.816 278.742c49.677 168.349-33.118 367.055-215.265 449.85 13.798 13.798 27.598 30.357 41.397 44.157 22.079 24.838 46.916 49.677 68.995 74.515 33.118 38.638 33.118 102.113 0 140.751-24.838 30.357-57.956 41.397-99.354 33.118-49.677-11.039-102.113-22.079-151.79-33.118-8.279-2.759-19.318 0-27.598 0-49.677 11.039-96.593 22.079-146.27 33.118-55.197 13.798-110.393-24.838-121.433-80.034-5.52-38.638 2.759-71.756 30.357-102.113 33.118-33.118 63.475-68.995 96.593-102.113 2.759-2.759 5.52-5.52 5.52-8.279zm154.551-11.039c190.427 0 336.698-146.27 336.698-336.698 0-187.667-146.27-336.698-336.698-336.698S51.715 190.481 51.715 380.909c0 190.427 149.031 336.698 336.698 336.698zM200.746 979.79c2.759 0 5.52 0 11.039-2.759 44.157-8.279 85.554-19.318 129.711-30.357 24.838-5.52 49.677-11.039 74.515-5.52 49.677 11.039 99.354 22.079 146.27 33.118 13.798 2.759 27.598 2.759 41.397-5.52 30.357-22.079 35.877-68.995 11.039-96.593-38.638-41.397-77.275-82.795-115.913-126.952 0 2.759-5.52 2.759-8.279 2.759-68.995 19.318-135.231 19.318-204.226 0-2.759 0-8.279 0-11.039 2.759L159.347 874.917c-16.559 16.559-19.318 35.877-13.798 60.716 8.279 27.598 27.598 44.157 55.197 44.157z\'/%3E%3Cpath class=\'c\' d=\'M598.158 380.909h44.157c2.759 71.756-38.638 171.108-135.231 223.545-96.593 49.677-209.746 35.877-287.021-38.638-82.795-80.034-104.874-190.427-57.956-289.781s146.27-149.031 226.304-146.27v44.157c-68.995 2.759-124.192 27.598-165.588 82.795-33.118 44.157-44.157 91.074-41.397 143.511 8.279 107.633 91.074 182.147 190.427 190.427 60.716 5.52 113.152-11.039 160.069-52.436 44.157-44.157 63.475-96.593 66.236-157.31z\'/%3E%3Cpath class=\'c\' d=\'M388.413 499.581c-60.716 0-118.672-55.197-118.672-118.672 0-60.716 55.197-118.672 118.672-118.672 60.716 0 118.672 57.956 118.672 118.672 0 63.475-57.956 118.672-118.672 118.672zm74.514-118.672c0-44.157-30.357-74.515-74.515-74.515-41.397 0-71.756 30.357-71.756 74.515s30.357 74.515 74.515 74.515c41.397 0 71.756-30.357 71.756-74.515zM581.599 218.08l-27.598-27.598 30.357-30.357 27.598 27.598c-11.039 8.279-19.318 19.318-30.357 30.357z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 38px;
  width: 28px;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__category_webinar {
    position: relative;
    top: -3px;
  }
}
.course-detailed-preview__duration {
  color: #fff;
  font-family: "PTSans";
  font-weight: 700;
  letter-spacing: .025em;
  white-space: nowrap;
}
.course-detailed-preview__duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 23px;
  margin-right: 15px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 23px;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__duration {
    font-size: 15px;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__duration {
    display: table-cell;
    font-size: 16px;
    width: 1px;
  }
}
.course-detailed-preview__main-info {
  padding-top: 60px;
  padding-left: 36px;
  padding-right: 36px;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__main-info {
    display: none;
  }
}
.course-detailed-preview__name {
  color: #fff;
  font-family: "ProximaNova";
  font-size: 19px;
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 1.3;
}
.course-detailed-preview__author {
  color: #fff;
  font-family: "PTSans";
  font-size: 14px;
  line-height: 1.2;
  height: 2.4em;
  margin-top: 10px;
}
@media all and (max-width: 500px) {
}
@media all and (min-width: 501px) {
  .course-detailed-preview__total-block {
    display: table-row;
    height: 1px;
  }
}
.course-detailed-preview__dates-range {
  color: #fff;
  font-family: "PTSans";
  font-weight: 700;
  letter-spacing: .025em;
  position: relative;
}
.course-detailed-preview__dates-range:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  height: 26px;
  width: 32px;
}
@media all and (max-width: 500px) {
  .course-detailed-preview__dates-range {
    float: right;
    font-size: 15px;
    padding-left: 44px;
  }
  .course-detailed-preview__dates-range:before {
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__dates-range {
    font-size: 16px;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 35px;
  }
  .course-detailed-preview__dates-range:before {
    display: inline-block;
    margin-right: 22px;
    position: relative;
    top: -2px;
    vertical-align: middle;
  }
}
@media all and (max-width: 500px) {
  .course-detailed-preview__dates-range-dash {
    color: transparent;
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
  }
}
@media all and (max-width: 500px) {
  .course-detailed-preview__total-info {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__total-info {
    width: -webkit-calc(100% - 10px * 2);
    width: -moz-calc(100% - 10px * 2);
    width: -o-calc(100% - 10px * 2);
    width: calc(100% - 10px * 2);
    border-top: 1px solid rgba(212, 236, 247, 0.56);
    display: table;
    height: 105px;
    margin: 30px 10px 0;
    padding: 15px 26px;
    white-space: nowrap;
  }
}
.course-detailed-preview__price {
  color: #fff;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
}
.course-detailed-preview__price:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M50.81 105.45A94 94 0 0 1 22.46 107c-6-.66-11.89-1.77-17.35-4.56-4.28-2.2-6.47-5.35-6.4-10.44.22-15.94.15-31.88 0-47.82A9.66 9.66 0 0 1 4 34.94c6-3.42 12.57-4.8 19.31-5.23 5.92-.38 11.87-.1 17.81-.12.34 0 .68 0 1.27-.06V27.4c0-4.68.17-9.36-.05-14-.2-4.16 1.6-7.17 5.12-8.76A59.33 59.33 0 0 1 60.21.21a78.74 78.74 0 0 1 37.63 1.4A34.83 34.83 0 0 1 105 4.74a8.91 8.91 0 0 1 4.82 8.55c-.15 11.26 0 22.53-.09 33.79a2.64 2.64 0 0 0 2 2.91 45.46 45.46 0 0 1 28.38 46.29 45.63 45.63 0 0 1-88.4 11.45c-.27-.73-.57-1.42-.9-2.28zm43.69 28.22A41.49 41.49 0 0 0 136 91.52c-.18-22.36-18.94-40.79-41.4-40.66a41.54 41.54 0 0 0-41.41 41.8c.12 22.5 18.94 41.17 41.31 41.01zm-62.69-82.3c5.81-.73 11.69-1.15 17.41-2.31a39.33 39.33 0 0 0 10.41-4c3.14-1.67 3.08-3.88.09-5.79a24.65 24.65 0 0 0-6.11-2.86 73.77 73.77 0 0 0-38.78-.92 39.21 39.21 0 0 0-9.73 4C2.39 41 2.46 43.22 5 45a24.22 24.22 0 0 0 5.62 2.89c6.84 2.47 13.96 3 21.19 3.48zm42.34-48.5c-2.81.29-7.62.6-12.36 1.35S52.48 6.16 48.54 9c-2.48 1.78-2.61 3.78-.07 5.43a28.3 28.3 0 0 0 7.8 3.66 76.4 76.4 0 0 0 36.15.58 42.85 42.85 0 0 0 10.81-4.12c3.11-1.63 3-3.89 0-5.81a27.44 27.44 0 0 0-5.56-2.64c-6.96-2.47-14.22-3-23.52-3.23zM62 49.48c-19.75 7.59-39.17 7.93-58.83.19 0 2.83.07 5.86 0 8.89a4.09 4.09 0 0 0 2.17 4.07 41.75 41.75 0 0 0 7.91 3.47 74.85 74.85 0 0 0 32.64 1 68.49 68.49 0 0 0 13-4.19 5.33 5.33 0 0 0 3-3.48 80.23 80.23 0 0 0 .11-9.95zM46.65 19.16c0 3 .05 6.22 0 9.4 0 1.31.35 1.79 1.7 2 5.3 1 10.49 2.4 14.89 5.79a3.78 3.78 0 0 0 1.59.52 67.12 67.12 0 0 0 25.33-.38 72.35 72.35 0 0 0 12.58-4.22 4.62 4.62 0 0 0 2.57-3.05c.33-3.47.12-7 .12-10.24-19.65 7.62-39.05 8.02-58.78.18zm7.53 50.79c-17 3.72-34.15 4.56-51-3.08 0 2.72.18 5.42 0 8.08a5.62 5.62 0 0 0 3.42 6 17.29 17.29 0 0 0 4.06 1.8 147.3 147.3 0 0 0 15 2.77 76.48 76.48 0 0 0 22.19-1.17c1-.19 1.94-.3 2.35-1.69 1.14-4.35 2.63-8.6 3.98-12.72zm-51 14.27a54.35 54.35 0 0 1-.05 7.11c-.57 4.24 1.6 6.47 5.13 7.92.85.35 1.7.71 2.57 1 8.47 2.79 17.19 3.34 26 2.72 4.28-.3 8.53-.95 12.77-1.43l-.86-12.85C33.32 90.72 18 91.32 3.14 84.21zm63.13-27.85c11.92-8.93 24.83-11.63 38.94-8.55V36.08c-12.44 6.33-25.59 6.43-38.94 5.68z'/%3E%3Cpath class='c' d='M82.22 93h5.15V77.1c1.89 0 6.75-.1 8.88-.1 9.71 0 12.57 4.37 12.57 9.66 0 5.49-3.93 9.47-12.23 9.47h-5.1v5.1h8.4v3.16h-8.4v6.7h-4.12v-6.7h-5.15v-3.16h5.15v-5.1h-5.15zm9.27-12v12h5c5 0 8-1.94 8-6s-2.43-6.07-7.82-6.07c-1.39-.05-3.58 0-5.18.07z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 34px;
  margin-right: 12px;
  vertical-align: middle;
  width: 34px;
}

.course-detailed-preview__banner-block{
  padding-top: 10px;
}
@media all and (min-width: 501px) {
  .course-detailed-preview__price {
    display: table-cell;
    overflow: hidden;
    padding-right: 15px;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
}
@media all and (max-width: 500px) {
  .course-detailed-preview__action-button-block {
    display: block;
    margin-top: 38px;
    text-align: center;
  }
}
@media all and (min-width: 501px) {
  .course-detailed-preview__action-button-block {
    display: table-cell;
    vertical-align: middle;
    width: 1px;
  }
}
.course-detailed-preview__action-button {
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  border: 2px solid #56df50;
  color: #56df50;
  cursor: pointer;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 32px;
  min-width: 152px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
}
/*==========================================================================
   "feedback"
==========================================================================*/
.feedback__title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  margin-bottom: 1px;
}
.feedback__date {
  color: #606469;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-bottom: 20px;
}
.feedback__text {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.5;
  margin-top: 27px;
}
/*==========================================================================
   PAGE "p-profile-categories"
==========================================================================*/
.p-profile-categories {
  padding-top: 25px;
}
@media all and (min-width: 630px) {
  .p-profile-categories {
    padding-bottom: 90px;
  }
}
.p-profile-categories__breadcrumbs {
  margin: 0 auto 32px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-profile-categories__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-profile-categories__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-profile-categories__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-profile-categories__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-profile-categories__title {
  color: #20254a;
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-profile-categories__title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-profile-categories__title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-profile-categories__title {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 520px) {
  .p-profile-categories__title {
    font-size: 26px;
    margin-bottom: 28px;
  }
}
@media all and (min-width: 521px) {
  .p-profile-categories__title {
    margin-bottom: 60px;
  }
}
/*==========================================================================
   "listener-profile-categories-tiles"
==========================================================================*/
.listener-profile-categories-tiles__list {
  max-width: 1284px;
}
@media all and (min-width: 630px) {
  .listener-profile-categories-tiles__list {
    *zoom: 1;
  }
  .listener-profile-categories-tiles__list:before,
  .listener-profile-categories-tiles__list:after {
    content: " ";
    display: table;
  }
  .listener-profile-categories-tiles__list:after {
    clear: both;
  }
}
@media all and (min-width: 828px) {
  .listener-profile-categories-tiles__list {
    margin-left: auto;
    margin-right: auto;
    padding-left: 66px;
    padding-right: 66px;
  }
}
.listener-profile-categories-tiles__list-item {
  overflow: hidden;
}
@media all and (max-width: 629px) {
  .listener-profile-categories-tiles__list-item {
    height: 285px;
  }
}
@media all and (min-width: 630px) {
  .listener-profile-categories-tiles__list-item {
    height: 340px;
  }
  .listener-profile-categories-tiles__list-item:nth-child(4n+1) {
    float: left;
  }
  .listener-profile-categories-tiles__list-item:nth-child(4n+3) {
    float: right;
  }
}
@media all and (min-width: 630px) and (max-width: 827px) {
  .listener-profile-categories-tiles__list-item:nth-child(odd) {
    width: 50%;
  }
}
@media all and (min-width: 828px) {
  .listener-profile-categories-tiles__list-item:nth-child(odd) {
    width: 340px;
  }
  .listener-profile-categories-tiles__list-item:nth-child(4n+2) {
    margin-left: 356px;
  }
  .listener-profile-categories-tiles__list-item:nth-child(4n+4) {
    margin-right: 356px;
  }
  .listener-profile-categories-tiles__list-item:nth-child(n+3) {
    margin-top: 17px;
  }
}
.listener-profile-categories-tiles__item {
  color: #fff;
  display: block;
  font-family: "ProximaNova";
  font-size: 32px;
  font-weight: 900;
  letter-spacing: .025em;
  height: 100%;
  padding-left: 37px;
  padding-right: 37px;
  padding-top: 170px;
}
.listener-profile-categories-tiles__list-item:nth-child(odd) .listener-profile-categories-tiles__item {
  background-color: #ff2a00;
}
.listener-profile-categories-tiles__list-item:nth-child(even) .listener-profile-categories-tiles__item {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.listener-profile-categories-tiles__list-item:nth-child(even) .listener-profile-categories-tiles__item:before {
  background-color: rgba(32, 37, 74, 0.84);
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (min-width: 828px) {
  .listener-profile-categories-tiles__list-item:nth-child(even) .listener-profile-categories-tiles__item {
    text-align: center;
  }
}
/*==========================================================================
   "supplier-profile-categories-tiles"
==========================================================================*/
.supplier-profile-categories-tiles__list {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
}
@media all and (min-width: 811px) {
  .supplier-profile-categories-tiles__list {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
@media all and (min-width: 921px) {
  .supplier-profile-categories-tiles__list {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.supplier-profile-categories-tiles__list-item {
  overflow: hidden;
}
.supplier-profile-categories-tiles__list-item_basic {
  height: 366px;
}
@media all and (min-width: 811px) {
  .supplier-profile-categories-tiles__list-item_basic {
    width: -webkit-calc((100% - 37px) *  53.8  / 100);
    width: -moz-calc((100% - 37px) *  53.8  / 100);
    width: -o-calc((100% - 37px) *  53.8  / 100);
    width: calc((100% - 37px) *  53.8  / 100);
    display: inline-block;
    vertical-align: top;
  }
  .supplier-profile-categories-tiles__list-item_basic:nth-child(3) {
    margin-top: 28px;
  }
}
@media all and (max-width: 810px) {
  .supplier-profile-categories-tiles__list-item_highlighted {
    height: 366px;
  }
}
@media all and (min-width: 811px) {
  .supplier-profile-categories-tiles__list-item_highlighted {
    width: -webkit-calc((100% - 37px) * (100 -  53.8 ) / 100);
    width: -moz-calc((100% - 37px) * (100 -  53.8 ) / 100);
    width: -o-calc((100% - 37px) * (100 -  53.8 ) / 100);
    width: calc((100% - 37px) * (100 -  53.8 ) / 100);
    float: right;
    height: 760px;
    margin-left: 37px;
  }
}
.supplier-profile-categories-tiles__list-item_highlighted {
  background: #ff2a00;
}
.supplier-profile-categories-tiles__item {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
  display: block;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  height: 100%;
  position: relative;
  z-index: 1;
}
.supplier-profile-categories-tiles__item:before {
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 1050px) {
  .supplier-profile-categories-tiles__item {
    font-size: 27px;
    padding-left: 37px;
    padding-right: 37px;
  }
}
@media all and (min-width: 1051px) {
  .supplier-profile-categories-tiles__item {
    font-size: 35px;
    padding-left: 65px;
    padding-right: 65px;
  }
}
.supplier-profile-categories-tiles__list-item_basic .supplier-profile-categories-tiles__item {
  padding-top: 200px;
}
.supplier-profile-categories-tiles__list-item_basic .supplier-profile-categories-tiles__item:before {
  background: #20254a;
}
.supplier-profile-categories-tiles__list-item_highlighted .supplier-profile-categories-tiles__item:before {
  background: rgba(255, 42, 0, 0.71);
}
@media all and (max-width: 810px) {
  .supplier-profile-categories-tiles__list-item_highlighted .supplier-profile-categories-tiles__item {
    padding-top: 200px;
  }
}
@media all and (min-width: 811px) {
  .supplier-profile-categories-tiles__list-item_highlighted .supplier-profile-categories-tiles__item {
    padding-top: 594px;
  }
}
/*==========================================================================
   "partner-profile-categories-tiles"
==========================================================================*/
.partner-profile-categories-tiles__list {
  max-width: 1284px;
}
@media all and (min-width: 630px) {
  .partner-profile-categories-tiles__list {
    *zoom: 1;
  }
  .partner-profile-categories-tiles__list:before,
  .partner-profile-categories-tiles__list:after {
    content: " ";
    display: table;
  }
  .partner-profile-categories-tiles__list:after {
    clear: both;
  }
}
@media all and (min-width: 828px) {
  .partner-profile-categories-tiles__list {
    margin-left: auto;
    margin-right: auto;
    padding-left: 66px;
    padding-right: 66px;
  }
}
.partner-profile-categories-tiles__list-item {
  height: 340px;
}
@media all and (min-width: 630px) {
  .partner-profile-categories-tiles__list-item {
    overflow: hidden;
  }
  .partner-profile-categories-tiles__list-item:nth-child(2) {
    float: left;
    width: 340px;
  }
  .partner-profile-categories-tiles__list-item:nth-child(3) {
    margin-left: 356px;
  }
  .partner-profile-categories-tiles__list-item:nth-child(n+2) {
    margin-top: 17px;
  }
}
.partner-profile-categories-tiles__item {
  color: #fff;
  display: block;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  height: 100%;
  padding-top: 170px;
}
@media all and (max-width: 550px) {
  .partner-profile-categories-tiles__item {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 629px) {
  .partner-profile-categories-tiles__item {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 629px) {
  .partner-profile-categories-tiles__item {
    font-size: 29px;
    text-align: left;
  }
}
@media all and (min-width: 630px) {
  .partner-profile-categories-tiles__item {
    font-size: 32px;
    padding-left: 37px;
    padding-right: 37px;
    text-align: center;
  }
}
.partner-profile-categories-tiles__list-item:nth-child(2) .partner-profile-categories-tiles__item {
  background-color: #ff2a00;
}
.partner-profile-categories-tiles__list-item:nth-child(2n+1) .partner-profile-categories-tiles__item {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.partner-profile-categories-tiles__list-item:nth-child(2n+1) .partner-profile-categories-tiles__item:before {
  background-color: rgba(32, 37, 74, 0.84);
  content: '';
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
/*==========================================================================
   "profile-categories"
==========================================================================*/
@media all and (min-width: 1203px) {
  .profile-categories__list {
    display: table;
    width: 100%;
  }
}
.profile-categories__item {
  color: #20254a;
  font-weight: 900;
  letter-spacing: .025em;
}
@media all and (max-width: 600px) {
  .profile-categories__item {
    font-family: "ProximaNova";
    font-size: 26px;
    text-align: center;
  }
}
@media all and (min-width: 601px) {
  .profile-categories__item {
    font-family: "ProximaNova";
    font-size: 19px;
  }
}
@media all and (max-width: 1202px) {
  .profile-categories__item br {
    display: none;
  }
  .profile-categories__item:nth-child(n+2) {
    display: none;
  }
}
@media all and (min-width: 1203px) {
  .profile-categories__item {
    display: table-cell;
    padding-right: 50px;
    vertical-align: middle;
    white-space: nowrap;
  }
}
@media all and (min-width: 1203px) {
  .profile-categories__item:not(.profile-categories__item_active) {
    -moz-opacity: 0.44;
    /* Netscape */
    opacity: 0.44;
  }
}
@media all and (min-width: 601px) {
  .profile-categories__item_active {
    font-size: 43px;
  }
}
@media all and (min-width: 1203px) {
  .profile-categories__item_active {
    line-height: 1;
    white-space: nowrap;
  }
}
@media all and (min-width: 1203px) {
  .profile-categories__item + .profile-categories__item {
    border-left: 1px solid transparent;
    padding-left: 50px;
    position: relative;
  }
  .profile-categories__item + .profile-categories__item:before {
    border-left: 1px solid #20254a;
    bottom: 0;
    content: '';
    height: 37px;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
  }
}
.profile-categories__link {
  color: inherit;
}
/*==========================================================================
   PAGE "p-profile-data"
==========================================================================*/
.p-profile-data {
  padding: 25px 0 58px;
}
.p-profile-data__breadcrumbs {
  margin: 0 auto 32px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-profile-data__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-profile-data__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-profile-data__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-profile-data__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-profile-data__header {
  margin: 0 auto 32px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-profile-data__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-profile-data__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-profile-data__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   "personal-data-form"
==========================================================================*/
.personal-data-form__wrapper {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .personal-data-form__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .personal-data-form__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .personal-data-form__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__wrapper {
    *zoom: 1;
    text-align: right;
  }
  .personal-data-form__wrapper:before,
  .personal-data-form__wrapper:after {
    content: " ";
    display: table;
  }
  .personal-data-form__wrapper:after {
    clear: both;
  }
}
.personal-data-form__section {
  max-width: 494px;
}
@media all and (max-width: 1000px) {
  .personal-data-form__section + .personal-data-form__section {
    margin-top: 45px;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__section {
    text-align: left;
    width: 47%;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__section:nth-child(-n+2) {
    clear: left;
    float: left;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__section:nth-child(n+3) {
    display: inline-block;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__personal-section {
    margin-bottom: -111px;
    margin-top: 0px;
  }
}
.personal-data-form__section-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 1000px) {
  .personal-data-form__section-title {
    margin-bottom: 24px;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__section-title {
    margin-bottom: 40px;
  }
}
.personal-data-form__section-item + .personal-data-form__section-item {
  margin-top: 10px;
}
@media all and (min-width: 511px) {
  .personal-data-form__element-block {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
@media all and (max-width: 511px) {
  .personal-data-form__element-block {
    display: block;
  }
}
.personal-data-form__element-block_hiding:not(.personal-data-form__element-block_active) {
  display: none;
}
@media all and (max-width: 510px) {
  .personal-data-form__element-block-label {
    margin-bottom: 11px;
    padding-left: 6px;
  }
}
@media all and (min-width: 511px) {
  .personal-data-form__element-block-label {
    display: table-cell;
    padding-right: 15px;
    padding-top: 3px;
    vertical-align: top;
    width: 170px;
  }
}
@media all and (min-width: 511px) {
  .personal-data-form__element-block-content {
    display: table-cell;
    vertical-align: top;
  }
}
.personal-data-form__label {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 510px) {
  .personal-data-form__label br {
    display: none;
  }
}
@media all and (min-width: 511px) {
  .personal-data-form__label {
    display: inline-block;
  }
}
.personal-data-form__input {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 28px;
  letter-spacing: .025em;
  display: inline-block;
  width: 100%;
}
.personal-data-form__input::-webkit-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.personal-data-form__input:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.personal-data-form__input::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.personal-data-form__input:-ms-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
@media all and (max-width: 510px) {
  .personal-data-form__input {
    padding: 0 6px;
  }
}
@media all and (min-width: 511px) {
  .personal-data-form__input {
    padding: 0 10px;
  }
}
.personal-data-form__input.errorfield {
  border-bottom-color: #ff2a00;
}
.personal-data-form__input.errorfield::-webkit-input-placeholder {
  color: #ff2a00;
}
.personal-data-form__input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  color: #ff2a00;
}
.personal-data-form__input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  color: #ff2a00;
}
.personal-data-form__input.errorfield:-ms-input-placeholder {
  color: #ff2a00;
}
.personal-data-form__input.errorfield::-webkit-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__input.errorfield:-ms-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__elements-group {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  /* ie 7 */
  text-align: justify;
  /*  ie fix  */
  text-justify: distribute;
}
.personal-data-form__elements-group:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.personal-data-form__elements-group-input {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 28px;
  letter-spacing: .025em;
  display: inline-block;
  max-width: 31%;
  padding: 0 5px;
}
.personal-data-form__elements-group-input::-webkit-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.personal-data-form__elements-group-input:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.personal-data-form__elements-group-input::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
.personal-data-form__elements-group-input:-ms-input-placeholder {
  -moz-opacity: 0.54 !important;
  /* Netscape */
  opacity: 0.54 !important;
}
@media all and (min-width: 1001px) {
  .personal-data-form__elements-group-input {
    width: 68px;
  }
}
.personal-data-form__elements-group-input.errorfield {
  border-bottom-color: #ff2a00;
}
.personal-data-form__elements-group-input.errorfield::-webkit-input-placeholder {
  color: #ff2a00;
}
.personal-data-form__elements-group-input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  color: #ff2a00;
}
.personal-data-form__elements-group-input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  color: #ff2a00;
}
.personal-data-form__elements-group-input.errorfield:-ms-input-placeholder {
  color: #ff2a00;
}
.personal-data-form__elements-group-input.errorfield::-webkit-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__elements-group-input.errorfield:-moz-placeholder {
  /* Firefox 18- */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__elements-group-input.errorfield::-moz-placeholder {
  /* Firefox 19+ */
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__elements-group-input.errorfield:-ms-input-placeholder {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
}
.personal-data-form__password-input-toggler:checked ~ .personal-data-form__password-block {
  display: block;
  margin-top: 22px;
}
.personal-data-form__password-block-item + .personal-data-form__password-block-item {
  margin-top: 22px;
}
.personal-data-form__change-password-toggle-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #ff2a00;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 32px;
  margin: 10px 0 19px auto;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  width: 204px;
}
.personal-data-form__select {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 28px;
  letter-spacing: .025em;
  position: relative;
  width: 100%;
}
.personal-data-form__select:before {
  bottom: 0;
  content: '▾';
  height: 10px;
  line-height: 10px;
  margin: auto 0;
  position: absolute;
  right: 10px;
  top: 2px;
}
.personal-data-form__select select {
  padding: 0 10px;
}
@media all and (min-width: 1001px) {
  .personal-data-form__documents-section {
    margin-top: 30px;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__documents-section_photo {
    margin-top: 0px;
  }
}
.personal-data-form__documents-section-title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .01em;
  margin-bottom: 15px;
}
.personal-data-form__documents-files-block {
  background-color: #d4ecf7;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media all and (max-width: 510px) {
  .personal-data-form__documents-files-block {
    margin: 0 -23px;
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 511px) {
  .personal-data-form__documents-files-block {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.personal-data-form__documents-files-block_photo {
  background-color: #fff;
  padding-bottom: 10px;
  padding-top: 0px;
}
@media all and (max-width: 510px) {
  .personal-data-form__documents-files-block_photo {
    margin: 0 -23px;
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 511px) {
  .personal-data-form__documents-files-block_photo {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.personal-data-form__documents-files-block__inside {
background-color: #FF0;
position: relative; 
width: 200px;
right: 0px;
}
.personal-data-form__documents-files-label {
  color: rgba(32, 37, 74, 0.54);
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.3;
  max-width: 315px;
  min-height: 63px;
  padding-left: 83px;
  padding-top: 2px;
  position: relative;
}
.personal-data-form__documents-files-label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cstyle%3E.c%7Bfill:rgba(32, 37, 74, 0.54)%7D%3C/style%3E%3Cpath class='c' d='M450.4 86.7s-1.4-2-65-74.7v74.7h65z'/%3E%3Cpath class='c' d='M439.8 96v382.8c0 7.3-6 13.3-13.3 13.3H117.8c-7.3 0-13.3-6-13.3-13.3v-443c0-7.3 6-13.3 13.3-13.3h258.6V12H117.8C104.7 12 94 22.7 94 35.8v443c0 13.1 10.7 23.8 23.8 23.8h308.8c13.1 0 23.8-10.7 23.8-23.8V96h-10.6z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 25px;
  -moz-background-size: 25px;
  -o-background-size: 25px;
  background-size: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(32, 37, 74, 0.54);
  content: '';
  height: 63px;
  left: 0;
  position: absolute;
  top: 0;
  width: 63px;
}
.personal-data-form__documents-files-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #20254a;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 32px;
  margin-top: 10px;
  min-width: 146px;
  text-align: center;
  text-transform: uppercase;
}
.personal-data-form__documents-files-button:not(.is-active) {
  font-size: 12px;
  line-height: 32px;
}
.personal-data-form__documents-files-button.is-active {
  font-size: 0;
  line-height: 0;
}
.personal-data-form__documents-files-button.is-active:after {
  font-size: 12px;
  line-height: 32px;
  content: attr(data-file-name);
}
@media all and (max-width: 1000px) {
  .personal-data-form__submit-button-block {
    margin-top: 53px;
    max-width: 494px;
    text-align: center;
  }
}
@media all and (min-width: 1001px) {
  .personal-data-form__submit-button-block {
    clear: both;
    padding-top: 63px;
    text-align: right;
  }
}
.personal-data-form__submit-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background: #ff2a00;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 48px;
  min-width: 192px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
}
/*==========================================================================
   "profile-courses"
==========================================================================*/
.profile-courses__section + .profile-courses__section {
  margin-top: 95px;
}
.profile-courses__section-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .025em;
  margin: 0 auto 30px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .profile-courses__section-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .profile-courses__section-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .profile-courses__section-title {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.profile-courses__section-content {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .profile-courses__section-content {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   "courses-unwatched-list"
==========================================================================*/
@media all and (min-width: 801px) {
  .courses-unwatched-list__item + .courses-unwatched-list__item {
    margin-top: 37px;
  }
}
/*==========================================================================
   "course-preview-cover"
==========================================================================*/
.course-preview-cover__inner {
  position: relative;
  z-index: 1;
}
.course-preview-cover__inner:before {
  background-color: rgba(255, 255, 255, 0.75);
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 800px) {
  .course-preview-cover__inner {
    -webkit-background-size: 0;
    -moz-background-size: 0;
    -o-background-size: 0;
    background-size: 0;
    background-repeat: no-repeat;
  }
  .course-preview-cover__inner:before,
  .course-preview-cover__inner:after {
    height: 280px;
  }
  .course-preview-cover__inner:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: inherit;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -2;
  }
}
@media all and (min-width: 801px) {
  .course-preview-cover__inner {
    height: 100%;
  }
  .course-preview-cover__inner:after {
    content: '.';
    display: block;
    visibility: hidden;
    /*width: 0;*/
    height: 0;
    clear: both;
  }
  .course-preview-cover__inner:before {
    height: 100%;
  }
}
@media all and (max-width: 550px) {
  .course-preview-cover__main-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-preview-cover__main-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 800px) {
  .course-preview-cover__main-block {
    min-height: 280px;
    padding-bottom: 35px;
    padding-top: 70px;
  }
}
@media all and (min-width: 801px) {
  .course-preview-cover__main-block {
    width: -webkit-calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: -o-calc(100% - 255px);
    width: calc(100% - 255px);
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 40px 42px 0;
  }
}
.course-preview-cover__info-block {
  background-color: rgba(212, 236, 247, 0.74);
  overflow: hidden;
}
@media all and (max-width: 550px) {
  .course-preview-cover__info-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-preview-cover__info-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 800px) {
  .course-preview-cover__info-block {
    min-height: 136px;
    padding-bottom: 22px;
    padding-top: 22px;
  }
}
@media all and (min-width: 801px) {
  .course-preview-cover__info-block {
    float: left;
    height: 100%;
    padding: 56px 36px 20px;
    width: 255px;
  }
}
.course-preview-cover__title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 22px;
  font-weight: 700;
  height: 5.5em;
  letter-spacing: .025em;
  line-height: 1.1;
  overflow: hidden;
}
.course-preview-cover__author {
  color: #20254a;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-top: 4px;
}
.course-preview-cover__author img {
  display: block;
  max-height: 40px;
}
.course-preview-cover__duration {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  padding-left: 44px;
  position: relative;
}
.course-preview-cover__duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 29px;
}
.course-preview-cover__duration-value {
  font-size: 15px;
  display: block;
}
.course-preview-cover__dates-range {
  margin-top: 42px;
  white-space: nowrap;
}
.course-preview-cover__dates-range:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 24px;
  margin-right: 15px;
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 30px;
}
.course-preview-cover__dates-range-item {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.course-preview-cover__dates-range-item + .course-preview-cover__dates-range-item {
  margin-left: 12px;
}
.course-preview-cover__dates-range-value {
  font-size: 15px;
  display: block;
}
.course-preview-cover__dates-range-item:first-child .course-preview-cover__dates-range-value:after {
  background: #20254a;
  content: '';
  display: inline-block;
  height: 1px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  width: 58px;
}
/*==========================================================================
   "course-unwatched-preview"
==========================================================================*/
.course-unwatched-preview__wrapper {
  *zoom: 1;
}
.course-unwatched-preview__wrapper:before,
.course-unwatched-preview__wrapper:after {
  content: " ";
  display: table;
}
.course-unwatched-preview__wrapper:after {
  clear: both;
}
@media all and (min-width: 1201px) {
  .course-unwatched-preview__wrapper {
    height: 217px;
  }
}
@media all and (min-width: 801px) and (max-width: 1200px) {
  .course-unwatched-preview__cover {
    height: 217px;
  }
}
@media all and (min-width: 1201px) {
  .course-unwatched-preview__cover {
    width: -webkit-calc(100% - 417px);
    width: -moz-calc(100% - 417px);
    width: -o-calc(100% - 417px);
    width: calc(100% - 417px);
    float: left;
    height: 100%;
  }
}
.course-unwatched-preview__status-block {
  background-color: #20254a;
}
@media all and (max-width: 550px) {
  .course-unwatched-preview__status-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-unwatched-preview__status-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-unwatched-preview__status-block {
    padding-left: 53px;
    padding-right: 53px;
  }
}
@media all and (max-width: 1200px) {
  .course-unwatched-preview__status-block {
    padding-bottom: 30px;
    padding-top: 25px;
  }
}
@media all and (min-width: 1201px) {
  .course-unwatched-preview__status-block {
    float: left;
    height: 100%;
    padding-bottom: 20px;
    padding-top: 43px;
    width: 417px;
  }
}
.course-unwatched-preview__status-info {
  color: #fff;
  font-family: "PTSans";
  letter-spacing: .025em;
}
@media all and (max-width: 500px) {
  .course-unwatched-preview__status-info {
    font-size: 18px;
  }
}
@media all and (min-width: 501px) {
  .course-unwatched-preview__status-info {
    font-size: 22px;
  }
}
.course-unwatched-preview__status-info-value {
  font-weight: 700;
}
.course-unwatched-preview__action-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #56df50;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 900;
  line-height: 48px;
  margin-top: 30px;
  max-width: 100%;
  min-width: 198px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0s ease 0s;
}
@media all and (max-width: 800px) {
  .course-unwatched-preview__action-button {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
  }
}
/*==========================================================================
   "courses-watched-list"
==========================================================================*/
.courses-watched-list__item + .courses-watched-list__item {
  margin-top: 24px;
}
/*==========================================================================
   "course-watched-preview"
==========================================================================*/
.course-watched-preview__wrapper {
  border-top: 1px solid #d4ecf7;
}
@media all and (min-width: 801px) {
  .course-watched-preview__wrapper {
    border-bottom: 1px solid #d4ecf7;
    border-left: 1px solid #d4ecf7;
    border-right: 1px solid #d4ecf7;
  }
}
@media all and (min-width: 801px) and (max-width: 1100px) {
  .course-watched-preview__wrapper {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__wrapper {
    display: table;
    height: 171px;
    width: 100%;
  }
}
.course-watched-preview__section {
  padding-bottom: 20px;
  padding-top: 20px;
}
@media all and (max-width: 550px) {
  .course-watched-preview__section {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-watched-preview__section {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .course-watched-preview__section {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__section {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
  }
}
@media all and (min-width: 801px) {
  .course-watched-preview__section_info,
  .course-watched-preview__section_properties {
    width: 50%;
  }
}
@media all and (min-width: 801px) and (max-width: 1100px) {
  .course-watched-preview__section_info,
  .course-watched-preview__section_properties {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 801px) and (max-width: 1100px) {
  .course-watched-preview__section_info {
    border-right: 1px solid #d4ecf7;
  }
}
@media all and (max-width: 800px) {
  .course-watched-preview__section_properties {
    border-top: 1px solid #d4ecf7;
  }
}
@media all and (min-width: 801px) and (max-width: 1100px) {
  .course-watched-preview__section_properties {
    border-left: 1px solid #d4ecf7;
    margin-left: -1px;
  }
}
@media all and (max-width: 1100px) {
  .course-watched-preview__section_buttons {
    border-top: 1px solid #d4ecf7;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__section_buttons {
    white-space: nowrap;
    width: 1px;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__section + .course-watched-preview__section {
    border-left: 1px solid #d4ecf7;
  }
}
.course-watched-preview__title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 19px;
  font-weight: 700;
  height: 3.6em;
  letter-spacing: .025em;
  line-height: 1.2;
  overflow: hidden;
}
.course-watched-preview__author {
  color: #989fa9;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-top: 3px;
}
@media all and (min-width: 1101px) {
  .course-watched-preview__section_properties {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    white-space: nowrap;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__properties {
    width: -webkit-calc(100% - 145px);
    width: -moz-calc(100% - 145px);
    width: -o-calc(100% - 145px);
    width: calc(100% - 145px);
    font-size: 16px;
    letter-spacing: auto;
    word-spacing: auto;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
  }
}
.course-watched-preview__properties-item {
  color: #20254a;
}
.course-watched-preview__properties-item:before {
  content: '';
  display: inline-block;
  height: 30px;
  margin-right: 14px;
  vertical-align: middle;
  width: 30px;
}
.course-watched-preview__properties-item_date {
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
}
.course-watched-preview__properties-item_date:before {
  -webkit-background-size: 24px 20px;
  -moz-background-size: 24px 20px;
  -o-background-size: 24px 20px;
  background-size: 24px 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.course-watched-preview__properties-item_type {
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
}
.course-watched-preview__properties-item_type-webinar:before {
  -webkit-background-size: 19px 25px;
  -moz-background-size: 19px 25px;
  -o-background-size: 19px 25px;
  background-size: 19px 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'774\' height=\'1024\' viewBox=\'0 0 774 1024\'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class=\'c\' d=\'M233.862 728.646C59.993 648.612-25.56 458.184 18.597 287.075 59.994 124.246 214.544 2.813 382.893.054s322.898 115.913 369.816 278.742c49.677 168.349-33.118 367.055-215.265 449.85 13.798 13.798 27.598 30.357 41.397 44.157 22.079 24.838 46.916 49.677 68.995 74.515 33.118 38.638 33.118 102.113 0 140.751-24.838 30.357-57.956 41.397-99.354 33.118-49.677-11.039-102.113-22.079-151.79-33.118-8.279-2.759-19.318 0-27.598 0-49.677 11.039-96.593 22.079-146.27 33.118-55.197 13.798-110.393-24.838-121.433-80.034-5.52-38.638 2.759-71.756 30.357-102.113 33.118-33.118 63.475-68.995 96.593-102.113 2.759-2.759 5.52-5.52 5.52-8.279zm154.551-11.039c190.427 0 336.698-146.27 336.698-336.698 0-187.667-146.27-336.698-336.698-336.698S51.715 190.481 51.715 380.909c0 190.427 149.031 336.698 336.698 336.698zM200.746 979.79c2.759 0 5.52 0 11.039-2.759 44.157-8.279 85.554-19.318 129.711-30.357 24.838-5.52 49.677-11.039 74.515-5.52 49.677 11.039 99.354 22.079 146.27 33.118 13.798 2.759 27.598 2.759 41.397-5.52 30.357-22.079 35.877-68.995 11.039-96.593-38.638-41.397-77.275-82.795-115.913-126.952 0 2.759-5.52 2.759-8.279 2.759-68.995 19.318-135.231 19.318-204.226 0-2.759 0-8.279 0-11.039 2.759L159.347 874.917c-16.559 16.559-19.318 35.877-13.798 60.716 8.279 27.598 27.598 44.157 55.197 44.157z\'/%3E%3Cpath class=\'c\' d=\'M598.158 380.909h44.157c2.759 71.756-38.638 171.108-135.231 223.545-96.593 49.677-209.746 35.877-287.021-38.638-82.795-80.034-104.874-190.427-57.956-289.781s146.27-149.031 226.304-146.27v44.157c-68.995 2.759-124.192 27.598-165.588 82.795-33.118 44.157-44.157 91.074-41.397 143.511 8.279 107.633 91.074 182.147 190.427 190.427 60.716 5.52 113.152-11.039 160.069-52.436 44.157-44.157 63.475-96.593 66.236-157.31z\'/%3E%3Cpath class=\'c\' d=\'M388.413 499.581c-60.716 0-118.672-55.197-118.672-118.672 0-60.716 55.197-118.672 118.672-118.672 60.716 0 118.672 57.956 118.672 118.672 0 63.475-57.956 118.672-118.672 118.672zm74.514-118.672c0-44.157-30.357-74.515-74.515-74.515-41.397 0-71.756 30.357-71.756 74.515s30.357 74.515 74.515 74.515c41.397 0 71.756-30.357 71.756-74.515zM581.599 218.08l-27.598-27.598 30.357-30.357 27.598 27.598c-11.039 8.279-19.318 19.318-30.357 30.357z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.course-watched-preview__properties-item_type-videocourse:before {
  -webkit-background-size: 30px 24px;
  -moz-background-size: 30px 24px;
  -o-background-size: 30px 24px;
  background-size: 30px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 48 48\'%3E%3Cpath d=\'M47 37H3c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h44c.6 0 1 .4 1 1v28c0 .6-.4 1-1 1zM46 9H4v26h42V9zm-24 7c.2 0 .4.1.6.2l7.8 4.9c.4.1.7.5.7.9 0 .3-.2.6-.4.8l-8 5c-.3.1-.5.2-.7.2-.6 0-1-.4-1-1V17c0-.6.4-1 1-1zm-6 23h18c.6 0 1 .4 1 1s-.4 1-1 1H16c-.6 0-1-.4-1-1s.4-1 1-1z\' fill=\'%2320254a\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.course-watched-preview__properties-item_price {
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.course-watched-preview__properties-item_price:before {
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M50.81 105.45A94 94 0 0 1 22.46 107c-6-.66-11.89-1.77-17.35-4.56-4.28-2.2-6.47-5.35-6.4-10.44.22-15.94.15-31.88 0-47.82A9.66 9.66 0 0 1 4 34.94c6-3.42 12.57-4.8 19.31-5.23 5.92-.38 11.87-.1 17.81-.12.34 0 .68 0 1.27-.06V27.4c0-4.68.17-9.36-.05-14-.2-4.16 1.6-7.17 5.12-8.76A59.33 59.33 0 0 1 60.21.21a78.74 78.74 0 0 1 37.63 1.4A34.83 34.83 0 0 1 105 4.74a8.91 8.91 0 0 1 4.82 8.55c-.15 11.26 0 22.53-.09 33.79a2.64 2.64 0 0 0 2 2.91 45.46 45.46 0 0 1 28.38 46.29 45.63 45.63 0 0 1-88.4 11.45c-.27-.73-.57-1.42-.9-2.28zm43.69 28.22A41.49 41.49 0 0 0 136 91.52c-.18-22.36-18.94-40.79-41.4-40.66a41.54 41.54 0 0 0-41.41 41.8c.12 22.5 18.94 41.17 41.31 41.01zm-62.69-82.3c5.81-.73 11.69-1.15 17.41-2.31a39.33 39.33 0 0 0 10.41-4c3.14-1.67 3.08-3.88.09-5.79a24.65 24.65 0 0 0-6.11-2.86 73.77 73.77 0 0 0-38.78-.92 39.21 39.21 0 0 0-9.73 4C2.39 41 2.46 43.22 5 45a24.22 24.22 0 0 0 5.62 2.89c6.84 2.47 13.96 3 21.19 3.48zm42.34-48.5c-2.81.29-7.62.6-12.36 1.35S52.48 6.16 48.54 9c-2.48 1.78-2.61 3.78-.07 5.43a28.3 28.3 0 0 0 7.8 3.66 76.4 76.4 0 0 0 36.15.58 42.85 42.85 0 0 0 10.81-4.12c3.11-1.63 3-3.89 0-5.81a27.44 27.44 0 0 0-5.56-2.64c-6.96-2.47-14.22-3-23.52-3.23zM62 49.48c-19.75 7.59-39.17 7.93-58.83.19 0 2.83.07 5.86 0 8.89a4.09 4.09 0 0 0 2.17 4.07 41.75 41.75 0 0 0 7.91 3.47 74.85 74.85 0 0 0 32.64 1 68.49 68.49 0 0 0 13-4.19 5.33 5.33 0 0 0 3-3.48 80.23 80.23 0 0 0 .11-9.95zM46.65 19.16c0 3 .05 6.22 0 9.4 0 1.31.35 1.79 1.7 2 5.3 1 10.49 2.4 14.89 5.79a3.78 3.78 0 0 0 1.59.52 67.12 67.12 0 0 0 25.33-.38 72.35 72.35 0 0 0 12.58-4.22 4.62 4.62 0 0 0 2.57-3.05c.33-3.47.12-7 .12-10.24-19.65 7.62-39.05 8.02-58.78.18zm7.53 50.79c-17 3.72-34.15 4.56-51-3.08 0 2.72.18 5.42 0 8.08a5.62 5.62 0 0 0 3.42 6 17.29 17.29 0 0 0 4.06 1.8 147.3 147.3 0 0 0 15 2.77 76.48 76.48 0 0 0 22.19-1.17c1-.19 1.94-.3 2.35-1.69 1.14-4.35 2.63-8.6 3.98-12.72zm-51 14.27a54.35 54.35 0 0 1-.05 7.11c-.57 4.24 1.6 6.47 5.13 7.92.85.35 1.7.71 2.57 1 8.47 2.79 17.19 3.34 26 2.72 4.28-.3 8.53-.95 12.77-1.43l-.86-12.85C33.32 90.72 18 91.32 3.14 84.21zm63.13-27.85c11.92-8.93 24.83-11.63 38.94-8.55V36.08c-12.44 6.33-25.59 6.43-38.94 5.68z'/%3E%3Cpath class='c' d='M82.22 93h5.15V77.1c1.89 0 6.75-.1 8.88-.1 9.71 0 12.57 4.37 12.57 9.66 0 5.49-3.93 9.47-12.23 9.47h-5.1v5.1h8.4v3.16h-8.4v6.7h-4.12v-6.7h-5.15v-3.16h5.15v-5.1h-5.15zm9.27-12v12h5c5 0 8-1.94 8-6s-2.43-6.07-7.82-6.07c-1.39-.05-3.58 0-5.18.07z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.course-watched-preview__properties-item + .course-watched-preview__properties-item {
  margin-top: 15px;
}
.course-watched-preview__company-logo {
  overflow: hidden;
  width: 145px;
}
@media all and (max-width: 1100px) {
  .course-watched-preview__company-logo {
    margin-top: 20px;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__company-logo {
    display: inline-block;
    height: 100%;
    text-align: center;
    vertical-align: middle;
  }
  .course-watched-preview__company-logo:after {
    content: '';
    vertical-align: middle;
    height: 100%;
    display: inline-block;
  }
}
.course-watched-preview__company-logo img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}
.course-watched-preview__section_buttons {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
.course-watched-preview__action-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  height: 60px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 60px;
}
.course-watched-preview__action-button:before {
  bottom: 0;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
}
@media all and (max-width: 1100px) {
  .course-watched-preview__action-button + .course-watched-preview__action-button {
    margin-left: 68px;
  }
}
@media all and (min-width: 1101px) {
  .course-watched-preview__action-button + .course-watched-preview__action-button {
    margin-left: 35px;
  }
}
.course-watched-preview__action-button_test {
  -webkit-background-size: 18px 20px;
  -moz-background-size: 18px 20px;
  -o-background-size: 18px 20px;
  background-size: 18px 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%23fff\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #ff2a00;
}
.course-watched-preview__action-button_watch {
  background: #20254a;
}
.course-watched-preview__action-button_watch:before {
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 257 321\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M16.1 29.3l209.8 131.1L16.1 291.5V29.3zM.1.4v320l256-160L.1.4z\' fill=\'%23fff\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 18px;
  left: 1px;
  right: 0;
  width: 16px;
}
/*==========================================================================
   "courses-programs"
==========================================================================*/
.courses-programs__title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .025em;
  margin: 0 auto 15px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .courses-programs__title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .courses-programs__title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .courses-programs__title {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.courses-programs__list {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .courses-programs__list {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.courses-programs__item + .courses-programs__item {
  margin-top: 28px;
}
/*==========================================================================
   "course-program-preview"
==========================================================================*/
@media all and (min-width: 801px) and (max-width: 1200px) {
  .course-program-preview__wrapper {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
@media all and (min-width: 1201px) {
  .course-program-preview__wrapper {
    border-bottom: 1px solid #d4ecf7;
    display: table;
    height: 248px;
    width: 100%;
  }
}
@media all and (min-width: 1201px) {
  .course-program-preview__cover {
    display: table-cell;
    height: 100%;
    padding-bottom: 29px;
    padding-right: 25px;
    vertical-align: top;
  }
}
@media all and (max-width: 550px) {
  .course-program-preview__action-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .course-program-preview__action-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 800px) {
  .course-program-preview__action-block {
    display: flex;
  }
}
@media all and (min-width: 801px) and (max-width: 1200px) {
  .course-program-preview__action-block {
    display: inline-flex;
    padding-left: 42px;
    padding-right: 42px;
    width: 50%;
  }
  .course-program-preview__action-block:last-child {
    border-left: 1px solid #d4ecf7;
  }
}
@media all and (min-width: 801px) {
  .course-program-preview__action-block {
    vertical-align: top;
  }
}
@media all and (max-width: 1200px) {
  .course-program-preview__action-block {
    align-items: flex-start;
    border-bottom: 1px solid #d4ecf7;
    flex-wrap: wrap;
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media all and (min-width: 1201px) {
  .course-program-preview__action-block {
    border-left: 1px solid #d4ecf7;
    display: table-cell;
    padding-bottom: 29px;
    padding-left: 19px;
    padding-top: 23px;
    white-space: nowrap;
    width: 1px;
  }
}
.course-program-preview__action-block:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 24px;
  margin-bottom: 13px;
  vertical-align: top;
}
@media all and (max-width: 1200px) {
  .course-program-preview__action-block:before {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media all and (min-width: 1201px) {
  .course-program-preview__action-block:not(:last-child) {
    padding-right: 32px;
  }
}
.course-program-preview__action-block_study:before {
  -webkit-background-size: 27px 24px;
  -moz-background-size: 27px 24px;
  -o-background-size: 27px 24px;
  background-size: 27px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 22 18\'%3E%3Cg fill=\'%2320254a\'%3E%3Cpath d=\'M21.4 5.1l-10-5c-.3-.1-.6-.1-.9 0l-10 5c-.2.1-.4.3-.4.5-.1.1-.1.3-.1.4v5.8c0 .6.4 1 1 1s1-.4 1-1V7.5l2 .8v4.9c0 .4.2.7.6.9C6.3 14.9 8 16 11 16s4.7-1.1 6.4-1.9c.3-.2.6-.5.6-.9V8.3L21.4 7c.4-.1.6-.5.6-.9 0-.5-.2-.8-.6-1zM16 12.6l-1 .4c-2.5 1.3-5.5 1.3-8 0l-1-.5V9l4.6 1.9c.1 0 .2.1.4.1s.3 0 .4-.1L16 9v3.6zm-5-3.7l-7.6-3L11 2.1l7.6 3.8-7.6 3zM1 14c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-.6-.4-1-1-1z\'/%3E%3C/g%3E%3C/svg%3E");
}
.course-program-preview__action-block_testing:before {
  -webkit-background-size: 20px 22px;
  -moz-background-size: 20px 22px;
  -o-background-size: 20px 22px;
  background-size: 20px 22px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%2320254a\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
}
.course-program-preview__action-block-title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  line-height: 1.2;
  margin-bottom: 15px;
  overflow: hidden;
  white-space: normal;
}
@media all and (min-width: 801px) {
  .course-program-preview__action-block-title {
    height: 3.6em;
  }
}
@media all and (max-width: 1200px) {
  .course-program-preview__action-block-title {
    flex: 0 0 auto;
    width: 100%;
  }
}
.course-program-preview__action-block-number {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 30px;
  font-weight: 900;
  letter-spacing: .025em;
}
@media all and (max-width: 1200px) {
  .course-program-preview__action-block-number {
    flex: 1 1 auto;
  }
}
.course-program-preview__action-block-total-number {
  color: rgba(32, 37, 74, 0.44);
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
}
.course-program-preview__action-block-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 32px;
  min-width: 157px;
  text-align: center;
  text-transform: uppercase;
}
@media all and (max-width: 1200px) {
  .course-program-preview__action-block-button {
    align-self: center;
    flex: 0 0 auto;
  }
}
@media all and (min-width: 1201px) {
  .course-program-preview__action-block-button {
    margin-top: 22px;
  }
}
.course-program-preview__action-block-button_continue {
  background: #20254a;
}
.course-program-preview__action-block-button_test {
  background: #ff2a00;
}
.course-program-preview__action-block-button_test-disabled {
  -moz-opacity: 0.55;
  /* Netscape */
  opacity: 0.55;
  cursor: default;
}
/*==========================================================================
   "presents-catalog"
==========================================================================*/
.presents-catalog__title {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  text-align: center;
}
@media all and (max-width: 850px) {
  .presents-catalog__title {
    font-size: 22px;
  }
}
@media all and (min-width: 851px) {
  .presents-catalog__title {
    font-size: 34px;
  }
}
@media all and (max-width: 550px) {
  .presents-catalog__title {
    padding: 0 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .presents-catalog__title {
    padding: 0 55px;
  }
}
@media all and (min-width: 801px) {
  .presents-catalog__title {
    padding: 0 66px;
  }
}
.presents-catalog__notification {
  color: #20254a;
  font-family: "PTSans";
  letter-spacing: .025em;
  margin: 18px 0 25px;
  text-align: center;
}
@media all and (max-width: 850px) {
  .presents-catalog__notification {
    font-size: 14px;
  }
}
@media all and (min-width: 851px) {
  .presents-catalog__notification {
    font-size: 17px;
  }
}
@media all and (max-width: 550px) {
  .presents-catalog__notification {
    padding: 0 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .presents-catalog__notification {
    padding: 0 55px;
  }
}
@media all and (min-width: 801px) {
  .presents-catalog__notification {
    padding: 0 66px;
  }
}
.presents-catalog__menu-block {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 1251px) {
  .presents-catalog__menu-block {
    padding-bottom: 1px;
    padding-left: 106px;
    padding-top: 1px;
    position: relative;
    z-index: 1;
  }
  .presents-catalog__menu-block:before {
    border-top: 1px solid #d4ecf7;
    border-bottom: 1px solid #d4ecf7;
    content: '';
    height: 100%;
    left: -9999px;
    position: absolute;
    right: -9999px;
    top: 0;
    z-index: -1;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__menu {
    display: table;
    width: 100%;
  }
}
@media all and (max-width: 550px) {
  .presents-catalog__menu-info {
    padding: 0 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .presents-catalog__menu-info {
    padding: 0 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1250px) {
  .presents-catalog__menu-info {
    padding: 0 66px;
  }
}
@media all and (max-width: 1250px) {
  .presents-catalog__menu-info {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__menu-info {
    display: table-cell;
    padding: 10px 20px 0px 0;
    /*padding: 30px 40px 30px 0;*/
    vertical-align: middle;
  }
}
.presents-catalog__balance-number {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 1;
  white-space: nowrap;
}
@media all and (max-width: 850px) {
  .presents-catalog__balance-number {
    font-size: 43px;
  }
}
@media all and (min-width: 851px) {
  .presents-catalog__balance-number {
    font-size: 90px;
  }
}
.presents-catalog__balance-label {
  color: #20254a;
  font-family: "PTSans";
  letter-spacing: .025em;
  margin-top: 18px;
}
@media all and (max-width: 1250px) {
  .presents-catalog__balance-label br {
    display: none;
  }
}
@media all and (max-width: 850px) {
  .presents-catalog__balance-label {
    font-size: 16px;
  }
}
@media all and (min-width: 851px) {
  .presents-catalog__balance-label {
    font-size: 17px;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__menu-nav {
    border-left: 1px solid #d4ecf7;
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    width: 1px;
  }
}
@media all and (max-width: 1250px) {
  .presents-catalog__nav-list {
    margin: 0 auto;
    max-height: 500px;
    max-width: 820px;
    min-height: 420px;
    position: relative;
  }
  .presents-catalog__nav-list:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__nav-list {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
@media all and (max-width: 1250px) {
  .presents-catalog__nav-item {
    border: 1px solid #d4ecf7;
    height: 50%;
    position: absolute;
  }
  .presents-catalog__nav-item:nth-child(1) {
    left: 0;
    top: 0;
    width: 50%;
  }
  .presents-catalog__nav-item:nth-child(2) {
    width: -webkit-calc(50% + 1px);
    width: -moz-calc(50% + 1px);
    width: -o-calc(50% + 1px);
    width: calc(50% + 1px);
    right: 0;
    top: 0;
  }
  .presents-catalog__nav-item:nth-child(3) {
    bottom: 1px;
    left: 0;
    width: 50%;
  }
  .presents-catalog__nav-item:nth-child(4) {
    width: -webkit-calc(50% + 1px);
    width: -moz-calc(50% + 1px);
    width: -o-calc(50% + 1px);
    width: calc(50% + 1px);
    bottom: 1px;
    right: 0;
  }
  .presents-catalog__nav-item:nth-child(5) {
    left: 0;
    width: 50%;
    top: 498px;
  }
}

@media all and (max-width: 500px) {
	.presents-catalog__nav-item:nth-child(5) {
		left: 0;
		width: 50%;
		top: auto;
		bottom: -208px;
	}
}
@media all and (min-width: 1251px) {
  .presents-catalog__nav-item {
    font-size: 16px;
    letter-spacing: auto;
    word-spacing: auto;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__nav-item + .presents-catalog__nav-item {
    border-left: 1px solid #d4ecf7;
  }
}
.presents-catalog__nav-link {
  color: #20254a;
  display: block;
  font-family: "PTSans";
  letter-spacing: .025em;
  padding: 80px 65px 0 33px;
}
.presents-catalog__nav-link:before {
  content: '';
  display: block;
  height: 24px;
  margin-bottom: 35px;
}
@media all and (max-width: 1250px) {
  .presents-catalog__nav-link {
    font-size: 16px;
    height: 100%;
    width: 100%;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__nav-link {
    font-size: 17px;
    height: 232px;
    width: 210px;
  }
}
.presents-catalog__nav-link_active {
  color: #fff;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 1250px) {
  .presents-catalog__nav-link_active:after {
    background-color: #ff2a00;
    bottom: -1px;
    content: '';
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1;
  }
}
@media all and (min-width: 1251px) {
  .presents-catalog__nav-link_active {
    background-color: #ff2a00;
  }
}
.presents-catalog__items {
  margin-top: 25px;
}
@media all and (max-width: 750px) {
	.presents-catalog__items {
		margin-top: 265px;
	}
}
@media all and (max-width: 500px) {
	.presents-catalog__items {
		margin-top: 320px;
	}
}
/*==========================================================================
   "presents-catalog-items"
==========================================================================*/
.presents-catalog-items__manage-block {
  display: table;
  margin: 0 auto 102px;
  max-width: 1284px;
  width: 100%;
}
@media all and (max-width: 750px) {
  .presents-catalog-items__manage-block {
    /*display: none;*/ /*WTF!!! why here's none???*/
  }
}
@media all and (max-width: 550px) {
  .presents-catalog-items__manage-block {
    /*padding-left: 23px;*/
    padding-left: 0px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .presents-catalog-items__manage-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .presents-catalog-items__manage-block {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.presents-catalog-items__manage-title {
  color: #20254a;
  display: table-cell;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .025em;
  padding-left: 40px;
  position: relative;
  vertical-align: middle;
}
.presents-catalog-items__block-show-operator{
  color: #20254a;
  display: table-cell;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-left: 40px;
  text-align:center;
  padding:0px 0px 40px;
  margin: auto;
  display: block;
  max-width:1200px;
}
@media all and (max-width: 500px) {
  .presents-catalog-items__block-show-operator{
    width:100%;
  }
}
@media all and (max-width: 500px) {
  .presents-catalog-items__manage-title {
    padding-left: 5px;
  }
}
.presents-catalog-items__orders-quantity {
  color: #ff2a00;
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.presents-catalog-items__cart-open-button {
  margin-left: -3px;
  vertical-align: middle;
}
.presents-catalog-items__cart-open-button label{
  cursor: pointer;
}
.presents-catalog-items__cart {
  left: 0;
  margin-top: 15px;
  padding: 36px 30px 43px 15px;
  position: absolute;
  top: 100%;
  width: 332px;
  z-index: 2;
}
.presents-catalog-items__cart:before {
  background: #fff;
  border: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
}
.presents-catalog-items__manage-buttons {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
.presents-catalog-items__manage-button {
  font-size: 16px;
  letter-spacing: auto;
  word-spacing: auto;
  min-width: 156px;
}
.presents-catalog-items__manage-button + .presents-catalog-items__manage-button {
  margin-left: 29px;
}
@media all and (max-width: 500px) {
  .presents-catalog-items__manage-button + .presents-catalog-items__manage-button {
    margin-left: 0px;
  }
}
.presents-catalog-items__filter-availability-button {
  display: inline-block;
}
.presents-catalog-items__filter-availability-button-input {
  display: none;
}
.presents-catalog-items__filter-availability-button-text {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  display: block;
  line-height: 30px;
  text-align: center;
}
.presents-catalog-items__filter-availability-button-input:checked + .presents-catalog-items__filter-availability-button-text {
  background: #20254a;
  color: #fff;
}
.presents-catalog-items__direction-sort-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  border: 1px solid #8d97a7;
  color: #8d97a7;
  display: inline-block;
  line-height: 28px;
}
/*==========================================================================
   "presents-items-list"
==========================================================================*/
.presents-items-list__wrapper {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 681px) {
  .presents-items-list__wrapper {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
@media all and (max-width: 550px) {
  .presents-items-list__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .presents-items-list__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .presents-items-list__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.presents-items-list__item {
  width: 273px;
}
@media all and (max-width: 680px) {
  .presents-items-list__item {
    margin: 0 auto;
  }
}
@media all and (min-width: 681px) {
  .presents-items-list__item {
    font-size: 16px;
    letter-spacing: auto;
    word-spacing: auto;
    display: inline-block;
    vertical-align: bottom;
  }
}
@media all and (max-width: 680px) {
  .presents-items-list__item + .presents-items-list__item:nth-child(n+2) {
    margin-top: 70px;
  }
}
@media all and (min-width: 681px) and (max-width: 992px) {
  .presents-items-list__item + .presents-items-list__item:nth-child(2n+2) {
    margin-left: -webkit-calc((100% - 273px * 2));
    margin-left: -moz-calc((100% - 273px * 2));
    margin-left: -o-calc((100% - 273px * 2));
    margin-left: calc((100% - 273px * 2));
  }
  .presents-items-list__item + .presents-items-list__item:nth-child(n+3) {
    margin-top: 70px;
  }
}
@media all and (min-width: 993px) {
  .presents-items-list__item + .presents-items-list__item:nth-child(3n+2),
  .presents-items-list__item + .presents-items-list__item:nth-child(3n+3) {
    margin-left: -webkit-calc((100% - 273px * 3) / 2);
    margin-left: -moz-calc((100% - 273px * 3) / 2);
    margin-left: -o-calc((100% - 273px * 3) / 2);
    margin-left: calc((100% - 273px * 3) / 2);
  }
  .presents-items-list__item + .presents-items-list__item:nth-child(n+4) {
    margin-top: 115px;
  }
}
/*==========================================================================
   "present-tile"
==========================================================================*/
.present-tile__cover {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  display: block;
  max-height: 300px;
  min-height: 196px;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  text-align: center;
  
}
.present-tile__cover:after {
  content: '';
  vertical-align: middle;
  height: 100%;
  display: inline-block;
}
.present-tile__cover:before {
  border-left: 1px solid #d4ecf7;
  border-right: 1px solid #d4ecf7;
  border-top: 1px solid #d4ecf7;
  bottom: 0;
  content: '';
  height: 196px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.present-tile__cover:after {
  height: 196px;
  vertical-align: bottom;
}
.present-tile__cover img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
.present-tile__content {
  border-bottom: 1px solid #d4ecf7;
  border-left: 1px solid #d4ecf7;
  border-right: 1px solid #d4ecf7;
  padding: 10px 15px 18px;
}
.present-tile__title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 15px;
  height: 2.6em;
  letter-spacing: .025em;
  line-height: 1.3;
  overflow: hidden;
}
.present-tile__total {
  border-top: 1px solid #d4ecf7;
  display: table;
  margin-top: 8px;
  padding-top: 18px;
  width: 100%;
}
.present-tile__price {
  color: #20254a;
  display: table-cell;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.present-tile__action-button-block {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
.present-tile__action-button {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  -webkit-transition-property: background, color;
  -moz-transition-property: background, color;
  -o-transition-property: background, color;
  transition-property: background, color;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .13em;
  min-width: 139px;
  padding: 2px 15px 0;
  text-align: center;
  text-transform: uppercase;
}
.present-tile__action-button_available {
  background: #20254a;
  color: #fff;
  cursor: pointer;
  line-height: 33px;
}
.present-tile__action-button_disabled {
  background: #8d97a7;
  color: #fff;
  line-height: 33px;
  cursor: default;
}
.present-tile__action-button_active {
  border: 2px solid #20254a;
  color: #20254a;
  line-height: 29px;
  cursor: default;
}
/*==========================================================================
   "mini-cart"
==========================================================================*/
.mini-cart__input-switcher:checked ~ .mini-cart__body {
  display: block;
}
.mini-cart__open-button {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'9\' height=\'4\' viewBox=\'0 0 9 4\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M8.775 0L4.387 4 0 0h8.775z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  height: 15px;
  text-indent: -9999px;
  width: 32px;
}
.mini-cart.success-state .mini-cart__list {
  display: none;
}
.mini-cart__list-item + .mini-cart__list-item {
  border-top: 1px solid #d4ecf7;
}
.mini-cart__total-block {
  border-top: 1px solid #d4ecf7;
}
.mini-cart.success-state .mini-cart__total-block {
  display: none;
}
.mini-cart__total-label {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 17px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.mini-cart__total-price {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mini-cart__buy-button {
  background-color: #56df50;
  color: #fff;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .13em;
  min-width: 180px;
  padding: 0 17px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.mini-cart__buy-button_disabled {
  background-color: #8d97a7;
  cursor: default;
  z-index: -2;
}
.mini-cart.success-state .mini-cart__buy-button {
  display: none;
}
.mini-cart__order-result {
  text-align: center;
}
.mini-cart:not(.success-state) .mini-cart__order-result {
  display: none;
}
.mini-cart__order-result-title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .025em;
}
.mini-cart__order-result-icon {
  display: block;
  margin: 30px auto;
}
.mini-cart__order-result-description {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.4;
  margin-top: 24px;
}
.mini-cart_theme-compact .mini-cart__body:after {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.mini-cart_theme-compact .mini-cart__list-item + .mini-cart__list-item {
  margin-top: 20px;
  padding-top: 25px;
}
.mini-cart_theme-compact .mini-cart__total-block {
  display: table;
  margin-top: 78px;
  padding-top: 21px;
  width: 100%;
}
.mini-cart_theme-compact .mini-cart__total-label {
  display: table-cell;
}
.mini-cart_theme-compact .mini-cart__total-price {
  display: table-cell;
  padding-left: 10px;
  width: 1px;
}
.mini-cart_theme-compact .mini-cart__buy-button {
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  line-height: 44px;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  display: inline-block;
  margin-top: 43px;
  left: 100%;
}
@media all and (min-width: 951px) {
  .mini-cart_theme-wide .mini-cart__body {
    display: none;
  }
}
.mini-cart_theme-wide .mini-cart__list-item + .mini-cart__list-item {
  margin-top: 20px;
  padding-top: 25px;
}
.mini-cart_theme-wide .mini-cart__total-block {
  margin-top: 60px;
  padding-top: 19px;
}
@media all and (min-width: 501px) {
  .mini-cart_theme-wide .mini-cart__total-block {
    display: table;
    height: 100%;
    width: 100%;
  }
}
.mini-cart_theme-wide .mini-cart__total-info {
  display: table;
}
@media all and (max-width: 500px) {
  .mini-cart_theme-wide .mini-cart__total-info {
    width: 100%;
  }
}
@media all and (min-width: 501px) {
  .mini-cart_theme-wide .mini-cart__total-info {
    width: -webkit-calc(100% - 1px);
    width: -moz-calc(100% - 1px);
    width: -o-calc(100% - 1px);
    width: calc(100% - 1px);
    height: 100%;
    vertical-align: middle;
  }
}
.mini-cart_theme-wide .mini-cart__total-label {
  display: table-cell;
  vertical-align: middle;
}
.mini-cart_theme-wide .mini-cart__total-price {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  width: 1px;
}
.mini-cart_theme-wide .mini-cart__total-block-button {
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.mini-cart_theme-wide .mini-cart__total-block-button:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 500px) {
  .mini-cart_theme-wide .mini-cart__total-block-button {
    margin-top: 40px;
    text-align: right;
  }
}
@media all and (min-width: 501px) {
  .mini-cart_theme-wide .mini-cart__total-block-button {
    display: table-cell;
    padding-left: 45px;
    vertical-align: middle;
    width: 1px;
  }
}
.mini-cart_theme-wide .mini-cart__buy-button {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 40px;
  display: inline-block;
}
/*==========================================================================
   "mini-cart-item"
==========================================================================*/
.mini-cart-item__wrapper {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
.mini-cart-item__cover {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  position: relative;
  text-align: center;
  width: 65px;
}
.mini-cart-item__cover-link {
  display: inline-block;
  max-height: 100%;
  vertical-align: middle;
}
.mini-cart-item__cover img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.mini-cart-item__delete-button {
  color: transparent;
  height: 8px;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  width: 8px;
}
.mini-cart-item__delete-button:before,
.mini-cart-item__delete-button:after {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background: #20254a;
  bottom: -1px;
  content: '';
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -1px;
  width: 2px;
}
.mini-cart-item__delete-button:before {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.mini-cart-item__delete-button:after {
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.mini-cart-item__title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .025em;
}
.mini-cart-item__title-link {
  color: inherit;
}
.mini-cart-item__price {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  white-space: nowrap;
}
.mini-cart-item_compact .mini-cart-item__section {
  font-size: 16px;
  letter-spacing: auto;
  word-spacing: auto;
  display: inline-block;
  vertical-align: top;
}
.mini-cart-item_compact .mini-cart-item__section_cover {
  padding-left: 10px;
  width: 78px;
}
.mini-cart-item_compact .mini-cart-item__section_content {
  width: -webkit-calc(100% - 78px);
  width: -moz-calc(100% - 78px);
  width: -o-calc(100% - 78px);
  width: calc(100% - 78px);
  padding-left: 35px;
  padding-top: 3px;
}
.mini-cart-item_compact .mini-cart-item__cover {
  height: 65px;
}
.mini-cart-item_compact .mini-cart-item__cover:after {
  content: '';
  vertical-align: middle;
  height: 100%;
  display: inline-block;
}
.mini-cart-item_compact .mini-cart-item__delete-button {
  left: -10px;
}
.mini-cart-item_compact .mini-cart-item__price {
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media all and (max-width: 570px) {
  .mini-cart-item_row .mini-cart-item__wrapper {
    padding-left: 78px;
    position: relative;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__wrapper {
    display: table;
    width: 100%;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__section {
    display: table-cell;
    padding-top: 10px;
  }
}
@media all and (max-width: 570px) {
  .mini-cart-item_row .mini-cart-item__section_cover {
    padding-left: 35px;
    padding-top: 3px;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__section_cover {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    vertical-align: top;
    white-space: nowrap;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__section_quantity {
    padding-left: 20px;
  }
}
@media all and (max-width: 570px) {
  .mini-cart-item_row .mini-cart-item__section_price {
    margin-top: 8px;
    padding-left: 35px;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__section_price {
    padding-left: 20px;
    white-space: nowrap;
    width: 1px;
  }
}
@media all and (max-width: 570px) {
  .mini-cart-item_row .mini-cart-item__cover {
    height: 65px;
    left: 0;
    padding-left: 10px;
    position: absolute;
    top: 0;
    width: 75px;
  }
  .mini-cart-item_row .mini-cart-item__cover:after {
    content: '';
    vertical-align: middle;
    height: 100%;
    display: inline-block;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__cover {
    display: inline-block;
    vertical-align: top;
  }
}
.mini-cart-item_row .mini-cart-item__delete-button {
  left: 0;
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__title {
    width: -webkit-calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: -o-calc(100% - 65px);
    width: calc(100% - 65px);
    display: inline-block;
    padding-left: 38px;
    white-space: normal;
  }
}
@media all and (max-width: 570px) {
  .mini-cart-item_row .mini-cart-item__quantity {
    left: 10px;
    position: absolute;
    top: 65px;
    width: 65px;
  }
}
@media all and (min-width: 571px) {
  .mini-cart-item_row .mini-cart-item__quantity {
    display: inline-block;
    width: 64px;
  }
}
@media all and (max-width: 570px) {
  .mini-cart-item_row .mini-cart-item__price {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*==========================================================================
   "quantity-spinner"
==========================================================================*/
.quantity-spinner {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
.quantity-spinner__number-spinner {
  -webkit-background-size: 9px 4px;
  -moz-background-size: 9px 4px;
  -o-background-size: 9px 4px;
  background-size: 9px 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'9\' height=\'4\' viewBox=\'0 0 9 4\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M8.775 0L4.387 4 0 0h8.775z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 4px;
  position: relative;
  top: -6px;
  width: 9px;
}
.quantity-spinner__number-spinner:before {
  bottom: -3px;
  content: '';
  left: 0;
  position: absolute;
  top: -3px;
  width: 100%;
}
.quantity-spinner__number-spinner_increasing {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  /* & when (@ie-support = yes) {
        -ms-filter: "FlipH";
        filter: FlipH;
    } */
}
.quantity-spinner__number-input {
  -moz-appearance: textfield;
  color: #20254a;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  width: 100%;
}
.quantity-spinner__number-input::-webkit-outer-spin-button,
.quantity-spinner__number-input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.quantity-spinner__number-spinner + .quantity-spinner__number-input {
  width: -webkit-calc(100% - (9px + 6px) * 2);
  width: -moz-calc(100% - (9px + 6px) * 2);
  width: -o-calc(100% - (9px + 6px) * 2);
  width: calc(100% - (9px + 6px) * 2);
  margin: 0 6px;
}
/*==========================================================================
   PAGE "p-university-course"
==========================================================================*/
.p-university-course {
  padding: 20px 0 117px;
}
.p-university-course__breadcrumbs {
  margin: 0 auto 32px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-university-course__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-university-course__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-university-course__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-university-course__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-university-course__header {
  margin: 0 auto 27px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-university-course__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-university-course__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-university-course__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   "university-course-detailed"
==========================================================================*/
.university-course-detailed__wrapper {
  margin: 0 auto;
  max-width: 1284px;
  /* @media all and (max-width: @bp-wrapper-mobile-winger-indent-max) {
            padding-left: @wrapper-mobile-winger-indent;
            padding-right: @wrapper-mobile-winger-indent;
        }
        @media all and (min-width: @bp-wrapper-tablet-winger-indent-min) and (max-width: @bp-wrapper-tablet-winger-indent-max) {
            padding-left: @wrapper-tablet-winger-indent;
            padding-right: @wrapper-tablet-winger-indent;
        }
        @media all and (min-width: @bp-wrapper-desktop-winger-indent-min) {
            padding-left: (@wrapper-winger-inner-indent + @wrapper-winger-outer-indent);
            padding-right: (@wrapper-winger-inner-indent + @wrapper-winger-outer-indent);
        } */
}
.university-course-detailed__cover-block {
  -webkit-background-size: 0;
  -moz-background-size: 0;
  -o-background-size: 0;
  background-size: 0;
  background-repeat: no-repeat;
  height: 524px;
  margin-bottom: 45px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  position: relative;
  z-index: 1;
}
.university-course-detailed__cover-block:before,
.university-course-detailed__cover-block:after {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
}
.university-course-detailed__cover-block:before {
  background: rgba(32, 37, 74, 0.72);
}
.university-course-detailed__cover-block:after {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: inherit;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media all and (max-width: 550px) {
  .university-course-detailed__cover-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (max-width: 800px) {
  .university-course-detailed__cover-block {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .university-course-detailed__cover-block:before,
  .university-course-detailed__cover-block:after {
    left: 0;
    width: 100%;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .university-course-detailed__cover-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .university-course-detailed__cover-block {
    padding-left: 66px;
    padding-right: 66px;
  }
  .university-course-detailed__cover-block:before,
  .university-course-detailed__cover-block:after {
    left: 66px;
    right: 66px;
  }
}
@media all and (max-width: 700px) {
  .university-course-detailed__cover-block {
    margin-bottom: 23px;
  }
}
@media all and (min-width: 701px) {
  .university-course-detailed__cover-block {
    margin-bottom: 62px;
  }
}
.university-course-detailed__back-button {
  color: #fff;
  position: absolute;
  font-family: "ProximaNova";
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  top: 54px;
}
.university-course-detailed__back-button:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%23fff\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 18px;
  margin-bottom: 14px;
  transform: scaleX(-1);
  width: 10px;
}
@media all and (max-width: 550px) {
  .university-course-detailed__back-button {
    left: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .university-course-detailed__back-button {
    left: 55px;
  }
}
@media all and (min-width: 801px) {
  .university-course-detailed__back-button {
    left: 66px;
  }
}
@media all and (min-width: 801px) {
  .university-course-detailed__back-button {
    display: none;
  }
}
.university-course-detailed__cover-content {
  color: #fff;
  max-height: 100%;
  min-height: 202px;
  overflow: hidden;
}
@media all and (max-width: 800px) {
  .university-course-detailed__cover-content {
    margin-top: auto;
    padding: 33px 0 118px;
    position: relative;
    width: 100%;
  }
}
@media all and (min-width: 801px) {
  .university-course-detailed__cover-content {
    max-width: -webkit-calc(90% - 170px);
    max-width: -moz-calc(90% - 170px);
    max-width: -o-calc(90% - 170px);
    max-width: calc(90% - 170px);
    bottom: 0;
    left: 66px;
    padding: 0 0 37px 50px;
    position: absolute;
  }
}
.university-course-detailed__title {
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
}
@media all and (max-width: 700px) {
  .university-course-detailed__title {
    font-size: 27px;
  }
}
@media all and (min-width: 701px) {
  .university-course-detailed__title {
    font-size: 40px;
  }
}
.university-course-detailed__subtitle {
  color: #fff;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-top: 20px;
}
.university-course-detailed__description-block {
  margin-bottom: 30px;
  max-width: 1160px;
}
@media all and (min-width: 801px) {
  .university-course-detailed__description-block {
    padding-left: 116px;
    padding-right: 116px;
  }
}
@media all and (max-width: 550px) {
  .university-course-detailed__description-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .university-course-detailed__description-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.university-course-detailed__description-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 18px;
}
.university-course-detailed__description {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.4;
}
.university-course-detailed__progress-block {
  margin: 0 auto 58px;
  max-width: 1152px;
}
.university-course-detailed__progress-title {
  color: #606469;
  font-family: "PTSans";
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .005em;
  margin-bottom: 3px;
  text-align: center;
  text-transform: uppercase;
}
.university-course-detailed__progress {
  background-color: #20254a;
  height: 21px;
  position: relative;
  z-index: 1;
}
.university-course-detailed__progress:before {
  background-color: #56df50;
  content: '';
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 96px;
  z-index: 1;
}
@media all and (max-width: 900px) {
  .university-course-detailed__progress:before {
    display: none;
  }
}
.university-course-detailed__progress-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: #ff2a00;
  display: block;
  height: 100%;
  width: 100%;
}
.university-course-detailed__progress-bar::-moz-progress-bar {
  background: #ff2a00;
  position: relative;
  z-index: 2;
}
.university-course-detailed__progress-bar::-webkit-progress-bar {
  background: none;
}
.university-course-detailed__progress-bar::-webkit-progress-value {
  background: #ff2a00;
  position: relative;
  z-index: 2;
}
.university-course-detailed__progress-active-bar {
  background: #ff2a00;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}
.university-course-detailed__progress-active-bar:after {
  border-bottom: 11px solid transparent;
  border-left: 13px solid #ff2a00;
  border-top: 10px solid transparent;
  bottom: 0;
  content: '';
  height: 0;
  left: 100%;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 0;
}
.university-course-detailed__video-courses-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin: 0 auto 27px;
  max-width: 1284px;
  padding-left: 50px;
}
@media all and (max-width: 550px) {
  .university-course-detailed__video-courses-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .university-course-detailed__video-courses-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .university-course-detailed__video-courses-title {
    padding-left: 116px;
    padding-right: 66px;
  }
}
.university-course-detailed__video-courses-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .university-course-detailed__video-courses-list {
    padding-left: 116px;
    padding-right: 116px;
  }
}
.university-course-detailed__video-courses-counter {
  color: #ff2a00;
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
/*==========================================================================
   "videocourses-previews"
==========================================================================*/
.videocourses-previews__item + .videocourses-previews__item {
  margin-top: 37px;
}
/*==========================================================================
   "videocourse-preview"
==========================================================================*/
@media all and (min-width: 1201px) {
  .videocourse-preview__wrapper {
    display: table;
    height: 217px;
    width: 100%;
  }
}
@media all and (min-width: 1201px) {
  .videocourse-preview__cover {
    display: table-cell;
    height: 100%;
    vertical-align: top;
  }
}
@media all and (max-width: 550px) {
  .videocourse-preview__buttons-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .videocourse-preview__buttons-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .videocourse-preview__buttons-block {
    padding-left: 53px;
    padding-right: 53px;
  }
}
@media all and (max-width: 1200px) {
  .videocourse-preview__buttons-block {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding-top: 25px;
  }
}
@media all and (min-width: 1201px) {
  .videocourse-preview__buttons-block {
    display: table-cell;
    padding: 20px 38px;
    vertical-align: middle;
    white-space: nowrap;
    width: 1px;
  }
}
.videocourse-preview__action-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
  font-size: 0;
  height: 60px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  width: 60px;
}
.videocourse-preview__action-button:before {
  bottom: 0;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
}
@media all and (max-width: 1200px) {
  .videocourse-preview__action-button {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (min-width: 1201px) {
  .videocourse-preview__action-button {
    display: block;
  }
}
.videocourse-preview__action-button_test:before {
  -webkit-background-size: 20px 22px;
  -moz-background-size: 20px 22px;
  -o-background-size: 20px 22px;
  background-size: 20px 22px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%23fff\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
}
.videocourse-preview__action-button_watch:before {
  -webkit-background-size: 16px 18px;
  -moz-background-size: 16px 18px;
  -o-background-size: 16px 18px;
  background-size: 16px 18px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 257 321\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M16.1 29.3l209.8 131.1L16.1 291.5V29.3zM.1.4v320l256-160L.1.4z\' fill=\'%23fff\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  left: 1px;
  right: 0;
}
.videocourse-preview__action-button_success {
  background: #56df50;
}
.videocourse-preview__action-button_failure {
  background: #ff2a00;
}
.videocourse-preview__action-button_basic {
  background: #20254a;
}
@media all and (max-width: 1200px) {
  .videocourse-preview__action-button + .videocourse-preview__action-button {
    margin-left: 42px;
  }
}
@media all and (min-width: 1201px) {
  .videocourse-preview__action-button + .videocourse-preview__action-button {
    margin-top: 26px;
  }
}
/*==========================================================================
   PAGE "p-present"
==========================================================================*/
.p-present {
  padding: 20px 0 117px;
}
.p-present__breadcrumbs {
  margin: 0 auto 32px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-present__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-present__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-present__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-present__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-present__header {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-present__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-present__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-present__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 950px) {
  .p-present__header {
    margin-bottom: 45px;
  }
}
@media all and (min-width: 951px) {
  .p-present__header {
    margin-bottom: 80px;
  }
}
/*==========================================================================
   "present-detailed"
==========================================================================*/
.present-detailed__wrapper {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .present-detailed__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .present-detailed__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .present-detailed__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 951px) {
  .present-detailed__wrapper {
    text-align: right;
  }
}
.present-detailed__title {
  color: #20254a;
  font-family: "PTSans";
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 30px;
}
@media all and (max-width: 950px) {
  .present-detailed__title {
    font-size: 18px;
  }
}
@media all and (min-width: 951px) {
  .present-detailed__title {
    border-bottom: 1px solid #d4ecf7;
    display: inline-block;
    font-size: 22px;
    margin-right: 42px;
    padding-bottom: 17px;
    text-align: left;
    vertical-align: top;
  }
}
@media all and (min-width: 951px) and (max-width: 1200px) {
  .present-detailed__title {
    width: -webkit-calc(100% - 430px - 45px - 42px);
    width: -moz-calc(100% - 430px - 45px - 42px);
    width: -o-calc(100% - 430px - 45px - 42px);
    width: calc(100% - 430px - 45px - 42px);
  }
}
@media all and (min-width: 1201px) {
  .present-detailed__title {
    width: -webkit-calc(100% - 430px - 115px - 42px);
    width: -moz-calc(100% - 430px - 115px - 42px);
    width: -o-calc(100% - 430px - 115px - 42px);
    width: calc(100% - 430px - 115px - 42px);
  }
}
.present-detailed__gallery {
  position: relative;
}
@media all and (max-width: 950px) {
  .present-detailed__gallery {
    margin: 0 auto 10px;
    max-width: 430px;
    padding-bottom: 25px;
  }
}
@media all and (min-width: 951px) {
  .present-detailed__gallery {
    float: left;
    height: 415px;
    padding-bottom: 54px;
    padding-top: 50px;
    width: 430px;
  }
}
.present-detailed__gallery .bx-controls-direction {
  display: none;
}
.present-detailed__gallery .bx-pager {
  bottom: 15px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.present-detailed__gallery img:not(:first-child) {
  display: none;
}
.present-detailed__info-block {
  font-size: 16px;
  letter-spacing: auto;
  word-spacing: auto;
}
@media all and (min-width: 951px) {
  .present-detailed__info-block {
    width: -webkit-calc(100% - 430px);
    width: -moz-calc(100% - 430px);
    width: -o-calc(100% - 430px);
    width: calc(100% - 430px);
    display: inline-block;
    padding-right: 42px;
    text-align: left;
    vertical-align: top;
  }
}
@media all and (min-width: 951px) and (max-width: 1200px) {
  .present-detailed__info-block {
    padding-left: 45px;
  }
}
@media all and (min-width: 1201px) {
  .present-detailed__info-block {
    padding-left: 115px;
  }
}
.present-detailed__description {
  color: #8d97a7;
  font-family: "PTSans";
  font-size: 15px;
  letter-spacing: .005em;
  line-height: 1.4;
  max-width: 560px;
}
.present-detailed__info-total-block {
  border-top: 1px solid #d4ecf7;
  display: table;
  padding-top: 18px;
  width: 100%;
}
@media all and (max-width: 950px) {
  .present-detailed__info-total-block {
    margin-top: 30px;
  }
}
@media all and (min-width: 951px) {
  .present-detailed__info-total-block {
    margin-top: 80px;
  }
}
.present-detailed__price {
  color: #20254a;
  display: table-cell;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.present-detailed__action-button-block {
  display: table-cell;
  padding-left: 15px;
  vertical-align: middle;
  white-space: nowrap;
  width: 1px;
}
.present-detailed__action-button {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  background: #20254a;
  border: 2px solid #20254a;
  color: #fff;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 28px;
  min-width: 154px;
  padding: 3px 15px 0;
  text-align: center;
  text-transform: uppercase;
}
.present-detailed__action-button_active {
  background: none;
  color: #20254a;
  cursor: default;
}
.present-detailed__cart {
  margin-top: 50px;
}
@media all and (min-width: 951px) {
  .present-detailed__cart {
    border: 1px solid #d4ecf7;
    padding: 20px 41px 20px 63px;
    text-align: left;
  }
}
.present-detailed__cart-items {
  padding-top: 65px;
}
.present-detailed__cart-header {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  padding-left: 22px;
}
@media all and (max-width: 950px) {
  .present-detailed__cart-header {
    display: none;
  }
}
.present-detailed__cart-title {
  width: -webkit-calc(100% - 9px);
  width: -moz-calc(100% - 9px);
  width: -o-calc(100% - 9px);
  width: calc(100% - 9px);
  font-size: 22px;
  letter-spacing: auto;
  word-spacing: auto;
  color: #20254a;
  display: inline-block;
  font-family: "ProximaNova";
  font-weight: 900;
  padding-right: 15px;
  vertical-align: top;
}
.present-detailed__orders-quantity {
  color: #ff2a00;
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.present-detailed__cart-open-button {
  display: inline-block;
  position: relative;
  top: 8px;
}
.present-detailed__cart-item-cover {
  padding-left: 22px;
}
.present-detailed__cart-total-block {
  padding-left: 22px;
}
.present-detailed__cart-item-cover {
  padding-left: 22px;
}
/*==========================================================================
   "courses-programs"
==========================================================================*/
.user-videocourses__header {
  display: table;
  margin: 0 auto 30px;
  max-width: 1284px;
  table-layout: fixed;
  width: 100%;
}
.user-videocourses__header:before {
  content: '';
  display: table-cell;
}
@media all and (max-width: 1200px) {
  .user-videocourses__header {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .user-videocourses__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .user-videocourses__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .user-videocourses__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.user-videocourses__header-item {
  color: #20254a;
  display: table-cell;
  font-family: "ProximaNova";
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .01em;
  padding-left: 19px;
  vertical-align: middle;
  width: 132px;
}
.user-videocourses__list {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .user-videocourses__list {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.user-videocourses__item + .user-videocourses__item {
  margin-top: 28px;
}
/*==========================================================================
   "user-videocourse-preview"
==========================================================================*/
@media all and (min-width: 1201px) {
  .user-videocourse-preview__wrapper {
    border-bottom: 1px solid #d4ecf7;
    display: table;
    height: 248px;
    width: 100%;
  }
}
@media all and (min-width: 1201px) {
  .user-videocourse-preview__cover {
    display: table-cell;
    height: 100%;
    padding-bottom: 29px;
    padding-right: 25px;
    vertical-align: top;
  }
}
@media all and (max-width: 1200px) {
  .user-videocourse-preview__statistic-block {
    text-align: center;
  }
}
@media all and (min-width: 1201px) {
  .user-videocourse-preview__statistic-block {
    border-left: 1px solid #d4ecf7;
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    width: 1px;
  }
}
.user-videocourse-preview__statistic-items {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
@media all and (max-width: 800px) {
  .user-videocourse-preview__statistic-items {
    padding: 0 14px;
  }
}
@media all and (max-width: 1200px) {
  .user-videocourse-preview__statistic-items {
    text-align: left;
  }
}
@media all and (min-width: 1201px) {
  .user-videocourse-preview__statistic-items {
    border-bottom: 1px solid #d4ecf7;
    height: 175px;
  }
}
.user-videocourse-preview__statistic-item {
  letter-spacing: auto;
  word-spacing: auto;
  color: #20254a;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 30px;
  font-weight: 900;
  height: 100%;
  letter-spacing: .025em;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.user-videocourse-preview__statistic-item:before {
  background-position: 0 50%;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 24px;
  margin-bottom: 15px;
}
@media all and (max-width: 1200px) {
  .user-videocourse-preview__statistic-item {
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -o-calc(100% / 3);
    width: calc(100% / 3);
    border-left: 1px solid #d4ecf7;
    padding: 29px 0 0 9px;
  }
}
@media all and (min-width: 1201px) {
  .user-videocourse-preview__statistic-item {
    padding: 65px 10px 20px 18px;
  }
  .user-videocourse-preview__statistic-item:first-child {
    width: 131px;
  }
  .user-videocourse-preview__statistic-item + .user-videocourse-preview__statistic-item {
    border-left: 1px solid #d4ecf7;
    width: 132px;
  }
}
.user-videocourse-preview__statistic-item_listeners:before {
  -webkit-background-size: 27px 24px;
  -moz-background-size: 27px 24px;
  -o-background-size: 27px 24px;
  background-size: 27px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 22 18\'%3E%3Cg fill=\'%238d97a7\'%3E%3Cpath d=\'M21.4 5.1l-10-5c-.3-.1-.6-.1-.9 0l-10 5c-.2.1-.4.3-.4.5-.1.1-.1.3-.1.4v5.8c0 .6.4 1 1 1s1-.4 1-1V7.5l2 .8v4.9c0 .4.2.7.6.9C6.3 14.9 8 16 11 16s4.7-1.1 6.4-1.9c.3-.2.6-.5.6-.9V8.3L21.4 7c.4-.1.6-.5.6-.9 0-.5-.2-.8-.6-1zM16 12.6l-1 .4c-2.5 1.3-5.5 1.3-8 0l-1-.5V9l4.6 1.9c.1 0 .2.1.4.1s.3 0 .4-.1L16 9v3.6zm-5-3.7l-7.6-3L11 2.1l7.6 3.8-7.6 3zM1 14c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-.6-.4-1-1-1z\'/%3E%3C/g%3E%3C/svg%3E");
}
.user-videocourse-preview__statistic-item_finished:before {
  -webkit-background-size: 20px 22px;
  -moz-background-size: 20px 22px;
  -o-background-size: 20px 22px;
  background-size: 20px 22px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%238d97a7\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
}
.user-videocourse-preview__statistic-item_watchings:before {
  -webkit-background-size: 30px 19px;
  -moz-background-size: 30px 19px;
  -o-background-size: 30px 19px;
  background-size: 30px 19px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 36 25\'%3E%3Cg fill=\'%238d97a7\'%3E%3Cpath d=\'M35.7 11.2c-.3-.6-.6-1.3-1-1.9-1.6-2.4-3.8-4.4-6.7-6.2-3.3-2-6.6-3-10.1-3.1-.4.1-.8.1-1.1.1-.8.1-1.8.2-2.5.4-3.9.9-7.5 2.9-10.7 6C2.2 7.9 1.2 9.2.5 10.6c-.6 1.3-.6 2.5 0 3.7.3.6.6 1.2 1 1.7 2.6 3.5 6 6.1 10.3 7.8 2.1.8 4.2 1.2 6.2 1.2 1.1 0 2.2-.1 3.3-.3 4.4-.9 8.3-3.1 11.7-6.7 1.3-1.4 2.2-2.7 2.7-4.1.4-.9.4-1.8 0-2.7zm-3 3.1c-3.2 4.3-7.3 7-12.2 8-4 .8-7.9-.2-12-2.8-2.2-1.5-4-3.2-5.4-5.2-.7-1.2-.7-2.2.1-3.3 1.6-2.3 3.6-4.2 6.3-5.8 2.2-1.3 4.5-2.1 6.8-2.4.4 0 .8-.1 1.1-.1h.4c2.9 0 5.6.8 8.2 2.2 2.8 1.6 5 3.5 6.7 6 .9 1.2.9 2.3 0 3.4z\'/%3E%3Cpath d=\'M18 5.8c-1.9 0-3.6.7-4.9 2s-2 3-2 4.9c0 1.8.7 3.5 2 4.8 1.3 1.3 3 2 4.8 2h.1c1.7 0 3.5-.7 4.7-2 1.4-1.4 2.1-3.2 2-5.1 0-1.7-.8-3.4-2.1-4.7A6.42 6.42 0 0 0 18 5.8zM18 17c-1.2 0-2.2-.5-3.1-1.3-.8-.8-1.3-1.9-1.3-3 0-1.2.5-2.3 1.3-3.1.8-.8 1.9-1.2 3-1.2h.1c1.1 0 2.2.5 3 1.3s1.3 1.9 1.2 3.1C22.3 15 20.3 17 18 17z\'/%3E%3C/g%3E%3C/svg%3E");
}
.user-videocourse-preview__statistic-value-lower {
  font-size: 22px;
}
.user-videocourse-preview__statistic-button {
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  color: #8d97a7;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 71px;
  padding: 1px 20px 0;
  text-decoration: underline;
  text-transform: uppercase;
  vertical-align: 10px;
}
.user-videocourse-preview__statistic-button:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 75 75\'%3E%3Cg fill=\'%238d97a7\'%3E%3Cpath d=\'M31.8 75C14.3 75 0 60.7 0 43.2s14.3-31.8 31.8-31.8c1.9 0 3.5 1.6 3.5 3.5v24.8h24.8c1.9 0 3.5 1.6 3.5 3.5C63.6 60.7 49.3 75 31.8 75zm-3.5-56.4C16.3 20.3 7 30.7 7 43.2 7 56.9 18.1 68 31.8 68c12.5 0 22.8-9.3 24.6-21.3H31.8c-1.9 0-3.5-1.6-3.5-3.5V18.6z\'/%3E%3Cpath d=\'M71.5 35.3H43.2c-1.9 0-3.5-1.6-3.5-3.5V3.5c0-1.9 1.6-3.5 3.5-3.5C60.7 0 75 14.3 75 31.8c0 1.9-1.6 3.5-3.5 3.5zm-24.8-7h21.1C66.3 17.4 57.6 8.8 46.7 7.2v21.1z\'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 24px;
  margin-right: 12px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 24px;
}
@media all and (max-width: 1200px) {
  .user-videocourse-preview__statistic-button {
    display: inline-block;
    max-width: 100%;
  }
}
@media all and (min-width: 1201px) {
  .user-videocourse-preview__statistic-button {
    display: block;
  }
}
.user-videocourse-preview__statistic-button:hover {
  background: #8d97a7;
  color: #fff;
}
.user-videocourse-preview__statistic-button:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 75 75\'%3E%3Cg fill=\'%23fff\'%3E%3Cpath d=\'M31.8 75C14.3 75 0 60.7 0 43.2s14.3-31.8 31.8-31.8c1.9 0 3.5 1.6 3.5 3.5v24.8h24.8c1.9 0 3.5 1.6 3.5 3.5C63.6 60.7 49.3 75 31.8 75zm-3.5-56.4C16.3 20.3 7 30.7 7 43.2 7 56.9 18.1 68 31.8 68c12.5 0 22.8-9.3 24.6-21.3H31.8c-1.9 0-3.5-1.6-3.5-3.5V18.6z\'/%3E%3Cpath d=\'M71.5 35.3H43.2c-1.9 0-3.5-1.6-3.5-3.5V3.5c0-1.9 1.6-3.5 3.5-3.5C60.7 0 75 14.3 75 31.8c0 1.9-1.6 3.5-3.5 3.5zm-24.8-7h21.1C66.3 17.4 57.6 8.8 46.7 7.2v21.1z\'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
/*==========================================================================
   "user-videocourse-detailed"
==========================================================================*/
.user-videocourse-detailed__info-block {
  margin: 0 auto 35px;
  max-width: 1284px;
}
.user-videocourse-detailed__statistic-section {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 1061px) {
  .user-videocourse-detailed__statistic-section {
    padding-left: 106px;
    padding-right: 106px;
  }
}
@media all and (max-width: 1060px) {
  .user-videocourse-detailed__statistic-section + .user-videocourse-detailed__statistic-section {
    margin-top: 50px;
  }
}
@media all and (min-width: 1061px) {
  .user-videocourse-detailed__statistic-section + .user-videocourse-detailed__statistic-section {
    margin-top: 145px;
  }
}
@media all and (max-width: 550px) {
  .user-videocourse-detailed__table-header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .user-videocourse-detailed__table-header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1060px) {
  .user-videocourse-detailed__table-header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.user-videocourse-detailed__sectors-table {
  margin: 0 auto;
}
@media all and (min-width: 1061px) {
  .user-videocourse-detailed__sectors-table {
    max-width: 896px;
  }
}
/*==========================================================================
   "user-videocourse-cover"
==========================================================================*/
@media all and (min-width: 801px) {
  .user-videocourse-cover {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.user-videocourse-cover__wrapper {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 405px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.user-videocourse-cover__wrapper:before {
  background: rgba(32, 37, 74, 0.7);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__wrapper {
    padding-bottom: 32px;
    padding-top: 25px;
  }
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__wrapper {
    padding-bottom: 40px;
    padding-top: 65px;
  }
}
@media all and (max-width: 550px) {
  .user-videocourse-cover__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .user-videocourse-cover__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .user-videocourse-cover__wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__info {
    margin-bottom: 65px;
  }
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__info {
    display: table;
    margin-bottom: 55px;
    width: 100%;
  }
}
.user-videocourse-cover__subtitle {
  color: #fff;
  font-family: "ProximaNova";
  font-size: 17px;
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 25px;
}
.user-videocourse-cover__subtitle:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 75 75\'%3E%3Cg fill=\'%23fff\'%3E%3Cpath d=\'M31.8 75C14.3 75 0 60.7 0 43.2s14.3-31.8 31.8-31.8c1.9 0 3.5 1.6 3.5 3.5v24.8h24.8c1.9 0 3.5 1.6 3.5 3.5C63.6 60.7 49.3 75 31.8 75zm-3.5-56.4C16.3 20.3 7 30.7 7 43.2 7 56.9 18.1 68 31.8 68c12.5 0 22.8-9.3 24.6-21.3H31.8c-1.9 0-3.5-1.6-3.5-3.5V18.6z\'/%3E%3Cpath d=\'M71.5 35.3H43.2c-1.9 0-3.5-1.6-3.5-3.5V3.5c0-1.9 1.6-3.5 3.5-3.5C60.7 0 75 14.3 75 31.8c0 1.9-1.6 3.5-3.5 3.5zm-24.8-7h21.1C66.3 17.4 57.6 8.8 46.7 7.2v21.1z\'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 25px;
  margin-right: 18px;
  vertical-align: top;
  width: 25px;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__subtitle {
    margin-bottom: 36px;
  }
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__subtitle {
    display: table-cell;
  }
}
.user-videocourse-cover__duration {
  color: #fff;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  vertical-align: middle;
}
.user-videocourse-cover__duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 29px;
  margin-right: 10px;
  vertical-align: middle;
  width: 29px;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__duration {
    display: inline-block;
  }
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__duration {
    display: table-cell;
    white-space: nowrap;
    width: 1px;
  }
}
.user-videocourse-cover__date {
  color: #fff;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-left: 40px;
  position: relative;
  vertical-align: middle;
}
.user-videocourse-cover__date:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 25px;
  margin-right: 16px;
  vertical-align: middle;
  width: 31px;
}
.user-videocourse-cover__date:after {
  background: #fff;
  bottom: 0;
  content: '';
  height: 12px;
  left: 17px;
  margin: auto 0;
  position: absolute;
  top: 0;
  width: 1px;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__date {
    display: inline-block;
  }
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__date {
    display: table-cell;
    white-space: nowrap;
    width: 1px;
  }
}
.user-videocourse-cover__title {
  color: #fff;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 1.2;
  margin-bottom: 32px;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__title {
    height: 3.6em;
  }
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__title {
    font-size: 24px;
  }
}
@media all and (min-width: 601px) and (max-width: 1000px) {
  .user-videocourse-cover__title {
    font-size: 36px;
  }
}
@media all and (min-width: 1001px) {
  .user-videocourse-cover__title {
    font-size: 43px;
  }
}
.user-videocourse-cover__statistic {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
}
.user-videocourse-cover__statistic-item {
  font-size: 18px;
  letter-spacing: auto;
  word-spacing: auto;
  color: #fff;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  padding-top: 2px;
}
.user-videocourse-cover__statistic-item:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  content: '';
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__statistic-item {
    display: inline-block;
  }
}
.user-videocourse-cover__statistic-item_listeners:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 22 18\'%3E%3Cg fill=\'%23fff\'%3E%3Cpath d=\'M21.4 5.1l-10-5c-.3-.1-.6-.1-.9 0l-10 5c-.2.1-.4.3-.4.5-.1.1-.1.3-.1.4v5.8c0 .6.4 1 1 1s1-.4 1-1V7.5l2 .8v4.9c0 .4.2.7.6.9C6.3 14.9 8 16 11 16s4.7-1.1 6.4-1.9c.3-.2.6-.5.6-.9V8.3L21.4 7c.4-.1.6-.5.6-.9 0-.5-.2-.8-.6-1zM16 12.6l-1 .4c-2.5 1.3-5.5 1.3-8 0l-1-.5V9l4.6 1.9c.1 0 .2.1.4.1s.3 0 .4-.1L16 9v3.6zm-5-3.7l-7.6-3L11 2.1l7.6 3.8-7.6 3zM1 14c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1s1-.4 1-1v-2c0-.6-.4-1-1-1z\'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 24px;
  width: 27px;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__statistic-item_listeners {
    display: inline-block;
  }
}
.user-videocourse-cover__statistic-item_finished:before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%23fff\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 22px;
  width: 20px;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__statistic-item_finished {
    display: inline-block;
    padding-left: 43px;
    position: relative;
  }
  .user-videocourse-cover__statistic-item_finished:after {
    background: #fff;
    bottom: 0;
    content: '';
    height: 12px;
    left: 21px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
.user-videocourse-cover__statistic-item_watchings:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 36 25\'%3E%3Cg fill=\'%23fff\'%3E%3Cpath d=\'M35.7 11.2c-.3-.6-.6-1.3-1-1.9-1.6-2.4-3.8-4.4-6.7-6.2-3.3-2-6.6-3-10.1-3.1-.4.1-.8.1-1.1.1-.8.1-1.8.2-2.5.4-3.9.9-7.5 2.9-10.7 6C2.2 7.9 1.2 9.2.5 10.6c-.6 1.3-.6 2.5 0 3.7.3.6.6 1.2 1 1.7 2.6 3.5 6 6.1 10.3 7.8 2.1.8 4.2 1.2 6.2 1.2 1.1 0 2.2-.1 3.3-.3 4.4-.9 8.3-3.1 11.7-6.7 1.3-1.4 2.2-2.7 2.7-4.1.4-.9.4-1.8 0-2.7zm-3 3.1c-3.2 4.3-7.3 7-12.2 8-4 .8-7.9-.2-12-2.8-2.2-1.5-4-3.2-5.4-5.2-.7-1.2-.7-2.2.1-3.3 1.6-2.3 3.6-4.2 6.3-5.8 2.2-1.3 4.5-2.1 6.8-2.4.4 0 .8-.1 1.1-.1h.4c2.9 0 5.6.8 8.2 2.2 2.8 1.6 5 3.5 6.7 6 .9 1.2.9 2.3 0 3.4z\'/%3E%3Cpath d=\'M18 5.8c-1.9 0-3.6.7-4.9 2s-2 3-2 4.9c0 1.8.7 3.5 2 4.8 1.3 1.3 3 2 4.8 2h.1c1.7 0 3.5-.7 4.7-2 1.4-1.4 2.1-3.2 2-5.1 0-1.7-.8-3.4-2.1-4.7A6.42 6.42 0 0 0 18 5.8zM18 17c-1.2 0-2.2-.5-3.1-1.3-.8-.8-1.3-1.9-1.3-3 0-1.2.5-2.3 1.3-3.1.8-.8 1.9-1.2 3-1.2h.1c1.1 0 2.2.5 3 1.3s1.3 1.9 1.2 3.1C22.3 15 20.3 17 18 17z\'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 19px;
  width: 30px;
}
@media all and (max-width: 600px) {
  .user-videocourse-cover__statistic-item_watchings {
    margin-top: 15px;
  }
}
@media all and (min-width: 601px) {
  .user-videocourse-cover__statistic-item + .user-videocourse-cover__statistic-item {
    padding-left: 43px;
    position: relative;
  }
  .user-videocourse-cover__statistic-item + .user-videocourse-cover__statistic-item:after {
    background: #fff;
    bottom: 0;
    content: '';
    height: 12px;
    left: 21px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
/*==========================================================================
   "table-block"
==========================================================================*/
@media all and (max-width: 960px) {
  .table-block__header {
    margin-bottom: 28px;
  }
}
@media all and (min-width: 961px) {
  .table-block__header {
    display: table;
    margin-bottom: 57px;
    width: 100%;
  }
}
@media all and (min-width: 961px) {
  .table-block__header-item {
    display: table-cell;
  }
}
.table-block__header-item_sorting {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
@media all and (max-width: 960px) {
  .table-block__header-item_sorting {
    margin-top: 24px;
  }
}
@media all and (min-width: 961px) {
  .table-block__header-item_sorting {
    padding-left: 15px;
    white-space: nowrap;
    width: 1px;
  }
}
@media all and (max-width: 960px) {
  .table-block__header-item_filter {
    margin-top: 35px;
  }
}
@media all and (min-width: 961px) {
  .table-block__header-item_filter {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    white-space: nowrap;
    vertical-align: bottom;
    width: 1px;
  }
}
.table-block__title {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  white-space: normal;
}
@media all and (max-width: 600px) {
  .table-block__title {
    font-size: 20px;
  }
}
@media all and (min-width: 601px) {
  .table-block__title {
    font-size: 24px;
  }
}
@media all and (min-width: 961px) {
  .table-block__header-item_title-search .table-block__title {
    padding-right: 20px;
  }
}
.table-block__search {
  border-bottom: 1px solid #8d97a7;
  display: inline-block;
  margin-top: 15px;
  padding: 0 15px 0 22px;
  position: relative;
  width: 268px;
}
.table-block__search:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'9\' height=\'4\' viewBox=\'0 0 9 4\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%238d97a7;fill-rule:evenodd%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M8.775 0L4.387 4 0 0h8.775z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: 0;
  content: '';
  display: block;
  height: 4px;
  margin: auto 0;
  position: absolute;
  right: 4px;
  top: 0;
  width: 9px;
}
@media all and (max-width: 960px) {
  .table-block__search {
    display: none;
  }
}
.table-block__search-input {
  color: #8d97a7;
  display: inline-block;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  height: 26px;
  width: 100%;
}
.table-block__search-submit-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 520.3 512.5\'%3E%3Cstyle%3E.c%7Bfill:%238d97a7%7D%3C/style%3E%3Cpath class=\'c\' d=\'M494.3 512.5h-12c-5.8-3.3-12.7-5.6-17.3-10.2-40.2-39.7-80-79.7-119.9-119.7-2.1-2.1-4-4.3-5.9-6.4-1.9 1.3-3.1 2.2-4.4 3.1-31.6 21.9-66.6 34.5-105 36.9-42.6 2.6-82.7-6.4-119.4-28.6-52.6-31.9-85.5-78.2-98.1-138.6-1.7-8.1-2.7-16.3-4-24.5v-32c.8-5.4 1.4-10.8 2.3-16.2 6.7-40.2 23.5-75.5 50.3-106.3 53-60.9 143.8-86.3 219.8-59.2 84.4 30.2 132.3 90.6 142.6 180 3.8 33.2-1.5 65.5-14.6 96.1-6.6 15.3-15.3 29.8-23.5 45.6.2.1 1.6 1 2.8 2.2 39 39 77.9 78.1 117 117 6.7 6.7 12.7 13.5 15.3 22.8v12c-1.7 3.9-3.1 8-5.3 11.6-4.7 7.9-12.4 11.7-20.7 14.4zm-278-160c79.7-.2 144.1-64.9 143.9-144.5-.2-78.9-65-143.5-144-143.5-79.2 0-144 64.8-144 144 .1 79.2 65.1 144.2 144.1 144z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  color: transparent;
  font-size: 0;
  height: 16px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  top: 1px;
  width: 16px;
}
.table-block__search-dropdown {
  background: #fff;
  border: 1px solid #8d97a7;
  left: 0;
  max-height: 198px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  white-space: normal;
  width: 100%;
}
.table-block__search-dropdown:not(.is-opened) {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  visibility: hidden;
  z-index: -5;
}
.table-block__search-dropdown.is-opened {
  z-index: 1;
}
.table-block__search-dropdown .nicescroll-rails {
  width: 2px;
}
.table-block__search-dropdown .nicescroll-cursors {
  width: 100%;
  background: #8d97a7;
}
.table-block__search-dropdown-body {
  padding: 5px 0;
}
.table-block__search-dropdown-item {
  color: #8d97a7;
  cursor: pointer;
  font-family: "PTSans";
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .025em;
  padding: 8px 10px 5px 21px;
}
.table-block__search-dropdown-item:hover {
  background: #8d97a7;
  color: rgba(255, 255, 255, 0.62);
}
.table-block__sorting-switcher {
  display: inline-block;
}
.table-block__sorting-switcher + .table-block__sorting-switcher {
  margin-left: 30px;
}
.table-block__filter {
  width: 220px;
}
@media all and (max-width: 960px) {
  .table-block__filter {
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 961px) {
  .table-block__filter {
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (max-width: 960px) {
  .table-block__filter + .table-block__filter {
    margin-top: 26px;
  }
}
@media all and (min-width: 961px) {
  .table-block__filter + .table-block__filter {
    margin-left: 25px;
  }
}
.table-block__table {
  width: 100%;
}
.table-block.is-filtered .table-block__filtering-item:not(.is-active) {
  display: none;
}
/*==========================================================================
   "content-table"
==========================================================================*/
.content-table {
  overflow-x: auto;
}
/*==========================================================================
   "table"
==========================================================================*/
.table {
  font-family: "ProximaNova";
  font-weight: 900;
}
@media all and (max-width: 850px) {
  .table {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    display: block;
    overflow: auto;
  }
}
@media all and (max-width: 850px) {
  .table tbody {
    display: block;
  }
}
@media all and (max-width: 850px) {
  .table__header {
    display: block;
  }
}
@media all and (max-width: 850px) {
  .table tr {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    width: 100%;
  }
}
@media all and (max-width: 850px) {
  .table th,
  .table td {
    flex: 0 0 auto;
  }
}
@media all and (max-width: 500px) {
  .table th,
  .table td {
    width: 100%;
  }
}
@media all and (min-width: 501px) and (max-width: 850px) {
  .table th,
  .table td {
    width: 50%;
  }
}
.table__header-cell {
  font-size: 14px;
  letter-spacing: .025em;
  padding: 22px 22px;
  text-align: left;
  vertical-align: middle;
}
.table_theme-blue .table__header-cell {
  background: #20254a;
  color: #fff;
}
.table_theme-blue .table__header-cell:first-child {
  border-left: 1px solid #20254a;
}
.table_theme-blue .table__header-cell + .table__header-cell {
  border-left: 1px solid #a6b7cb;
}
.table_theme-lblue .table__header-cell {
  background: #d4ecf7;
  color: #20254a;
}
.table_theme-lblue .table__header-cell + .table__header-cell {
  border-left: 1px solid #d4ecf7;
}
.table__cell {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #20254a;
  padding: 17px 22px 16px;
  text-align: left;
}
thead + tbody tr:first-child .table__cell {
  border-style: solid;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
thead + tbody tr:not(:first-child) .table__cell {
  border-style: solid;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
}
.table_theme-blue .table__cell {
  border-color: #a6b7cb;
}
.table_theme-lblue .table__cell {
  border-color: #d4ecf7;
}
@media all and (max-width: 850px) {
  .table__footer {
    display: block;
  }
}
.table__footer-title {
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: #20254a;
  color: #fff;
  padding: 17px 22px 16px;
  text-align: right;
}
.table_theme-blue .table__footer-title:first-child {
  border-left: 1px solid #20254a;
}
.table__footer-value {
  color: #ff2a00;
  font-size: 17px;
  letter-spacing: .1em;
  padding: 17px 22px 16px;
  text-align: left;
  text-transform: uppercase;
}
.table_theme-blue .table__footer-value {
  border-bottom: 1px solid #a6b7cb;
}
.table_theme-blue .table__footer-value:last-child {
  border-right: 1px solid #a6b7cb;
}
.nicescroll-rails-vr {
  display: block !important;
}
/*==========================================================================
   "statistic-table"
==========================================================================*/
.statistic-table {
  display: block;
  position: relative;
}
.statistic-table:before {
  border-bottom: 1px solid #d4ecf7;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  width: 100%;
}
.statistic-table__header {
  display: block;
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (min-width: 851px) {
  .statistic-table__header tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
@media all and (min-width: 851px) {
  .statistic-table__header th:nth-child(1) {
    width: 34.6%;
  }
  .statistic-table__header th:nth-child(2) {
    width: 21%;
  }
  .statistic-table__header th:nth-child(3),
  .statistic-table__header th:nth-child(4),
  .statistic-table__header th:nth-child(5) {
    width: 14.8%;
  }
}
.statistic-table__body {
  display: block;
  max-width: 1080px;
  margin: 0 auto;
  max-height: 340px;
  position: relative;
}
@media all and (min-width: 851px) {
  .statistic-table__body {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media all and (min-width: 851px) {
  .statistic-table__body tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
@media all and (min-width: 851px) {
  .statistic-table__body td:nth-child(1),
  .statistic-table__body th:nth-child(1) {
    width: 34.6%;
  }
  .statistic-table__body td:nth-child(2),
  .statistic-table__body th:nth-child(2) {
    width: 21%;
  }
  .statistic-table__body td:nth-child(3),
  .statistic-table__body th:nth-child(3),
  .statistic-table__body td:nth-child(4),
  .statistic-table__body th:nth-child(4),
  .statistic-table__body td:nth-child(5),
  .statistic-table__body th:nth-child(5) {
    width: 14.8%;
  }
}
/*==========================================================================
   "results-table"
==========================================================================*/
.results-table {
  display: block;
  position: relative;
}
.results-table:before {
  border-bottom: 1px solid #d4ecf7;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  width: 100%;
}
.results-table__header {
  display: block;
  max-width: 1080px;
  margin: 0 auto;
}
@media all and (min-width: 851px) {
  .results-table__header tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
@media all and (min-width: 851px) {
  .results-table__header th:nth-child(2) {
    width: 17.2%;
  }
  .results-table__header th:nth-child(3) {
    width: 17.2%;
  }
   .results-table__header th:nth-child(4) {
    width: 17.2%;
  }
  .results-table__header th:nth-child(5) {
    width: 11.6%;
  }
  .results-table__header th:nth-child(6) {
    width: 12%;
  }
  .results-table__header th:nth-child(7) {
    width: 9.3%;
  }
}
.results-table__body {
  display: block;
  max-width: 1080px;
  margin: 0 auto;
  height: 340px;
  max-height: 340px;
  position: relative;
}
@media all and (min-width: 851px) {
  .results-table__body {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media all and (min-width: 851px) {
  .results-table__body tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
@media all and (min-width: 851px) {
  .results-table__body td:nth-child(2),
  .results-table__body th:nth-child(2) {
    width: 17.2%;
  }
  .results-table__body td:nth-child(3),
  .results-table__body th:nth-child(3) {
    width: 17.2%;
  }
  .results-table__body td:nth-child(4),
  .results-table__body th:nth-child(4) {
    width: 17.2%;
  }
  .results-table__body td:nth-child(5),
  .results-table__body th:nth-child(5) {
    width: 11.6%;
  }
  .results-table__body td:nth-child(6),
  .results-table__body th:nth-child(6) {
    width: 12%;
  }
  .results-table__body td:nth-child(7),
  .results-table__body th:nth-child(7) {
    width: 9.3%;
  }
}
.results-table__highlight {
  color: #56df50;
}
/*==========================================================================
   "statistic-general"
==========================================================================*/
@media all and (max-width: 1080px) {
  .statistic-general__districts {
    margin-bottom: 60px;
  }
}
@media all and (min-width: 1081px) {
  .statistic-general__districts {
    margin-bottom: 125px;
  }
}
.statistic-general__districts-wrapper {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .statistic-general__districts-wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 1081px) {
  .statistic-general__districts-wrapper {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
@media all and (max-width: 1080px) {
  .statistic-general__districts-map {
    padding: 0 10px;
  }
}
@media all and (min-width: 1081px) {
  .statistic-general__districts-map {
    width: -webkit-calc(100% - 462px - 40px);
    width: -moz-calc(100% - 462px - 40px);
    width: -o-calc(100% - 462px - 40px);
    width: calc(100% - 462px - 40px);
    display: inline-block;
    vertical-align: top;
  }
}
@media all and (max-width: 1080px) {
  .statistic-general__districts-info {
    margin-top: 30px;
  }
}
@media all and (min-width: 1081px) {
  .statistic-general__districts-info {
    font-size: 16px;
    letter-spacing: auto;
    word-spacing: auto;
    display: inline-block;
    margin-left: 40px;
    vertical-align: top;
    width: 462px;
  }
}
.statistic-general__statistic-section {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 1061px) {
  .statistic-general__statistic-section {
    padding-left: 106px;
    padding-right: 106px;
  }
}
@media all and (max-width: 1060px) {
  .statistic-general__statistic-section + .statistic-general__statistic-section {
    margin-top: 50px;
  }
}
@media all and (min-width: 1061px) {
  .statistic-general__statistic-section + .statistic-general__statistic-section {
    margin-top: 145px;
  }
}
@media all and (max-width: 550px) {
  .statistic-general__statistic-section-header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .statistic-general__statistic-section-header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1060px) {
  .statistic-general__statistic-section-header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   "areas-map"
==========================================================================*/
.areas-map svg {
  display: block;
}
.areas-map .districts-map .district,
.areas-map .districts-map .district .st0 {
  fill: #b3b9c3;
}
.areas-map .districts-map.is-hovering .district,
.areas-map .districts-map.is-hovering .district .st0,
.areas-map .districts-map .district.is-hovering,
.areas-map .districts-map .district.is-hovering .st0,
.areas-map .districts-map .district:hover,
.areas-map .districts-map .district:hover .st0,
.areas-map .districts-map .district.is-active,
.areas-map .districts-map .district.is-active .st0 {
  fill: #ff2a00;
}
/*==========================================================================
   "areas-map-info-table"
==========================================================================*/
.areas-map-info-table {
  text-align: left;
}
.areas-map-info-table__body {
  width: 100%;
}
.areas-map-info-table__header-cell {
  padding-bottom: 24px;
  position: relative;
}
.areas-map-info-table__header-cell:before {
  border-bottom: 2px solid #20254a;
  bottom: 7px;
  content: '';
  left: 0;
  position: absolute;
  width: 100%;
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__header-cell + .areas-map-info-table__header-cell {
    padding-left: 20px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__header-cell + .areas-map-info-table__header-cell {
    padding-left: 40px;
  }
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__header-cell:first-child {
    padding-left: 8px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__header-cell:first-child {
    padding-left: 24px;
  }
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__header-cell:last-child {
    padding-right: 8px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__header-cell:last-child {
    padding-right: 24px;
  }
}
.areas-map-info-table__header-cell_sorting-switchers {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
}
.areas-map-info-table__header-cell_watchings,
.areas-map-info-table__header-cell_finished {
  color: transparent;
  font-size: 0;
  white-space: nowrap;
  width: 1px;
}
.areas-map-info-table__header-cell_watchings:after,
.areas-map-info-table__header-cell_finished:after {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  content: '';
  display: inline-block;
}
.areas-map-info-table__header-cell_watchings:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 36 25\'%3E%3Cg fill=\'%2320254a\'%3E%3Cpath d=\'M35.7 11.2c-.3-.6-.6-1.3-1-1.9-1.6-2.4-3.8-4.4-6.7-6.2-3.3-2-6.6-3-10.1-3.1-.4.1-.8.1-1.1.1-.8.1-1.8.2-2.5.4-3.9.9-7.5 2.9-10.7 6C2.2 7.9 1.2 9.2.5 10.6c-.6 1.3-.6 2.5 0 3.7.3.6.6 1.2 1 1.7 2.6 3.5 6 6.1 10.3 7.8 2.1.8 4.2 1.2 6.2 1.2 1.1 0 2.2-.1 3.3-.3 4.4-.9 8.3-3.1 11.7-6.7 1.3-1.4 2.2-2.7 2.7-4.1.4-.9.4-1.8 0-2.7zm-3 3.1c-3.2 4.3-7.3 7-12.2 8-4 .8-7.9-.2-12-2.8-2.2-1.5-4-3.2-5.4-5.2-.7-1.2-.7-2.2.1-3.3 1.6-2.3 3.6-4.2 6.3-5.8 2.2-1.3 4.5-2.1 6.8-2.4.4 0 .8-.1 1.1-.1h.4c2.9 0 5.6.8 8.2 2.2 2.8 1.6 5 3.5 6.7 6 .9 1.2.9 2.3 0 3.4z\'/%3E%3Cpath d=\'M18 5.8c-1.9 0-3.6.7-4.9 2s-2 3-2 4.9c0 1.8.7 3.5 2 4.8 1.3 1.3 3 2 4.8 2h.1c1.7 0 3.5-.7 4.7-2 1.4-1.4 2.1-3.2 2-5.1 0-1.7-.8-3.4-2.1-4.7A6.42 6.42 0 0 0 18 5.8zM18 17c-1.2 0-2.2-.5-3.1-1.3-.8-.8-1.3-1.9-1.3-3 0-1.2.5-2.3 1.3-3.1.8-.8 1.9-1.2 3-1.2h.1c1.1 0 2.2.5 3 1.3s1.3 1.9 1.2 3.1C22.3 15 20.3 17 18 17z\'/%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 19px;
  width: 30px;
}
.areas-map-info-table__header-cell_finished:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%2320254a\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 22px;
  width: 20px;
}
.areas-map-info-table__sorting-switcher {
  display: inline-block;
}
@media all and (max-width: 550px) {
  .areas-map-info-table__sorting-switcher {
    display: none;
  }
}
.areas-map-info-table__sorting-switcher + .areas-map-info-table__sorting-switcher {
  margin-left: 25px;
}
.areas-map-info-table__body-cell {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  padding-top: 12px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__body-cell + .areas-map-info-table__body-cell {
    padding-left: 20px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__body-cell + .areas-map-info-table__body-cell {
    padding-left: 40px;
  }
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__body-cell:first-child {
    padding-left: 8px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__body-cell:first-child {
    padding-left: 24px;
  }
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__body-cell:last-child {
    padding-right: 8px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__body-cell:last-child {
    padding-right: 24px;
  }
}
.areas-map-info-table__body-row.is-active .areas-map-info-table__body-cell,
.areas-map-info-table__body-row.is-hovering .areas-map-info-table__body-cell,
.areas-map-info-table__body-row:hover .areas-map-info-table__body-cell {
  background: #d4ecf7;
}
.areas-map-info-table__footer-cell {
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .1em;
  padding-top: 35px;
  position: relative;
  text-transform: uppercase;
}
.areas-map-info-table__footer-cell:before {
  border-top: 2px solid #20254a;
  content: '';
  left: 0;
  position: absolute;
  top: 7px;
  width: 100%;
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__footer-cell + .areas-map-info-table__footer-cell {
    padding-left: 20px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__footer-cell + .areas-map-info-table__footer-cell {
    padding-left: 40px;
  }
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__footer-cell:first-child {
    padding-left: 8px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__footer-cell:first-child {
    padding-left: 24px;
  }
}
@media all and (max-width: 1050px) {
  .areas-map-info-table__footer-cell:last-child {
    padding-right: 8px;
  }
}
@media all and (min-width: 1051px) {
  .areas-map-info-table__footer-cell:last-child {
    padding-right: 24px;
  }
}
.areas-map-info-table__footer-cell_heading {
  color: #20254a;
  font-size: 12px;
}
.areas-map-info-table__footer-cell_number {
  color: #ff2a00;
  font-size: 17px;
}
/*==========================================================================
   "district-statistic"
==========================================================================*/
.district-statistic {
  padding-top: 20px;
}
.district-statistic__map-block {
  margin: 0 auto 40px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .district-statistic__map-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .district-statistic__map-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .district-statistic__map-block {
    padding-left: 106px;
    padding-right: 106px;
  }
}
.district-statistic__map-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-bottom: 30px;
}
.district-statistic__map {
  margin: 0 auto;
  max-width: 1214px;
}
.district-statistic__statistic-section {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 1061px) {
  .district-statistic__statistic-section {
    padding-left: 106px;
    padding-right: 106px;
  }
}
@media all and (max-width: 1060px) {
  .district-statistic__statistic-section + .district-statistic__statistic-section {
    margin-top: 50px;
  }
}
@media all and (min-width: 1061px) {
  .district-statistic__statistic-section + .district-statistic__statistic-section {
    margin-top: 145px;
  }
}
@media all and (max-width: 550px) {
  .district-statistic__statistic-section-header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .district-statistic__statistic-section-header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1060px) {
  .district-statistic__statistic-section-header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   PAGE "p-about"
==========================================================================*/
.p-about {
  padding: 25px 0 90px;
}
.p-about__breadcrumbs {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-about__breadcrumbs {
    margin-bottom: 30px;
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) {
  .p-about__breadcrumbs {
    margin-bottom: 48px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-about__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-about__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-about__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-about__content {
  margin-bottom: 60px;
}
.p-about__partners + .p-about__partners {
  margin-top: 145px;
}
/*==========================================================================
   "about-project"
==========================================================================*/
.about-project__wrapper {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1284px;
}
.about-project__wrapper:before,
.about-project__wrapper:after {
  content: " ";
  display: table;
}
.about-project__wrapper:after {
  clear: both;
}
@media all and (min-width: 1071px) {
  .about-project__wrapper {
    text-align: right;
  }
}
@media all and (max-width: 550px) {
  .about-project__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .about-project__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .about-project__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.about-project__header {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 32px;
  max-width: 560px;
}
@media all and (max-width: 580px) {
  .about-project__header {
    font-size: 27px;
  }
}
@media all and (min-width: 581px) {
  .about-project__header {
    font-size: 43px;
  }
}
@media all and (min-width: 1071px) {
  .about-project__header {
    width: -webkit-calc(100% - 530px - 60px);
    width: -moz-calc(100% - 530px - 60px);
    width: -o-calc(100% - 530px - 60px);
    width: calc(100% - 530px - 60px);
    float: left;
    text-align: left;
  }
}
.about-project__description {
  color: #606469;
  font-family: "PTSans";
  letter-spacing: .025em;
  line-height: 1.45;
  max-width: 560px;
}
@media all and (max-width: 580px) {
  .about-project__description {
    font-size: 13px;
  }
}
@media all and (min-width: 581px) {
  .about-project__description {
    font-size: 15px;
  }
}
@media all and (min-width: 1071px) {
  .about-project__description {
    width: -webkit-calc(100% - 530px - 60px);
    width: -moz-calc(100% - 530px - 60px);
    width: -o-calc(100% - 530px - 60px);
    width: calc(100% - 530px - 60px);
    clear: left;
    float: left;
    text-align: left;
  }
}
.about-project__gallery {
  display: inline-block;
  max-width: 530px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
@media all and (max-width: 1070px) {
  .about-project__gallery {
    margin-top: 50px;
  }
}
@media all and (min-width: 1071px) {
  .about-project__gallery {
    height: 527px;
    padding-top: 20px;
  }
}
.about-project__gallery .bx-pager {
  margin-top: 20px;
  text-align: center;
}
.about-project__gallery .bx-controls-direction {
  bottom: 35px;
  left: 0;
  top: 20px;
  width: 100%;
}
/*==========================================================================
   PAGE "p-user-agreement"
==========================================================================*/
.p-user-agreement {
  padding: 25px 0 60px;
}
.p-user-agreement__breadcrumbs {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-user-agreement__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-user-agreement__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-user-agreement__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 950px) {
  .p-user-agreement__breadcrumbs {
    margin-bottom: 26px;
  }
}
@media all and (min-width: 951px) {
  .p-user-agreement__breadcrumbs {
    margin-bottom: 50px;
  }
}
.p-user-agreement__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-user-agreement__title {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: .025em;
  margin: 0 auto 35px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-user-agreement__title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-user-agreement__title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-user-agreement__title {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 950px) {
  .p-user-agreement__title {
    font-size: 27px;
  }
}
@media all and (min-width: 951px) {
  .p-user-agreement__title {
    font-size: 43px;
  }
}
/*==========================================================================
   "user-agreement"
==========================================================================*/
.user-agreement {
  /*&__types-item:nth-child(n+2):nth-last-child(-n+2) {
        @media all and (max-width: @bp-mobile-max) {
            text-align: center;
        }
    }*/
}
.user-agreement__types {
  margin: 0 auto 25px;
  max-width: 1284px;
}
@media all and (max-width: 950px) {
  .user-agreement__types {
    position: relative;
  }
}
@media all and (max-width: 550px) {
  .user-agreement__types {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .user-agreement__types {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .user-agreement__types {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__types-wrapper {
    width: -webkit-calc(100% + 50px * 2);
    width: -moz-calc(100% + 50px * 2);
    width: -o-calc(100% + 50px * 2);
    width: calc(100% + 50px * 2);
    display: table;
    height: 20px;
    margin-left: -50px;
    table-layout: fixed;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__types-item {
    display: table-cell;
    height: 100%;
    padding: 0 50px 18px;
    position: relative;
    vertical-align: top;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__types-item + .user-agreement__types-item:before {
    background-color: #20254a;
    bottom: 18px;
    content: '';
    height: 37px;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__type {
    text-align: center;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__type {
    display: inline-block;
    height: 100%;
    position: relative;
    text-align: left;
  }
}
.user-agreement__type-button {
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 950px) {
  .user-agreement__type-button {
    color: #20254a;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__type-button {
    color: rgba(32, 37, 74, 0.44);
    cursor: pointer;
    font-size: 19px;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__tabs-input-switcher:nth-child(1):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type-button {
    -webkit-background-size: 7px 11px;
    -moz-background-size: 7px 11px;
    -o-background-size: 7px 11px;
    background-size: 7px 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%2320254a\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 0;
    cursor: pointer;
    font-size: 0;
    height: 11px;
    margin: auto 0;
    position: absolute;
    top: 2px;
    width: 7px;
  }
  .user-agreement__tabs-input-switcher:nth-child(1):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type-button {
    font-size: 15px;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__tabs-input-switcher:nth-child(1):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type-button {
    color: #20254a;
    cursor: default;
  }
  .user-agreement__tabs-input-switcher:nth-child(1):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type-button:before {
    background: #20254a;
    bottom: -18px;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__tabs-input-switcher:nth-child(2):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type-button {
    -webkit-background-size: 7px 11px;
    -moz-background-size: 7px 11px;
    -o-background-size: 7px 11px;
    background-size: 7px 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%2320254a\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 0;
    cursor: pointer;
    font-size: 0;
    height: 11px;
    margin: auto 0;
    position: absolute;
    top: 2px;
    width: 7px;
  }
  .user-agreement__tabs-input-switcher:nth-child(2):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type-button {
    font-size: 15px;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__tabs-input-switcher:nth-child(2):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type-button {
    color: #20254a;
    cursor: default;
  }
  .user-agreement__tabs-input-switcher:nth-child(2):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type-button:before {
    background: #20254a;
    bottom: -18px;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__tabs-input-switcher:nth-child(3):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type-button {
    -webkit-background-size: 7px 11px;
    -moz-background-size: 7px 11px;
    -o-background-size: 7px 11px;
    background-size: 7px 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%2320254a\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 0;
    cursor: pointer;
    font-size: 0;
    height: 11px;
    margin: auto 0;
    position: absolute;
    top: 2px;
    width: 7px;
  }
  .user-agreement__tabs-input-switcher:nth-child(3):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type-button {
    font-size: 15px;
  }
}
@media all and (min-width: 951px) {
  .user-agreement__tabs-input-switcher:nth-child(3):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type-button {
    color: #20254a;
    cursor: default;
  }
  .user-agreement__tabs-input-switcher:nth-child(3):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type-button:before {
    background: #20254a;
    bottom: -18px;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__tabs-input-switcher:nth-child(1):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type-button {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 10px;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__types-item:nth-child(2) .user-agreement__type-button {
    right: 10px;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__tabs-input-switcher:nth-child(1):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type-button {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 10px;
  }
}
@media all and (max-width: 950px) {
  .user-agreement__tabs-input-switcher:nth-child(3):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type-button {
    right: 10px;
  }
}
.user-agreement__body {
  margin: 0 auto;
  max-width: 1284px;
  overflow: hidden;
  position: relative;
}
@media all and (min-width: 801px) {
  .user-agreement__body {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.user-agreement__type-content-block {
  border: 1px solid #20254a;
  padding: 50px 0;
  position: relative;
}
@media all and (max-width: 550px) {
  .user-agreement__type-content-block {
    margin: 0 5px;
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .user-agreement__type-content-block {
    margin: 0 25px;
    padding-left: 29px;
    padding-right: 29px;
  }
}
.user-agreement__type-content {
  max-height: 770px;
  overflow-y: auto;
  position: static !important;
}
@media all and (min-width: 801px) {
  .user-agreement__type-content {
    padding: 0 45px;
  }
}
.user-agreement__tabs-input-switcher:nth-child(1):not(:checked) ~ .user-agreement__body .user-agreement__type-content-block:nth-child(1) {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -10;
}
.user-agreement__tabs-input-switcher:nth-child(1):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type {
  color: #000;
  text-decoration: none;
}
@media all and (min-width: 951px) {
  .user-agreement__tabs-input-switcher:nth-child(1):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type {
    cursor: text;
  }
}
@media all and (max-width: 550px) {
  .user-agreement__tabs-input-switcher:nth-child(1):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(1) .user-agreement__type-button {
    position: absolute;
    top: 0;
    bottom: 0;
  }
}
.user-agreement__tabs-input-switcher:nth-child(2):not(:checked) ~ .user-agreement__body .user-agreement__type-content-block:nth-child(2) {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -10;
}
.user-agreement__tabs-input-switcher:nth-child(2):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type {
  color: #000;
  text-decoration: none;
}
@media all and (min-width: 951px) {
  .user-agreement__tabs-input-switcher:nth-child(2):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type {
    cursor: text;
  }
}
@media all and (max-width: 550px) {
  .user-agreement__tabs-input-switcher:nth-child(2):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(2) .user-agreement__type-button {
    position: absolute;
    top: 0;
    bottom: 0;
  }
}
.user-agreement__tabs-input-switcher:nth-child(3):not(:checked) ~ .user-agreement__body .user-agreement__type-content-block:nth-child(3) {
  -moz-opacity: 0;
  /* Netscape */
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -10;
}
.user-agreement__tabs-input-switcher:nth-child(3):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type {
  color: #000;
  text-decoration: none;
}
@media all and (min-width: 951px) {
  .user-agreement__tabs-input-switcher:nth-child(3):checked ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type {
    cursor: text;
  }
}
@media all and (max-width: 550px) {
  .user-agreement__tabs-input-switcher:nth-child(3):not(:checked) ~ .user-agreement__types .user-agreement__types-item:nth-child(3) .user-agreement__type-button {
    position: absolute;
    top: 0;
    bottom: 0;
  }
}
.user-agreement__content-section + .user-agreement__content-section {
  margin-top: 55px;
}
.user-agreement__content-section-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-bottom: 25px;
}
.user-agreement__content-section-description {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.5;
  padding-left: 30px;
}
.user-agreement__content-section-description b {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 17px;
  font-weight: 700;
}
.user-agreement__type-content .nicescroll-rails-vr {
  -moz-opacity: 1 !important;
  /* Netscape */
  opacity: 1 !important;
  margin-top: 50px;
}
.user-agreement__type-content .nicescroll-rails-vr .nicescroll-cursors {
  background-color: #20254a;
}
@media all and (max-width: 800px) {
  .user-agreement__type-content .nicescroll-rails-vr .nicescroll-cursors {
    width: 6px;
  }
}
@media all and (min-width: 801px) {
  .user-agreement__type-content .nicescroll-rails-vr .nicescroll-cursors {
    width: 12px;
  }
}
/*==========================================================================
   PAGE "p-contacts"
==========================================================================*/
.p-contacts {
  padding: 25px 0 0;
}
.p-contacts__breadcrumbs {
  margin: 0 auto 50px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-contacts__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-contacts__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-contacts__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-contacts__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
/*==========================================================================
   "contacts-detailed"
==========================================================================*/
.contacts-detailed {
  position: relative;
}
@media all and (max-width: 1160px) {
  .contacts-detailed {
    padding-bottom: 454px;
  }
}
@media all and (min-width: 1161px) {
  .contacts-detailed {
    padding-bottom: 474px;
  }
}
.contacts-detailed__wrapper {
  *zoom: 1;
  margin: 0 auto;
  max-width: 1284px;
}
.contacts-detailed__wrapper:before,
.contacts-detailed__wrapper:after {
  content: " ";
  display: table;
}
.contacts-detailed__wrapper:after {
  clear: both;
}
@media all and (max-width: 550px) {
  .contacts-detailed__wrapper {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .contacts-detailed__wrapper {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .contacts-detailed__wrapper {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 1161px) {
  .contacts-detailed__info-block {
    float: left;
    width: 43.8%;
  }
}
.contacts-detailed__info-block-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 500px) {
  .contacts-detailed__info-block-title {
    font-size: 27px;
    margin-bottom: 22px;
  }
}
@media all and (min-width: 501px) {
  .contacts-detailed__info-block-title {
    font-size: 43px;
    margin-bottom: 60px;
  }
}
@media all and (max-width: 500px) {
  .contacts-detailed__feedback-block {
    margin-top: 30px;
  }
}
@media all and (min-width: 501px) and (max-width: 1160px) {
  .contacts-detailed__feedback-block {
    margin-top: 50px;
  }
}
@media all and (min-width: 1161px) {
  .contacts-detailed__feedback-block {
    float: right;
    width: 43.8%;
  }
}
.contacts-detailed__feedback-block-title {
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (max-width: 500px) {
  .contacts-detailed__feedback-block-title {
    margin-bottom: 28px;
  }
}
@media all and (min-width: 501px) {
  .contacts-detailed__feedback-block-title {
    margin-bottom: 60px;
  }
}
@media all and (min-width: 1161px) {
  .contacts-detailed__feedback-block-title:before {
    color: #20254a;
    font-family: "ProximaNova";
    font-weight: 700;
    letter-spacing: .025em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
    content: 'a';
    display: inline-block;
    font-size: 43px;
    visibility: hidden;
    width: 0;
  }
}
.contacts-detailed__map-block {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
@media all and (max-width: 1160px) {
  .contacts-detailed__map-block {
    height: 418px;
  }
}
@media all and (min-width: 1161px) {
  .contacts-detailed__map-block {
    height: 438px;
  }
}
/*==========================================================================
   "contacts-definition-list"
==========================================================================*/
@media all and (min-width: 501px) {
  .contacts-definition-list__body {
    display: table;
    width: 100%;
  }
}
@media all and (min-width: 501px) {
  .contacts-definition-list__item {
    display: table-row;
  }
}
.contacts-definition-list__item-name {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (min-width: 501px) {
  .contacts-definition-list__item-name {
    display: table-cell;
    padding-right: 24px;
    white-space: nowrap;
    width: 1px;
  }
}
.contacts-definition-list__item-definition {
  color: #33525c;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
}
@media all and (max-width: 500px) {
  .contacts-definition-list__item-definition {
    margin-top: 6px;
  }
}
@media all and (min-width: 501px) {
  .contacts-definition-list__item-definition {
    display: table-cell;
  }
}
@media all and (max-width: 500px) {
  .contacts-definition-list__item + .contacts-definition-list__item .contacts-definition-list__item-name {
    margin-top: 18px;
  }
}
@media all and (min-width: 501px) {
  .contacts-definition-list__item + .contacts-definition-list__item .contacts-definition-list__item-name,
  .contacts-definition-list__item + .contacts-definition-list__item .contacts-definition-list__item-definition {
    padding-top: 25px;
  }
}
.contacts-definition-list__link {
  color: inherit;
}
.contacts-definition-list__tel {
  display: inline-block;
}
@media all and (max-width: 500px) {
  .contacts-definition-list__tel {
    margin-right: 20px;
  }
}
@media all and (min-width: 501px) {
  .contacts-definition-list__tel + .contacts-definition-list__tel {
    margin-left: 33px;
  }
}
/*==========================================================================
   "feedback-form"
==========================================================================*/
@media all and (min-width: 501px) {
  .feedback-form__element-block {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
@media all and (max-width: 500px) {
  .feedback-form__element-block + .feedback-form__element-block {
    margin-top: 20px;
  }
}
@media all and (min-width: 501px) {
  .feedback-form__element-block + .feedback-form__element-block {
    margin-top: 28px;
  }
}
@media all and (min-width: 501px) {
  .feedback-form__element-block-label {
    display: table-cell;
    padding-right: 15px;
    vertical-align: top;
    width: 170px;
  }
}
.feedback-form__label {
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
}
@media all and (min-width: 501px) {
  .feedback-form__element-block-content {
    display: table-cell;
    vertical-align: top;
  }
}
.feedback-form__inputfield {
  border-bottom: 1px solid #8d97a7;
  color: #20254a;
  font-family: "PTSans";
  font-size: 16px;
  height: 26px;
  letter-spacing: .025em;
  display: inline-block;
  width: 100%;
}
@media all and (max-width: 500px) {
  .feedback-form__inputfield {
    margin-top: 8px;
  }
}
@media all and (min-width: 501px) {
  .feedback-form__inputfield {
    padding: 0 6px;
  }
}
.feedback-form__inputfield.errorfield {
  border-bottom-color: #ff2a00;
  color: #ff2a00;
}
.feedback-form__textarea-block {
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
}
@media all and (max-width: 500px) {
  .feedback-form__textarea-block {
    margin-top: 8px;
  }
}
@media all and (min-width: 501px) {
  .feedback-form__textarea-block {
    line-height: 3.2;
    height: -webkit-calc(9.600000000000001em + 3px);
    height: -moz-calc(9.600000000000001em + 3px);
    height: -o-calc(9.600000000000001em + 3px);
    height: calc(9.600000000000001em + 3px);
    overflow: hidden;
    padding: 0 6px 3px;
    position: relative;
    top: -0.9em;
  }
  .feedback-form__textarea-block:before {
    background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 3.1375em, currentColor 3.1375em, currentColor 3.2em) 0 0 no-repeat;
    color: #8d97a7;
    content: '';
    height: 9.6em;
    left: 0;
    position: absolute;
    top: -11px;
    width: 100%;
  }
}
.feedback-form__textarea-block.errorfield:before {
  color: #ff2a00;
}
.feedback-form__textarea {
  color: #20254a;
  display: block;
  width: 100%;
}
@media all and (max-width: 500px) {
  .feedback-form__textarea {
    border: 1px solid #8d97a7;
    box-sizing: content-box;
    line-height: 1.4;
    height: 7em;
    padding: 5px;
    width: -webkit-calc(100% - 1px * 2 - 5px * 2);
    width: -moz-calc(100% - 1px * 2 - 5px * 2);
    width: -o-calc(100% - 1px * 2 - 5px * 2);
    width: calc(100% - 1px * 2 - 5px * 2);
  }
}
@media all and (min-width: 501px) {
  .feedback-form__textarea {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
}
.feedback-form__check-button-icon {
  border-color: #20254a;
  position: relative;
}
.feedback-form__check-button-icon:before {
  background-color: #20254a;
}
@media all and (max-width: 500px) {
  .feedback-form__check-button-icon {
    margin-right: 10px;
    top: 4px;
  }
}
@media all and (min-width: 501px) {
  .feedback-form__check-button-icon {
    margin-right: 19px;
    top: 3px;
  }
}
.feedback-form__agreement-check-button {
  color: #20254a;
  font-family: "PTSans";
  letter-spacing: .025em;
  margin-top: 65px;
  position: relative;
}
@media all and (max-width: 500px) {
  .feedback-form__agreement-check-button {
    font-size: 14px;
    padding-left: 30px;
  }
}
@media all and (min-width: 501px) {
  .feedback-form__agreement-check-button {
    font-size: 15px;
    padding-left: 38px;
  }
}
.feedback-form__agreement-check-button-icon {
  left: 0;
  position: absolute;
  top: -2px;
}
.feedback-form__agreement-check-button-link {
  text-decoration: underline;
}
.feedback-form__agreement-check-button-link:hover {
  text-decoration: none;
}
.feedback-form__submit-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background-color: #ff2a00;
  color: #fff;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 32px;
  min-width: 158px;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
}
@media all and (max-width: 500px) {
  .feedback-form__submit-button {
    left: 50%;
    margin-top: 27px;
    position: relative;
    transform: translateX(-50%);
  }
}
@media all and (min-width: 501px) {
  .feedback-form__submit-button {
    float: right;
    margin-top: 63px;
  }
}
/*==========================================================================
   PAGE "p-blog"
==========================================================================*/
.p-blog {
  padding: 25px 0 60px;
}
.p-blog__breadcrumbs {
  margin: 0 auto;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-blog__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-blog__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-blog__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-blog__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-blog__body {
  padding-top: 30px;
}
.p-blog__title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 43px;
  font-weight: 700;
  letter-spacing: .025em;
  margin: 0 auto 30px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-blog__title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-blog__title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-blog__title {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-blog__months {
  margin: 0 auto 42px;
  max-width: 1284px;
  text-align: right;
}
@media all and (max-width: 550px) {
  .p-blog__months {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-blog__months {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-blog__months {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-blog__months-wrapper {
  display: inline-block;
  max-width: 1044px;
  text-align: left;
  width: 100%;
}
.p-blog__articles {
  margin: 0 auto;
  max-width: 1105px;
  text-align: right;
}
@media all and (max-width: 550px) {
  .p-blog__articles {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-blog__articles {
    padding-left: 38px;
    padding-right: 38px;
  }
}
@media all and (min-width: 801px) {
  .p-blog__articles {
    padding-left: 49px;
    padding-right: 49px;
  }
}
.p-blog__articles-wrapper {
  display: inline-block;
  text-align: left;
  max-width: 990px;
  width: 100%;
}
/*==========================================================================
   "months-row"
==========================================================================*/
.months-row__wrapper {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  left: -1234px;
  position: relative;
  white-space: nowrap;
}
.months-row__section {
  display: inline-block;
}
.months-row__section_future {
  text-align: right;
  width: 1200px;
}
.months-row__section + .months-row__section {
  margin-left: 34px;
  padding-left: 12px;
  position: relative;
}
.months-row__section + .months-row__section:before {
  bottom: 2px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.months-row__section + .months-row__section:not(.months-row__section_current):before {
  background: #8ca0b7;
}
.months-row__section_current:before {
  background: #173760;
}
.months-row__section-title {
  font-size: 13px;
  letter-spacing: auto;
  word-spacing: auto;
  color: #8ca0b7;
  font-family: "PTSans";
  letter-spacing: .025em;
  margin-bottom: 3px;
  text-align: left;
}
.months-row__section_current .months-row__section-title {
  color: #173760;
}
.months-row__section-item {
  font-size: 16px;
  letter-spacing: auto;
  word-spacing: auto;
  color: #8ca0b7;
  display: inline-block;
  font-family: "PTSans";
  font-weight: 700;
  line-height: 1;
}
.months-row__section-item + .months-row__section-item {
  margin-left: 44px;
}
.months-row__section_current .months-row__section-item:first-child {
  color: #173760;
}
/*==========================================================================
   "articles-list"
==========================================================================*/
.articles-list__item {
  padding-left: 17px;
  padding-right: 17px;
}
.articles-list__item + .articles-list__item {
  border-top: 1px solid #adb9c8;
  margin-top: 38px;
  padding-top: 33px;
}
/*==========================================================================
   "article-preview-row"
==========================================================================*/
@media all and (min-width: 901px) {
  .article-preview-row {
    *zoom: 1;
  }
  .article-preview-row:before,
  .article-preview-row:after {
    content: " ";
    display: table;
  }
  .article-preview-row:after {
    clear: both;
  }
}
.article-preview-row__cover {
  background: #20254a;
}
@media all and (max-width: 900px) {
  .article-preview-row__cover {
    margin: 0 auto;
    max-width: 340px;
  }
}
@media all and (min-width: 901px) {
  .article-preview-row__cover {
    float: left;
    height: 340px;
    width: 340px;
  }
}
.article-preview-row__cover img {
  -moz-opacity: 0.6;
  /* Netscape */
  opacity: 0.6;
}
.article-preview-row__content {
  position: relative;
}
@media all and (max-width: 900px) {
  .article-preview-row__content {
    margin-top: 30px;
  }
}
@media all and (min-width: 901px) {
  .article-preview-row__content {
    margin-left: 390px;
    min-height: 340px;
    padding-bottom: 70px;
    padding-top: 36px;
  }
}
.article-preview-row__header {
  color: #20254a;
  font-family: "PTSans";
  font-size: 21px;
  letter-spacing: .025em;
  line-height: 1.2;
  margin-bottom: 22px;
}
@media all and (min-width: 901px) {
  .article-preview-row__header {
    min-height: 4.8em;
  }
}
.article-preview-row__title {
  color: #20254a;
  margin-bottom: 3px;
  max-height: 3.6em;
  overflow: hidden;
}
.article-preview-row__date {
  color: #8ca0b7;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}
.article-preview-row__description {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.4;
}
.article-preview-row__refer-button {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #20254a;
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
  line-height: 36px;
  max-width: 100%;
  padding: 0 15px;
  text-align: center;
  text-transform: uppercase;
  width: 216px;
}
@media all and (max-width: 900px) {
  .article-preview-row__refer-button {
    display: block;
    margin-top: 30px;
  }
}
@media all and (min-width: 901px) {
  .article-preview-row__refer-button {
    bottom: 0;
    left: 0;
    position: absolute;
  }
}
/*==========================================================================
   PAGE "404"
==========================================================================*/
.p-404 {
  padding: 23px 0 115px;
}
.p-404__breadcrumbs {
  margin: 0 auto 75px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-404__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-404__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-404__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-404__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-404__error-text {
  margin: 0 auto 70px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-404__error-text {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-404__error-text {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-404__error-text {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-404__promotion-block + .p-404__promotion-block {
  margin-top: 65px;
}
.p-404__promotion-block-header {
  margin: 0 auto 30px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-404__promotion-block-header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-404__promotion-block-header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-404__promotion-block-header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (min-width: 581px) {
  .p-404__promotion-block-header {
    display: table;
    width: 100%;
  }
}
@media all and (min-width: 581px) {
  .p-404__promotion-block-header-item {
    display: table-cell;
  }
}
@media all and (max-width: 580px) {
  .p-404__promotion-block-header-item_button {
    margin-top: 18px;
  }
}
@media all and (min-width: 581px) {
  .p-404__promotion-block-header-item_button {
    padding-left: 15px;
    white-space: nowrap;
    width: 1px;
  }
}
.p-404__promotion-block-header-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .025em;
}
.p-404__promotion-block-header-button {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #d4ecf7;
  color: #20254a;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 30px;
  padding: 2px 27px 0;
  text-transform: uppercase;
}
/*==========================================================================
   "error-404"
==========================================================================*/
.error-404 {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 900;
}
.error-404__title {
  font-size: 43px;
  margin-bottom: 45px;
}
.error-404__description {
  font-size: 30px;
}
.error-404__link {
  color: inherit;
  text-decoration: underline;
}
/*==========================================================================
   PAGE "p-article"
==========================================================================*/
.p-article {
  padding: 25px 0 60px;
}
.p-article__breadcrumbs {
  margin: 0 auto;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-article__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-article__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-article__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-article__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-article__body {
  margin: 0 auto;
  max-width: 1284px;
  padding-top: 50px;
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-article__body {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-article__body {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   "gallery-slider"
==========================================================================*/
.gallery-slider img {
  display: block;
  height: auto;
  width: 100%;
}
.gallery-slider img:not(:first-child) {
  display: none;
}
.gallery-slider .bx-pager {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
.gallery-slider .bx-pager-item {
  display: inline-block;
  vertical-align: top;
}
.gallery-slider_pagers-small .bx-pager-item + .bx-pager-item {
  margin-left: 15px;
}
.gallery-slider_pagers-medium .bx-pager-item + .bx-pager-item {
  margin-left: 32px;
}
.gallery-slider .bx-pager-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(32, 37, 74, 0.32);
  background-clip: content-box;
  display: block;
}
.gallery-slider .bx-pager-link.active {
  padding: 0;
  background-color: rgba(32, 37, 74, 0.75);
}
.gallery-slider_pagers-small .bx-pager-link {
  height: 10px;
  padding: 1px;
  width: 10px;
}
.gallery-slider_pagers-medium .bx-pager-link {
  height: 14px;
  padding: 2px;
  width: 14px;
}
.gallery-slider .bx-controls-direction {
  position: absolute;
}
.gallery-slider .bx-prev,
.gallery-slider .bx-next {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'318\' height=\'512\' viewBox=\'0 0 318 512\'%3E%3Cpath fill=\'%23fff\' d=\'M61.285.009L1.127 60.167 196.533 256 1.127 451.832l60.158 60.158 255.991-255.991z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  bottom: 0;
  margin: auto 0;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media all and (max-width: 600px) {
  .gallery-slider .bx-prev,
  .gallery-slider .bx-next {
    height: 32px;
    width: 20px;
  }
}
@media all and (min-width: 601px) {
  .gallery-slider .bx-prev,
  .gallery-slider .bx-next {
    height: 48px;
    width: 30px;
  }
}
.gallery-slider .bx-prev {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  left: 25px;
}
.gallery-slider .bx-next {
  right: 25px;
}
/*==========================================================================
   "article"
==========================================================================*/
.article__header {
  max-width: 990px;
}
@media all and (max-width: 550px) {
  .article__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (max-width: 700px) {
  .article__header {
    margin-bottom: 22px;
  }
}
@media all and (min-width: 701px) {
  .article__header {
    margin-bottom: 48px;
  }
}
.article__date {
  color: #606469;
  display: block;
  font-family: "ProximaNova";
  font-size: 13px;
  font-weight: 300;
  letter-spacing: .025em;
  margin-bottom: 8px;
}
.article__header-content {
  display: table;
  width: 100%;
}
.article__header-title {
  color: #20254a;
  display: table-cell;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 1.2;
}
@media all and (max-width: 700px) {
  .article__header-title {
    font-size: 27px;
  }
}
@media all and (min-width: 701px) {
  .article__header-title {
    font-size: 43px;
  }
}
.article__header-share-buttons {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
  width: 1px;
}
.article__header-share-buttons:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 532 515.4\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:rgba(32, 37, 74, 0.34)%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=\'c\' d=\'M428 307.4a104 104 0 0 0-89.23 50.6l-137.49-63.69a103.5 103.5 0 0 0-.88-75.63l138.21-61.59A104 104 0 0 0 428 208a104 104 0 1 0-103-89.77L177.27 184A104 104 0 1 0 104 361.7a103.87 103.87 0 0 0 75.18-32.36L325 396.89A104 104 0 0 0 428 515.4a104 104 0 0 0 0-208zm0 41.1a62.9 62.9 0 1 1-62.89 62.9A63.11 63.11 0 0 1 428 348.5zm-324-27.9a62.9 62.9 0 1 1 62.9-62.9 63 63 0 0 1-62.9 62.9zM428 41.1a62.9 62.9 0 1 1-62.9 62.9A63.11 63.11 0 0 1 428 41.1z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 20px;
  margin-right: 37px;
  vertical-align: middle;
  width: 20px;
}
@media all and (max-width: 700px) {
  .article__header-share-buttons {
    display: none;
  }
}
@media all and (min-width: 701px) {
  .article__header-share-buttons {
    display: table-cell;
  }
}
.article__social-buttons {
  display: inline-block;
  padding-top: 5px;
  vertical-align: middle;
}
.article__social-buttons .ya-share2__item + .ya-share2__item {
  margin-top: 19px;
  padding-top: 20px;
  position: relative;
}
/*------------------------*/
.article__social-buttons .ya-share2__item + .ya-share2__item + .ya-share2__item {
  margin-top: 21px;
  padding-top: 22px;
  position: relative;
}

.article__social-buttons .ya-share2__item + .ya-share2__item + .ya-share2__item:before {
  border-top: 1px solid #20254a;
  content: '';
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
/*------------------------*/
.article__social-buttons .ya-share2__item + .ya-share2__item:before {
  border-top: 1px solid #20254a;
  content: '';
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
}
.article__social-buttons .ya-share2__link {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  display: block;
  margin: 0 auto;
}
.article__social-buttons .ya-share2__item_service_vkontakte .ya-share2__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 25.6 15.3\'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class=\'c\' d=\'M22.7 10.7c-2.1-1.9-1.8-1.6.7-5 1.6-2 2.2-3.3 2-3.8s-1.3-.4-1.3-.4h-3.8s-.3 0-.5.1-.3.4-.3.4-.6 1.6-1.4 2.9c-1.7 2.8-2.4 3-2.6 2.8-.6-.4-.5-1.6-.5-2.5 0-2.7.4-4.3-.8-4.6-.4-.1-.7-.6-1.6-.6h-1.2c-.9 0-1.6.5-2.1.7-.4.2-.8.9-.6.9.2 0 .8.3 1.1.7.4.5.4 1.8.4 1.8s.2 3.3-.5 3.7C9.2 8.1 8.5 7.5 7 5c-.8-1.3-1.4-2.8-1.4-2.8s-.1-.3-.3-.4c-.2-.2-.6-.2-.6-.2H1.1s-.5 0-.7.2 0 .6 0 .6 2.8 6.7 6 10c2.9 3 6.3 2.9 6.3 2.9h1.5s.5-.1.7-.4c.2-.2.2-.6.2-.6s0-2.1.9-2.3c.9-.3 2.1 1.9 3.4 2.8.9.6 1.7.5 1.7.5l3.4-.1s1.8-.1.9-1.5c-.4-.3-.7-1.1-2.7-3z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 12px;
  width: 18px;
}
.article__social-buttons .ya-share2__item_service_facebook .ya-share2__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 11.1 25\'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class=\'c\' d=\'M2.3 25h5V13h3.4l.4-4.2H7.3V6.3c0-.9.6-1.2 1.1-1.2h2.7V1H7.4c-4.1 0-5 3.1-5 5v2.7H0v4.2h2.4C2.3 18.4 2.3 25 2.3 25z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 17px;
  width: 8px;
}
.article__social-buttons .ya-share2__item_service_instagram .ya-share2__link {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 11.1 25\'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class=\'c\' d=\'M2.3 25h5V13h3.4l.4-4.2H7.3V6.3c0-.9.6-1.2 1.1-1.2h2.7V1H7.4c-4.1 0-5 3.1-5 5v2.7H0v4.2h2.4C2.3 18.4 2.3 25 2.3 25z\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 17px;
  width: 8px;
}
.article__social-buttons .ya-share2__item_service_facebook .ya-share2__link:after{
	content: 'I';
}
.article__body {
  max-width: 890px;
}
@media all and (max-width: 550px) {
  .article__text {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (max-width: 700px) {
  .article__text.wysiwyg-styles {
    font-size: 14px;
  }
  .article__text.wysiwyg-styles h2 {
    font-weight: 700;
  }
}
.article__gallery {
  margin-bottom: 40px;
  margin-top: 40px;
  padding-bottom: 35px;
  position: relative;
}
.article__gallery .bx-pager {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.article__gallery .bx-controls-direction {
  top: 0;
  bottom: 35px;
  left: 0;
  width: 100%;
}
.article__quote {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: .025em;
  line-height: 1.4;
  margin: 30px 0;
  padding-left: 80px;
  position: relative;
  z-index: 1;
}
.article__quote:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 29.63 23.9\'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class=\'c\' d=\'M1.2 21.28a40.92 40.92 0 0 0 3.68-4 23.63 23.63 0 0 0 2.42-3.65 6.18 6.18 0 0 1-4.57-1.85A6.15 6.15 0 0 1 .88 7.31a6.42 6.42 0 0 1 1.89-4.6 6.06 6.06 0 0 1 4.52-2 6.11 6.11 0 0 1 4.57 1.9 6.41 6.41 0 0 1 1.84 4.66 19.65 19.65 0 0 1-2.31 9.32 30.21 30.21 0 0 1-6.3 8.05zm16.81 0a40.85 40.85 0 0 0 3.68-4 23.6 23.6 0 0 0 2.42-3.65 6.31 6.31 0 0 1-6.41-6.35 6.42 6.42 0 0 1 1.89-4.61 6.32 6.32 0 0 1 9.09-.06 6.41 6.41 0 0 1 1.84 4.63 19.65 19.65 0 0 1-2.31 9.32 30.22 30.22 0 0 1-6.3 8.05z\' transform=\'translate(-.88 -.75)\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  z-index: -1;
}
.article__quote:after {
  background: #d4ecf7;
  content: '';
  left: -9999px;
  height: 100%;
  position: absolute;
  right: -9999px;
  top: 0;
  z-index: -2;
}
@media all and (max-width: 550px) {
  .article__quote {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (max-width: 700px) {
  .article__quote {
    font-size: 15px;
    padding-bottom: 55px;
    padding-top: 68px;
  }
  .article__quote:before {
    height: 15px;
    left: 9px;
    top: 34px;
    width: 19px;
  }
}
@media all and (min-width: 701px) {
  .article__quote {
    font-size: 19px;
    padding-bottom: 75px;
    padding-top: 80px;
  }
  .article__quote:before {
    height: 40px;
    left: 7px;
    top: 65px;
    width: 50px;
  }
}
/*==========================================================================
   "image-captioned"
==========================================================================*/
@media all and (min-width: 821px) {
  .image-captioned {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
.image-captioned__image {
  height: auto;
  width: 335px;
}
@media all and (max-width: 820px) {
  .image-captioned__image {
    display: block;
    margin: 0 auto;
  }
}
@media all and (min-width: 821px) {
  .image-captioned__image {
    display: inline-block;
    vertical-align: middle;
  }
}
@media all and (max-width: 820px) {
  .image-captioned__caption {
    margin-top: 29px;
  }
}
@media all and (min-width: 821px) {
  .image-captioned__caption {
    width: -webkit-calc(100% - 335px);
    width: -moz-calc(100% - 335px);
    width: -o-calc(100% - 335px);
    width: calc(100% - 335px);
    display: inline-block;
    padding-left: 45px;
    vertical-align: middle;
  }
}
/*==========================================================================
   PAGE "p-corp-university"
==========================================================================*/
.p-corp-university {
  padding-top: 24px;
}
.p-corp-university_program {
  padding-bottom: 124px;
}
.p-corp-university__breadcrumbs {
  margin: 0 auto 38px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-corp-university__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-corp-university__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-corp-university__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-corp-university__cover-block {
  -webkit-background-size: 0;
  -moz-background-size: 0;
  -o-background-size: 0;
  background-size: 0;
  background-repeat: no-repeat;
  height: 456px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  position: relative;
  z-index: 1;
}
.p-corp-university__cover-block:before,
.p-corp-university__cover-block:after {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
}
.p-corp-university__cover-block:before {
  background: rgba(32, 37, 74, 0.72);
}
.p-corp-university__cover-block:after {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-image: inherit;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media all and (max-width: 550px) {
  .p-corp-university__cover-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (max-width: 800px) {
  .p-corp-university__cover-block:before,
  .p-corp-university__cover-block:after {
    left: 0;
    width: 100%;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__cover-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-corp-university__cover-block {
    padding-left: 66px;
    padding-right: 66px;
  }
  .p-corp-university__cover-block:before,
  .p-corp-university__cover-block:after {
    left: 66px;
    right: 66px;
  }
}
@media all and (max-width: 700px) {
  .p-corp-university__cover-block {
    margin-bottom: 23px;
  }
}
@media all and (min-width: 701px) {
  .p-corp-university__cover-block {
    margin-bottom: 62px;
  }
}
.p-corp-university__cover-content {
  bottom: 0;
  color: #fff;
  max-height: 100%;
  min-height: 202px;
  overflow: hidden;
  position: absolute;
}
@media all and (max-width: 550px) {
}
@media all and (max-width: 800px) {
  .p-corp-university__cover-content {
    padding-bottom: 33px;
  }
}
@media all and (min-width: 801px) {
  .p-corp-university__cover-content {
    max-width: -webkit-calc(90% - 170px);
    max-width: -moz-calc(90% - 170px);
    max-width: -o-calc(90% - 170px);
    max-width: calc(90% - 170px);
    left: 66px;
    padding: 0 0 37px 50px;
  }
}
.p-corp-university__title {
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
}
@media all and (max-width: 700px) {
  .p-corp-university__title {
    font-size: 27px;
  }
}
@media all and (min-width: 701px) {
  .p-corp-university__title {
    font-size: 43px;
  }
}
.p-corp-university__subtitle {
  color: #fff;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
  margin-top: 4px;
}
@media all and (max-width: 700px) {
  .p-corp-university__subtitle {
    font-size: 20px;
  }
}
@media all and (min-width: 701px) {
  .p-corp-university__subtitle {
    font-size: 24px;
  }
}
.p-corp-university__destination {
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-top: 20px;
}
.p-corp-university__section {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .p-corp-university__section {
    padding-left: 116px;
    padding-right: 116px;
  }
}
@media all and (max-width: 550px) {
  .p-corp-university__section_common {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__section_common {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 951px) {
  .p-corp-university__section_programs {
    display: flex;
    flex-wrap: wrap;
  }
}
.p-corp-university__section + .p-corp-university__section {
  margin-top: 36px;
}
.p-corp-university__section-title {
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 900;
}
.p-corp-university__videocourses-quantity {
  color: #ff2a00;
  display: inline-block;
  font-size: 10px;
  position: relative;
  top: 3px;
  vertical-align: top;
}
.p-corp-university__section-content {
  color: #606469;
  font-family: "PTSans";
  font-size: 17px;
  letter-spacing: .025em;
  line-height: 1.4;
  margin-top: 20px;
}

.p-corp-university__section-content ul{
  list-style-type: disc;
  padding-left: 35px;
}
.p-corp-university__section-content p{
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-corp-university__advantage + .p-corp-university__advantage {
  margin-top: 40px;
}
.p-corp-university__advantage-title {
  align-items: center;
  display: flex;
  margin-bottom: 18px;
}
.p-corp-university__advantage-icon {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-right: 12px;
}
.p-corp-university__advantage-title-text {
  color: #20254a;
  flex: 1 1 auto;
  font-family: "PTSans";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
}
@media all and (max-width: 550px) {
  .p-corp-university__courses-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__courses-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 550px) {
  .p-corp-university__programs-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__programs-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 950px) {
  .p-corp-university__programs-title {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 951px) {
  .p-corp-university__programs-title {
    flex: 0 0 auto;
    width: 100%;
  }
}
.p-corp-university__program {
  color: #fff;
  /*border-radius: 10px;*/
}
@media all and (min-width: 951px) {
  .p-corp-university__program {
    flex: 0 0 auto;
    margin-top: 25px;
    vertical-align: top;
    width: calc(50% - 15px);
    
    
  }
}
@media all and (max-width: 700px) {
  .p-corp-university__program {
    padding: 50px 0 15px;
  }
}
@media all and (min-width: 701px) {
  .p-corp-university__program {
    padding: 54px 0;
  }
}
.p-corp-university__program:nth-of-type(1) {
  background-color: #ff2a00;
  /*box-shadow: 0 0 35px #ff2a00;*/
}
.p-corp-university__program:nth-of-type(2) {
  background-color: #20254a;
  /*box-shadow: 0 0 35px #20254a;*/
}
@media all and (min-width: 951px) {
  .p-corp-university__program:nth-of-type(2) {
    margin-left: 30px;
  }
}
.p-corp-university__program-title {
  font-family: "ProximaNova";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .025em;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 10px 0px;
}
@media all and (max-width: 950px) {
  .p-corp-university__program-title {
    margin-bottom: 40px;
  }
}
@media all and (min-width: 951px) {
  .p-corp-university__program-title {
    height: 134px;
  }
}
@media all and (max-width: 550px) {
  .p-corp-university__program-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__program-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-corp-university__program-title {
    padding: 0 54px;
  }
}
.p-corp-university__program-item {
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .005em;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 10px 0px;
  padding: 7px;
  /*background-color: #008080;*/
}
.p-corp-university__program:nth-of-type(1) .p-corp-university__program-item:hover {
  color: #ff2a00; 
}
.p-corp-university__program:nth-of-type(2) .p-corp-university__program-item:hover {
  color: #20254a;
}
.p-corp-university__program-item-link {
  color: inherit;
  display: block;
  padding-bottom: 11px;
  padding-top: 12px;
}
@media all and (max-width: 550px) {
  .p-corp-university__program-item-link {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__program-item-link {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-corp-university__program-item-link {
    padding-left: 54px;
    padding-right: 54px;
  }
}
.p-corp-university__program-item-link:hover {
  background-color: #fff;
}
.p-corp-university__reviews {
  padding-bottom: 38px;
  position: relative;
}
@media all and (max-width: 980px) {
  .p-corp-university__reviews {
    margin-top: 40px;
  }
}
@media all and (min-width: 981px) {
  .p-corp-university__reviews {
    margin-top: 48px;
  }
}
.p-corp-university__reviews .bx-controls {
  bottom: 0;
  position: absolute;
  right: 0;
}
@media all and (max-width: 980px) {
  .p-corp-university__reviews .bx-controls {
    left: 0;
  }
}
@media all and (min-width: 981px) {
  .p-corp-university__reviews .bx-controls {
    left: 338px;
  }
}
.p-corp-university__reviews .bx-pager {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}
@media all and (max-width: 980px) {
  .p-corp-university__reviews .bx-pager {
    text-align: center;
  }
}
.p-corp-university__reviews .bx-pager-item {
  display: inline-block;
  vertical-align: top;
}
.p-corp-university__reviews .bx-pager-item + .bx-pager-item {
  margin-left: 60px;
}
.p-corp-university__reviews .bx-pager-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #8799ac;
  display: block;
  height: 6px;
  width: 6px;
}
.p-corp-university__reviews .bx-pager-link.active {
  background-color: #ff2a00;
}
.p-corp-university__reviews .bx-controls-direction {
  display: none;
}
.p-corp-university__review:not(:first-child) {
  display: none;
}
@media all and (min-width: 981px) {
  .p-corp-university__review {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
  }
}
.p-corp-university__review-company {
  display: inline-block;
}
@media all and (max-width: 980px) {
  .p-corp-university__review-company {
    margin-bottom: 26px;
  }
}
@media all and (min-width: 981px) {
  .p-corp-university__review-company {
    vertical-align: top;
    width: 338px;
  }
}
@media all and (min-width: 981px) {
  .p-corp-university__review-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 338px);
  }
}
.p-corp-university__review-title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .025em;
}
.p-corp-university__review-text {
  color: #606469;
  font-family: "PTSans";
  font-size: 16px;
  letter-spacing: .025em;
  line-height: 1.4;
  margin-top: 19px;
}
.p-corp-university__banner {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin: 75px auto 0;
  height: 618px;
  max-width: 1152px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.p-corp-university__banner:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
.p-corp-university__banner-image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.p-corp-university__banner-content {
  display: inline-block;
  max-width: 984px;
  padding-bottom: 50px;
  position: relative;
  text-align: left;
  vertical-align: bottom;
  width: 100%;
}
@media all and (max-width: 550px) {
  .p-corp-university__banner-content {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-corp-university__banner-content {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-corp-university__banner-content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.p-corp-university__banner-title {
  color: #fff;
  font-family: "ProximaNova";
  letter-spacing: .025em;
}
@media all and (max-width: 700px) {
  .p-corp-university__banner-title {
    font-size: 25px;
    font-weight: 900;
  }
}
@media all and (min-width: 701px) {
  .p-corp-university__banner-title {
    font-size: 33px;
    font-weight: 700;
  }
}
.p-corp-university__banner-action-button {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-color: #fff;
  color: #ff2a00;
  cursor: pointer;
  display: inline-block;
  font-family: "ProximaNova";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 48px;
  margin-top: 48px;
  max-width: 100%;
  min-width: 274px;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
}
.p-corp-university__program-parameters {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin-top: 40px;
}
.p-corp-university__program-parameter {
  display: inline-block;
  vertical-align: top;
}
.p-corp-university__program-parameter + .p-corp-university__program-parameter {
  margin-left: 32px;
}
.p-corp-university__program-duration {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  padding-left: 42px;
  position: relative;
}
.p-corp-university__program-duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 30px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 30px;
}
.p-corp-university__program-duration-value {
  font-size: 15px;
  display: block;
}
.p-corp-university__program-lessons {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  padding-left: 45px;
  position: relative;
}
.p-corp-university__program-lessons:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 48 48\'%3E%3Cpath d=\'M47 37H3c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h44c.6 0 1 .4 1 1v28c0 .6-.4 1-1 1zM46 9H4v26h42V9zm-24 7c.2 0 .4.1.6.2l7.8 4.9c.4.1.7.5.7.9 0 .3-.2.6-.4.8l-8 5c-.3.1-.5.2-.7.2-.6 0-1-.4-1-1V17c0-.6.4-1 1-1zm-6 23h18c.6 0 1 .4 1 1s-.4 1-1 1H16c-.6 0-1-.4-1-1s.4-1 1-1z\' fill=\'%2320254a\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 34px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 34px;
}
.p-corp-university__program-lessons-value {
  font-size: 15px;
  display: block;
}
@media all and (max-width: 700px) {
  .p-corp-university__courses-previews {
    margin-top: 30px;
  }
}
@media all and (min-width: 701px) {
  .p-corp-university__courses-previews {
    margin-top: 50px;
  }
}
.p-corp-university__course-preview + .p-corp-university__course-preview {
  margin-top: 25px;
}
/*==========================================================================
   "partner-program-previews"
==========================================================================*/
.partner-program-previews {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 801px) {
  .partner-program-previews {
    padding-left: 66px;
    padding-right: 66px;
    padding-top: 60px;
  }
}
.partner-program-previews__item {
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 1050px) {
  .partner-program-previews__item + .partner-program-previews__item {
    margin-top: 12px;
  }
}
@media all and (min-width: 1051px) {
  .partner-program-previews__item + .partner-program-previews__item {
    border-top: 1px solid #d4ecf7;
    margin-top: 29px;
    padding-top: 28px;
  }
}
/*==========================================================================
   "partner-program-preview"
==========================================================================*/
.partner-program-preview {
  margin: 0 auto;
  max-width: 990px;
}
@media all and (min-width: 631px) {
  .partner-program-preview {
    height: 218px;
  }
  .partner-program-preview:after {
    content: '.';
    display: block;
    visibility: hidden;
    /*width: 0;*/
    height: 0;
    clear: both;
  }
}
.partner-program-preview__main-block {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.partner-program-preview__main-block:before {
  background: rgba(255, 255, 255, 0.75);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 630px) {
  .partner-program-preview__main-block {
    display: flex;
    flex-direction: column;
    height: 280px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
@media all and (min-width: 631px) {
  .partner-program-preview__main-block {
    width: -webkit-calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: -o-calc(100% - 255px);
    width: calc(100% - 255px);
    float: left;
    height: 100%;
    padding: 35px 42px 0;
  }
}
@media all and (max-width: 550px) {
  .partner-program-preview__main-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 631px) {
  .partner-program-preview__main-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.partner-program-preview__info-block {
  background: rgba(212, 236, 247, 0.74);
  overflow: hidden;
}
@media all and (max-width: 630px) {
  .partner-program-preview__info-block {
    padding-bottom: 23px;
    padding-top: 23px;
  }
}
@media all and (min-width: 631px) {
  .partner-program-preview__info-block {
    float: left;
    height: 100%;
    padding: 56px 36px 20px;
    width: 255px;
  }
}
@media all and (max-width: 550px) {
  .partner-program-preview__info-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 631px) {
  .partner-program-preview__info-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.partner-program-preview__title {
  color: #20254a;
  font-family: "PTSans";
  font-weight: 700;
  letter-spacing: .025em;
  overflow: hidden;
}
@media all and (max-width: 630px) {
  .partner-program-preview__title {
    font-size: 18px;
    line-height: 1.3;
    height: 5.2em;
    margin-top: auto;
    width: 100%;
  }
}
@media all and (min-width: 631px) {
  .partner-program-preview__title {
    font-size: 22px;
    line-height: 1.1;
    height: 6.6em;
  }
}
.partner-program-preview__author {
  color: #20254a;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.partner-program-preview__author img {
  display: block;
}
.partner-program-preview__duration {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  padding-left: 44px;
  position: relative;
}
.partner-program-preview__duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 29px;
}
.partner-program-preview__duration-value {
  font-size: 15px;
  display: block;
}
.partner-program-preview__lesson {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  margin-top: 42px;
  padding-left: 46px;
  position: relative;
}
.partner-program-preview__lesson:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 48 48\'%3E%3Cpath d=\'M47 37H3c-.6 0-1-.4-1-1V8c0-.6.4-1 1-1h44c.6 0 1 .4 1 1v28c0 .6-.4 1-1 1zM46 9H4v26h42V9zm-24 7c.2 0 .4.1.6.2l7.8 4.9c.4.1.7.5.7.9 0 .3-.2.6-.4.8l-8 5c-.3.1-.5.2-.7.2-.6 0-1-.4-1-1V17c0-.6.4-1 1-1zm-6 23h18c.6 0 1 .4 1 1s-.4 1-1 1H16c-.6 0-1-.4-1-1s.4-1 1-1z\' fill=\'%2320254a\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 26px;
}
.partner-program-preview__lesson-value {
  font-size: 15px;
  display: block;
}
/*==========================================================================
   PAGE "p-partner-workers"
==========================================================================*/
.p-partner-workers {
  padding: 25px 0 58px;
}
.p-partner-workers__breadcrumbs {
  margin: 0 auto 32px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-partner-workers__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-partner-workers__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-partner-workers__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-partner-workers__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-partner-workers__header {
  margin: 0 auto 38px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-partner-workers__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-partner-workers__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-partner-workers__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 890px) {
  .p-partner-workers__statistics {
    margin-bottom: 60px;
  }
}
@media all and (min-width: 791px) {
  .p-partner-workers__statistics {
    margin-bottom: 92px;
  }
}
.p-partner-workers__results {
  margin: 0 auto;
  max-width: 1284px;
}
@media all and (min-width: 1061px) {
  .p-partner-workers__results {
    padding-left: 106px;
    padding-right: 106px;
  }
}
@media all and (max-width: 550px) {
  .p-partner-workers__results-header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-partner-workers__results-header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1060px) {
  .p-partner-workers__results-header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
/*==========================================================================
   "statistics-circles"
==========================================================================*/
.statistics-circles {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
  white-space: nowrap;
}
@media all and (max-width: 680px) {
  .statistics-circles {
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
    padding: 0 7px;
  }
  .statistics-circles:not(.is-slider) {
    transform: translateX(-100%);
  }
}
@media all and (min-width: 681px) and (max-width: 890px) {
  .statistics-circles {
    padding: 0 15px;
  }
}
@media all and (min-width: 891px) {
  .statistics-circles {
    margin-left: auto;
    margin-right: auto;
    max-width: 1284px;
    padding-left: 66px;
    padding-right: 66px;
  }
}
.statistics-circles .bx-viewport {
  height: auto !important;
  overflow: visible !important;
}
.statistics-circles .slider-block:after {
  content: '.';
  display: block;
  visibility: hidden;
  /*width: 0;*/
  height: 0;
  clear: both;
}
.statistics-circles__item {
  color: #20254a;
  display: inline-block;
  position: relative;
  text-align: center;
  vertical-align: top;
  z-index: 1;
}
.statistics-circles__item:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 12px solid #e6e7e8;
  content: '';
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
}
@media all and (max-width: 680px) {
  .statistics-circles__item {
    height: 246px;
    padding-top: 75px;
    width: 246px;
  }
  .statistics-circles__item:not(:nth-child(2)) {
    opacity: .6;
  }
  .statistics-circles:not(.is-slider) .statistics-circles__item + .statistics-circles__item {
    margin-left: 14px;
  }
}
@media all and (min-width: 681px) and (max-width: 790px) {
  .statistics-circles__item {
    width: 32.3%;
  }
  .statistics-circles__item:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .statistics-circles__item + .statistics-circles__item {
    margin-left: 1.55%;
  }
}
@media all and (min-width: 791px) {
  .statistics-circles__item {
    height: 246px;
    padding-top: 75px;
    width: 246px;
  }
  .statistics-circles__item + .statistics-circles__item {
    margin-left: -webkit-calc((100% - 246px * 3) / 2);
    margin-left: -moz-calc((100% - 246px * 3) / 2);
    margin-left: -o-calc((100% - 246px * 3) / 2);
    margin-left: calc((100% - 246px * 3) / 2);
  }
}
.statistics-circles__item-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  z-index: -1;
}
.statistics-circles__item-progress-value {
  stroke-linecap: round;
}
.statistics-circles__item-progress-value_blue {
  stroke: #2994de;
}
.statistics-circles__item-progress-value_red {
  stroke: #db473f;
}
.statistics-circles__item-progress-value_green {
  stroke: #41a96c;
}
.statistics-circles__item-value {
  display: block;
  font-family: "ProximaNova";
  font-size: 52px;
  font-weight: 900;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media all and (min-width: 681px) and (max-width: 790px) {
  .statistics-circles__item-value {
    position: absolute;
    top: 30.5%;
    width: 100%;
  }
}
.statistics-circles__item-name {
  display: block;
  font-family: "PTSans";
  font-size: 14px;
  margin-top: 7px;
  padding: 0 25px;
}
@media all and (min-width: 681px) and (max-width: 790px) {
  .statistics-circles__item-name {
    position: absolute;
    top: 56%;
    width: 100%;
  }
}
/*==========================================================================
   "corp-course-preview"
==========================================================================*/
.corp-course-preview {
  margin: 0 auto;
  max-width: 990px;
}
@media all and (min-width: 631px) {
  .corp-course-preview {
    height: 218px;
  }
  .corp-course-preview:after {
    content: '.';
    display: block;
    visibility: hidden;
    /*width: 0;*/
    height: 0;
    clear: both;
  }
}
.corp-course-preview__main-block {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.corp-course-preview__main-block:before {
  background: rgba(255, 255, 255, 0.75);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media all and (max-width: 630px) {
  .corp-course-preview__main-block {
    display: flex;
    flex-direction: column;
    height: 280px;
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
@media all and (min-width: 631px) {
  .corp-course-preview__main-block {
    width: -webkit-calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: -o-calc(100% - 255px);
    width: calc(100% - 255px);
    float: left;
    height: 100%;
    padding: 53px 42px 25px;
  }
}
@media all and (max-width: 550px) {
  .corp-course-preview__main-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 631px) {
  .corp-course-preview__main-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.corp-course-preview__info-block {
  background: rgba(212, 236, 247, 0.74);
  overflow: hidden;
}
@media all and (max-width: 630px) {
  .corp-course-preview__info-block {
    padding-bottom: 23px;
    padding-top: 23px;
  }
}
@media all and (min-width: 631px) {
  .corp-course-preview__info-block {
    float: left;
    height: 100%;
    padding: 30px 36px 20px;
    width: 255px;
  }
}
@media all and (max-width: 550px) {
  .corp-course-preview__info-block {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 631px) {
  .corp-course-preview__info-block {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.corp-course-preview__title {
  color: #20254a;
  font-family: "PTSans";
  font-weight: 700;
  letter-spacing: .025em;
  overflow: hidden;
}
@media all and (max-width: 630px) {
  .corp-course-preview__title {
    font-size: 18px;
    line-height: 1.3;
    height: 5.2em;
    margin-top: auto;
    width: 100%;
  }
}
@media all and (min-width: 631px) and (max-width: 899px) {
  .corp-course-preview__title {
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 1px;
  }
}

@media all and (min-width: 900px) {
  .corp-course-preview__title {
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 25px;
  }
}

.corp-course-preview__author {
  color: #20254a;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media all and (max-width: 630px) {
  .corp-course-preview__author {
    width: 100%;
  }
}
.corp-course-preview__author img {
  display: block;
}
.corp-course-preview__duration {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  padding-left: 44px;
  position: relative;
}
.corp-course-preview__duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 29px;
}
.corp-course-preview__duration-value {
  font-size: 15px;
  display: block;
}
.corp-course-preview__dates-range {
  margin-top: 30px;
  white-space: nowrap;
}
.corp-course-preview__dates-range:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 24px;
  margin-right: 15px;
  position: relative;
  top: -3px;
  vertical-align: middle;
  width: 30px;
}
.corp-course-preview__dates-range-item {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.corp-course-preview__dates-range-item + .corp-course-preview__dates-range-item {
  margin-left: 12px;
}
.corp-course-preview__dates-range-value {
  font-size: 15px;
  display: block;
}
.corp-course-preview__dates-range-item:first-child .corp-course-preview__dates-range-value:after {
  background: #20254a;
  content: '';
  display: inline-block;
  height: 1px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  width: 58px;
}
.corp-course-preview__price {
  color: #ff2a00;
  font-family: "ProximaNova";
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .025em;
  margin-top: 30px;
  text-transform: uppercase;
}
.corp-course-preview__price:before {
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%23ff2a00%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M50.81 105.45A94 94 0 0 1 22.46 107c-6-.66-11.89-1.77-17.35-4.56-4.28-2.2-6.47-5.35-6.4-10.44.22-15.94.15-31.88 0-47.82A9.66 9.66 0 0 1 4 34.94c6-3.42 12.57-4.8 19.31-5.23 5.92-.38 11.87-.1 17.81-.12.34 0 .68 0 1.27-.06V27.4c0-4.68.17-9.36-.05-14-.2-4.16 1.6-7.17 5.12-8.76A59.33 59.33 0 0 1 60.21.21a78.74 78.74 0 0 1 37.63 1.4A34.83 34.83 0 0 1 105 4.74a8.91 8.91 0 0 1 4.82 8.55c-.15 11.26 0 22.53-.09 33.79a2.64 2.64 0 0 0 2 2.91 45.46 45.46 0 0 1 28.38 46.29 45.63 45.63 0 0 1-88.4 11.45c-.27-.73-.57-1.42-.9-2.28zm43.69 28.22A41.49 41.49 0 0 0 136 91.52c-.18-22.36-18.94-40.79-41.4-40.66a41.54 41.54 0 0 0-41.41 41.8c.12 22.5 18.94 41.17 41.31 41.01zm-62.69-82.3c5.81-.73 11.69-1.15 17.41-2.31a39.33 39.33 0 0 0 10.41-4c3.14-1.67 3.08-3.88.09-5.79a24.65 24.65 0 0 0-6.11-2.86 73.77 73.77 0 0 0-38.78-.92 39.21 39.21 0 0 0-9.73 4C2.39 41 2.46 43.22 5 45a24.22 24.22 0 0 0 5.62 2.89c6.84 2.47 13.96 3 21.19 3.48zm42.34-48.5c-2.81.29-7.62.6-12.36 1.35S52.48 6.16 48.54 9c-2.48 1.78-2.61 3.78-.07 5.43a28.3 28.3 0 0 0 7.8 3.66 76.4 76.4 0 0 0 36.15.58 42.85 42.85 0 0 0 10.81-4.12c3.11-1.63 3-3.89 0-5.81a27.44 27.44 0 0 0-5.56-2.64c-6.96-2.47-14.22-3-23.52-3.23zM62 49.48c-19.75 7.59-39.17 7.93-58.83.19 0 2.83.07 5.86 0 8.89a4.09 4.09 0 0 0 2.17 4.07 41.75 41.75 0 0 0 7.91 3.47 74.85 74.85 0 0 0 32.64 1 68.49 68.49 0 0 0 13-4.19 5.33 5.33 0 0 0 3-3.48 80.23 80.23 0 0 0 .11-9.95zM46.65 19.16c0 3 .05 6.22 0 9.4 0 1.31.35 1.79 1.7 2 5.3 1 10.49 2.4 14.89 5.79a3.78 3.78 0 0 0 1.59.52 67.12 67.12 0 0 0 25.33-.38 72.35 72.35 0 0 0 12.58-4.22 4.62 4.62 0 0 0 2.57-3.05c.33-3.47.12-7 .12-10.24-19.65 7.62-39.05 8.02-58.78.18zm7.53 50.79c-17 3.72-34.15 4.56-51-3.08 0 2.72.18 5.42 0 8.08a5.62 5.62 0 0 0 3.42 6 17.29 17.29 0 0 0 4.06 1.8 147.3 147.3 0 0 0 15 2.77 76.48 76.48 0 0 0 22.19-1.17c1-.19 1.94-.3 2.35-1.69 1.14-4.35 2.63-8.6 3.98-12.72zm-51 14.27a54.35 54.35 0 0 1-.05 7.11c-.57 4.24 1.6 6.47 5.13 7.92.85.35 1.7.71 2.57 1 8.47 2.79 17.19 3.34 26 2.72 4.28-.3 8.53-.95 12.77-1.43l-.86-12.85C33.32 90.72 18 91.32 3.14 84.21zm63.13-27.85c11.92-8.93 24.83-11.63 38.94-8.55V36.08c-12.44 6.33-25.59 6.43-38.94 5.68z'/%3E%3Cpath class='c' d='M82.22 93h5.15V77.1c1.89 0 6.75-.1 8.88-.1 9.71 0 12.57 4.37 12.57 9.66 0 5.49-3.93 9.47-12.23 9.47h-5.1v5.1h8.4v3.16h-8.4v6.7h-4.12v-6.7h-5.15v-3.16h5.15v-5.1h-5.15zm9.27-12v12h5c5 0 8-1.94 8-6s-2.43-6.07-7.82-6.07c-1.39-.05-3.58 0-5.18.07z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 30px;
  margin-right: 14px;
  vertical-align: middle;
  width: 30px;
}
/*==========================================================================
   PAGE "p-partner-worker"
==========================================================================*/
.p-partner-worker {
  padding: 25px 0 58px;
}
.p-partner-worker__breadcrumbs {
  margin: 0 auto 32px;
  max-width: 1284px;
  padding-bottom: 13px;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 550px) {
  .p-partner-worker__breadcrumbs {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-partner-worker__breadcrumbs {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-partner-worker__breadcrumbs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-partner-worker__breadcrumbs:before {
  bottom: 0;
  border-bottom: 1px solid #d4ecf7;
  content: '';
  left: -9999px;
  position: absolute;
  right: -9999px;
}
.p-partner-worker__header {
  margin: 0 auto 38px;
  max-width: 1284px;
}
@media all and (max-width: 550px) {
  .p-partner-worker__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .p-partner-worker__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-partner-worker__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-partner-worker__info {
  margin: 0 auto;
  max-width: 1204px;
}
@media all and (min-width: 601px) and (max-width: 800px) {
  .p-partner-worker__info {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .p-partner-worker__info {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.p-partner-worker__name {
  color: #20254a;
  font-family: "ProximaNova";
  font-weight: 900;
  letter-spacing: .025em;
}
@media all and (max-width: 550px) {
  .p-partner-worker__name {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 600px) {
  .p-partner-worker__name {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 600px) {
  .p-partner-worker__name {
    font-size: 20px;
  }
}
@media all and (min-width: 601px) {
  .p-partner-worker__name {
    font-size: 24px;
  }
}
.p-partner-worker__position {
  color: #ff2a00;
  font-family: "PTSans";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  margin-top: 7px;
}
@media all and (max-width: 550px) {
  .p-partner-worker__position {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 600px) {
  .p-partner-worker__position {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.p-partner-worker__contacts {
  font-family: "PTSans";
}
@media all and (max-width: 600px) {
  .p-partner-worker__contacts {
    display: block;
    font-size: 15px;
    margin-top: 22px;
  }
}
@media all and (min-width: 601px) {
  .p-partner-worker__contacts {
    font-size: 16px;
    margin-top: 35px;
    max-width: 762px;
    table-layout: fixed;
    width: 100%;
  }
}
@media all and (max-width: 550px) {
  .p-partner-worker__contacts-item {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 600px) {
  .p-partner-worker__contacts-item {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (max-width: 600px) {
  .p-partner-worker__contacts-item {
    border-top: 1px solid #d4ecf7;
    display: block;
    padding-top: 28px;
  }
  .p-partner-worker__contacts-item + .p-partner-worker__contacts-item {
    margin-top: 18px;
  }
}
.p-partner-worker__contact-name {
  color: #20254a;
  font-weight: 700;
  letter-spacing: .025em;
  text-align: left;
}
@media all and (max-width: 600px) {
  .p-partner-worker__contact-name {
    display: block;
  }
}
@media all and (min-width: 601px) {
  .p-partner-worker__contact-name {
    border: 1px solid #d4ecf7;
    padding: 20px 20px 20px 42px;
    vertical-align: middle;
    width: 27.03%;
  }
}
.p-partner-worker__contact-value {
  color: #606469;
  letter-spacing: .005em;
  line-height: 1.4;
}
@media all and (max-width: 600px) {
  .p-partner-worker__contact-value {
    display: block;
    margin-top: 8px;
  }
}
@media all and (min-width: 601px) {
  .p-partner-worker__contact-value {
    border: 1px solid #d4ecf7;
    padding: 30px 30px 30px 23px;
  }
}
.p-partner-worker__contact-document {
  color: #20254a;
  text-decoration: underline;
}
.p-partner-worker__statistics {
  margin-top: 30px;
  /* @media all and (max-width: @bp-statistics-m-max) {
        }
        @media all and (min-width: @bp-statistics-m-min) {
        } */
}
.p-partner-worker__programs {
  margin-top: 60px;
}
/*==========================================================================
   "worker-programs"
==========================================================================*/
.worker-programs {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  /* @media all and (max-width: @bp-wrapper-mobile-winger-indent-max) {
        padding-left: @wrapper-mobile-winger-indent;
        padding-right: @wrapper-mobile-winger-indent;
    }
    @media all and (min-width: @bp-wrapper-tablet-winger-indent-min) and (max-width: @bp-wrapper-tablet-winger-indent-max) {
        padding-left: @wrapper-tablet-winger-indent;
        padding-right: @wrapper-tablet-winger-indent;
    }
    @media all and (min-width: @bp-wrapper-desktop-winger-indent-min) {
        padding-left: (@wrapper-winger-inner-indent + @wrapper-winger-outer-indent);
        padding-right: (@wrapper-winger-inner-indent + @wrapper-winger-outer-indent);
    } */
}
@media all and (min-width: 1001px) {
  .worker-programs {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.worker-programs__body {
  color: #20254a;
  display: block;
}
.worker-programs__header {
  color: #20254a;
  letter-spacing: .025em;
}
@media all and (max-width: 550px) {
  .worker-programs__header {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__header {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__header {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__header {
    display: block;
    font-family: "ProximaNova";
    font-weight: 900;
    margin-bottom: 16px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__header {
    background-color: #d4ecf7;
    display: table;
    font-family: "ProximaNova";
    font-size: 10px;
    font-weight: 700;
    height: 65px;
    table-layout: fixed;
    width: 100%;
  }
}
@media all and (min-width: 1080px) {
  .worker-programs__header {
    font-size: 12px;
  }
}
@media all and (min-width: 1200px) {
  .worker-programs__header {
    font-size: 14px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__header tr {
    display: block;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__header-item_primary {
    font-size: 22px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__header-item_primary {
    font-size: 21px;
    padding-left: 40px;
    padding-right: 20px;
  }
}
.worker-programs__header-item_secondary {
  padding-left: 25px;
  padding-right: 25px;
  width: 12.17%;
}
@media all and (max-width: 1000px) {
  .worker-programs__header-item_secondary {
    display: none;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__header-item {
    padding-bottom: 10px;
    padding-top: 11px;
    text-align: left;
    vertical-align: middle;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item {
    display: block;
  }
  .worker-programs__item + .worker-programs__item {
    margin-top: 28px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .worker-programs__item + .worker-programs__item {
    margin-top: -1px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-header {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    display: block;
  }
}
.worker-programs__item-main-info {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}
.worker-programs__item-main-info:before {
  background: rgba(255, 255, 255, 0.75);
  content: '';
  height: 100%;
  left: -1px;
  right: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
@media all and (max-width: 550px) {
  .worker-programs__item-main-info {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__item-main-info {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__item-main-info {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-main-info {
    display: block;
    padding-bottom: 32px;
    padding-top: 68px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-main-info {
    border-left: 1px solid #d4ecf7;
    padding-bottom: 24px;
    padding-left: 39px;
    padding-right: 80px;
    padding-top: 40px;
  }
}
.worker-programs__item-title {
  color: #20254a;
  font-family: "PTSans";
  font-size: 22px;
  font-weight: 700;
  height: 4.4em;
  letter-spacing: .025em;
  line-height: 1.1;
  overflow: hidden;
}
.worker-programs__item-destination {
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
  margin-top: 5px;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-destination {
    margin-top: 24px;
  }
}
.worker-programs__item-switch-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  position: absolute;
}
.worker-programs__item-switch-button:after {
  content: '';
  position: absolute;
  top: 2px;
  bottom: 0;
  margin: auto;
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
}
@media all and (max-width: 550px) {
  .worker-programs__item-switch-button {
    padding-left: 23px;
    padding-right: 74px;
  }
  .worker-programs__item-switch-button:before {
    right: 23px;
  }
  .worker-programs__item-switch-button:after {
    right: 40.5px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__item-switch-button {
    padding-left: 55px;
    padding-right: 106px;
  }
  .worker-programs__item-switch-button:before {
    right: 55px;
  }
  .worker-programs__item-switch-button:after {
    right: 72.5px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__item-switch-button {
    padding-left: 66px;
    padding-right: 117px;
  }
  .worker-programs__item-switch-button:before {
    right: 66px;
  }
  .worker-programs__item-switch-button:after {
    right: 83.5px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-switch-button {
    top: -webkit-calc(100% + 252px);
    top: -moz-calc(100% + 252px);
    top: -o-calc(100% + 252px);
    top: calc(100% + 252px);
    background-color: #d4ecf7;
    color: #20254a;
    font-family: "ProximaNova";
    font-size: 12px;
    font-weight: 900;
    line-height: 70px;
    height: 70px;
    left: 0;
    text-transform: uppercase;
    width: 100%;
  }
  .worker-programs__item-switch-button:before {
    background-color: #20254a;
    border-radius: 50%;
    bottom: 0;
    content: '';
    font-size: 0;
    height: 43px;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 43px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-switch-button {
    background-color: #20254a;
    border-radius: 50%;
    bottom: 0;
    font-size: 0;
    height: 43px;
    margin: auto 0;
    right: 20px;
    text-indent: -9999px;
    top: 0;
    width: 43px;
  }
  .worker-programs__item-switch-button:after {
    left: 0;
    right: 0;
  }
}
.worker-programs__item-input-switcher:nth-child(1):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(1) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(2):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(2) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(3):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(3) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(4):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(4) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(5):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(5) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(6):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(6) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(7):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(7) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(8):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(8) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(9):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(9) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
.worker-programs__item-input-switcher:nth-child(10):checked ~ .worker-programs__body .worker-programs__item:nth-of-type(10) .worker-programs__item-switch-button:after {
  border-bottom: 6px solid #fff;
  border-top-width: 0;
  bottom: 2px;
}
@media all and (min-width: 1001px) {
  .worker-programs__item-parameter {
    border-bottom: 1px solid #d4ecf7;
    border-right: 1px solid #d4ecf7;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 34px;
    vertical-align: top;
    width: 12.17%;
  }
}
@media all and (max-width: 550px) {
  .worker-programs__item-parameter_dates {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__item-parameter_dates {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__item-parameter_dates {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-parameter_dates {
    background-color: #d4ecf7;
    display: block;
    height: 130px;
    padding-top: 18px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-parameter_statistics {
    display: inline-block;
    height: 192px;
    padding-bottom: 70px;
    padding-top: 20px;
    vertical-align: top;
    width: 50%;
  }
}
@media all and (max-width: 550px) {
  .worker-programs__item-parameter_statistics:nth-child(3) {
    padding-left: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__item-parameter_statistics:nth-child(3) {
    padding-left: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__item-parameter_statistics:nth-child(3) {
    padding-left: 66px;
  }
}
@media all and (max-width: 550px) {
  .worker-programs__item-parameter_statistics:nth-child(4) {
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__item-parameter_statistics:nth-child(4) {
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__item-parameter_statistics:nth-child(4) {
    padding-right: 66px;
  }
}
.worker-programs__item-duration {
  color: #20254a;
  font-family: "PTSans";
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .025em;
  padding-bottom: 3px;
  text-transform: uppercase;
  padding-left: 44px;
  position: relative;
}
.worker-programs__item-duration:before {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 139 139'%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3Cpath class='c' d='M83.6 76.9L72 70.4V46.5c0-1.7-1.4-3.1-3.1-3.1s-3.1 1.4-3.1 3.1v26.1c0 .1 0 .2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3 0 .1.1.2.1.3.1.1.1.2.2.3.1.1.1.2.2.2l.2.2c.1.1.2.1.2.2.1.1.2.1.3.2 0 0 .1 0 .1.1l13.2 7.4c.5.3 1 .4 1.5.4 1.1 0 2.2-.6 2.7-1.6.8-1.5.3-3.4-1.2-4.3z'/%3E%3Cpath class='c' d='M69.5 129.8c-33.3 0-60.3-27.1-60.3-60.3s27-60.3 60.3-60.3 60.3 27.1 60.3 60.3-27 60.3-60.3 60.3zm1.5-4.9l2.7-.2c25.7-1.9 46.9-21.8 50.6-47.3l.4-2.9h-9.3v-3h9.5V69c-.3-28.5-22.7-52.5-51.1-54.6l-2.8-.3v9.4h-3v-9.4l-2.7.2C36.9 16.5 14.4 40.5 14.2 69v2.5h10v3h-9.8l.4 2.9c3.6 25.5 24.9 45.4 50.6 47.3l2.7.2v-9.4h3v9.4z'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 0;
  width: 29px;
}
@media all and (min-width: 1001px) {
  .worker-programs__item-duration {
    display: none;
  }
}
.worker-programs__item-duration-value {
  font-size: 15px;
  display: block;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-dates {
    margin-top: 20px;
    white-space: nowrap;
  }
  .worker-programs__item-dates:before {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114 93'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%2320254a%7D%3C/style%3E%3C/defs%3E%3Cpath class='c' d='M59.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM89.2 13.7V2a2 2 0 1 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3zM31.2 7h22v4h-22zM61.2 7h22v4h-22zM29.2 13.7V2a2 2 0 0 0-4 0v11.7a4.89 4.89 0 0 0-2.8 4.3 4.8 4.8 0 0 0 9.6 0 4.61 4.61 0 0 0-2.8-4.3z'/%3E%3Cpath class='c' d='M104 7H91v4h13a6 6 0 0 1 6 6v11H4V17a6 6 0 0 1 6-6h13V7H10A10 10 0 0 0 0 17v66a10 10 0 0 0 10 10h94a10 10 0 0 0 10-10V17a10 10 0 0 0-10-10zm0 82H10a6 6 0 0 1-6-6V32h106v51a6 6 0 0 1-6 6z'/%3E%3Ccircle class='c' cx='44' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='44' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='68.4' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='80.5' cy='44.3' r='3.3'/%3E%3Ccircle class='c' cx='92.7' cy='55.1' r='3.3'/%3E%3Ccircle class='c' cx='92.8' cy='66.3' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='65.9' r='3.3'/%3E%3Ccircle class='c' cx='19.6' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='31.8' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='44' cy='76.8' r='3.3'/%3E%3Ccircle class='c' cx='56.2' cy='76.8' r='3.3'/%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 24px;
    margin-right: 15px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 30px;
  }
}
.worker-programs__item-date {
  font-family: "PTSans";
  font-weight: 700;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-date {
    color: #20254a;
    font-family: "PTSans";
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .025em;
    padding-bottom: 3px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
  }
  .worker-programs__item-date + .worker-programs__item-date {
    margin-left: 12px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-date {
    font-size: 20px;
    white-space: nowrap;
    line-height: 1;
  }
  .worker-programs__item-date + .worker-programs__item-date {
    margin-top: 34px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-date-short {
    display: block;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-date-short {
    display: none;
  }
}
.worker-programs__item-date-short-day {
  font-size: 15px;
  display: block;
}
.worker-programs__item-date:first-child .worker-programs__item-date-short-day:after {
  background: #20254a;
  content: '';
  display: inline-block;
  height: 1px;
  margin-left: 12px;
  position: relative;
  vertical-align: middle;
  width: 58px;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-day {
    display: none;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-day {
    display: block;
  }
}
.worker-programs__item-year {
  font-size: 15px;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-year {
    display: none;
  }
}
.worker-programs__item-statistic {
  color: #aeb2be;
  font-family: "PTSans";
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
  padding-top: 45px;
  position: relative;
}
.worker-programs__item-statistic_watchings:before {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  content: '';
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-statistic_watchings:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 36 25\'%3E%3Cg fill=\'%238799ac\'%3E%3Cpath d=\'M35.7 11.2c-.3-.6-.6-1.3-1-1.9-1.6-2.4-3.8-4.4-6.7-6.2-3.3-2-6.6-3-10.1-3.1-.4.1-.8.1-1.1.1-.8.1-1.8.2-2.5.4-3.9.9-7.5 2.9-10.7 6C2.2 7.9 1.2 9.2.5 10.6c-.6 1.3-.6 2.5 0 3.7.3.6.6 1.2 1 1.7 2.6 3.5 6 6.1 10.3 7.8 2.1.8 4.2 1.2 6.2 1.2 1.1 0 2.2-.1 3.3-.3 4.4-.9 8.3-3.1 11.7-6.7 1.3-1.4 2.2-2.7 2.7-4.1.4-.9.4-1.8 0-2.7zm-3 3.1c-3.2 4.3-7.3 7-12.2 8-4 .8-7.9-.2-12-2.8-2.2-1.5-4-3.2-5.4-5.2-.7-1.2-.7-2.2.1-3.3 1.6-2.3 3.6-4.2 6.3-5.8 2.2-1.3 4.5-2.1 6.8-2.4.4 0 .8-.1 1.1-.1h.4c2.9 0 5.6.8 8.2 2.2 2.8 1.6 5 3.5 6.7 6 .9 1.2.9 2.3 0 3.4z\'/%3E%3Cpath d=\'M18 5.8c-1.9 0-3.6.7-4.9 2s-2 3-2 4.9c0 1.8.7 3.5 2 4.8 1.3 1.3 3 2 4.8 2h.1c1.7 0 3.5-.7 4.7-2 1.4-1.4 2.1-3.2 2-5.1 0-1.7-.8-3.4-2.1-4.7A6.42 6.42 0 0 0 18 5.8zM18 17c-1.2 0-2.2-.5-3.1-1.3-.8-.8-1.3-1.9-1.3-3 0-1.2.5-2.3 1.3-3.1.8-.8 1.9-1.2 3-1.2h.1c1.1 0 2.2.5 3 1.3s1.3 1.9 1.2 3.1C22.3 15 20.3 17 18 17z\'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-statistic_watchings:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 36 25\'%3E%3Cg fill=\'%2320254a\'%3E%3Cpath d=\'M35.7 11.2c-.3-.6-.6-1.3-1-1.9-1.6-2.4-3.8-4.4-6.7-6.2-3.3-2-6.6-3-10.1-3.1-.4.1-.8.1-1.1.1-.8.1-1.8.2-2.5.4-3.9.9-7.5 2.9-10.7 6C2.2 7.9 1.2 9.2.5 10.6c-.6 1.3-.6 2.5 0 3.7.3.6.6 1.2 1 1.7 2.6 3.5 6 6.1 10.3 7.8 2.1.8 4.2 1.2 6.2 1.2 1.1 0 2.2-.1 3.3-.3 4.4-.9 8.3-3.1 11.7-6.7 1.3-1.4 2.2-2.7 2.7-4.1.4-.9.4-1.8 0-2.7zm-3 3.1c-3.2 4.3-7.3 7-12.2 8-4 .8-7.9-.2-12-2.8-2.2-1.5-4-3.2-5.4-5.2-.7-1.2-.7-2.2.1-3.3 1.6-2.3 3.6-4.2 6.3-5.8 2.2-1.3 4.5-2.1 6.8-2.4.4 0 .8-.1 1.1-.1h.4c2.9 0 5.6.8 8.2 2.2 2.8 1.6 5 3.5 6.7 6 .9 1.2.9 2.3 0 3.4z\'/%3E%3Cpath d=\'M18 5.8c-1.9 0-3.6.7-4.9 2s-2 3-2 4.9c0 1.8.7 3.5 2 4.8 1.3 1.3 3 2 4.8 2h.1c1.7 0 3.5-.7 4.7-2 1.4-1.4 2.1-3.2 2-5.1 0-1.7-.8-3.4-2.1-4.7A6.42 6.42 0 0 0 18 5.8zM18 17c-1.2 0-2.2-.5-3.1-1.3-.8-.8-1.3-1.9-1.3-3 0-1.2.5-2.3 1.3-3.1.8-.8 1.9-1.2 3-1.2h.1c1.1 0 2.2.5 3 1.3s1.3 1.9 1.2 3.1C22.3 15 20.3 17 18 17z\'/%3E%3C/g%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
}
.worker-programs__item-statistic_completings:before {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  content: '';
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-statistic_completings:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%238799ac\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-statistic_completings:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox=\'0 0 22 23\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20.4 18.2L15 11.6V5h1c.6 0 1-.4 1-1V1c0-.6-.4-1-1-1H6c-.6 0-1 .4-1 1v3c0 .6.4 1 1 1h1v6.6l-5.5 6.6c-.6.9-.7 2.1-.2 3.1.5 1 1.5 1.6 2.7 1.6h14c1.1 0 2.1-.6 2.7-1.6.5-.9.4-2.1-.3-3.1zM7 2h8v1H7V2zm1.8 10.6c.1-.2.2-.4.2-.6V5h4v1h-2v2h2v1h-3v2h3v1c0 .2.1.5.2.6l1.9 2.4H6.8l2-2.4zm10.1 7.9c-.2.3-.5.5-.9.5H4c-.4 0-.7-.2-.9-.5-.2-.3-.1-.7 0-1l2-2.5h11.6l2 2.4c.3.3.4.7.2 1.1z\' fill=\'%2320254a\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
  }
}
.worker-programs__item-statistic_finished {
  color: #20254a;
}
.worker-programs__item-statistic-current {
  color: #20254a;
  font-size: 36px;
}
.worker-programs__item-consist {
  color: #20254a;
  font-family: "PTSans";
  font-size: 14px;
  letter-spacing: .025em;
}
.worker-programs__item-consist_active {
  color: #56df50;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-consist {
    display: block;
  }
  .worker-programs__item-consist:nth-child(2) {
    padding-top: 13px;
  }
}
.worker-programs__item-input-switcher:nth-child(1):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(1) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(2):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(2) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(3):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(3) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(4):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(4) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(5):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(5) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(6):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(6) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(7):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(7) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(8):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(8) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(9):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(9) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-input-switcher:nth-child(10):not(:checked) ~ .worker-programs__body .worker-programs__item:nth-of-type(10) .worker-programs__item-consist {
  display: none;
}
.worker-programs__item-consist-title {
  border-bottom: 1px solid #d4ecf7;
}
@media all and (max-width: 550px) {
  .worker-programs__item-consist-title {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .worker-programs__item-consist-title {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1000px) {
  .worker-programs__item-consist-title {
    padding-left: 66px;
    padding-right: 66px;
  }
}
@media all and (max-width: 1000px) {
  .worker-programs__item-consist-title {
    display: block;
    padding-bottom: 9px;
    padding-top: 11px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-consist-title {
    border-left: 1px solid #d4ecf7;
    padding-bottom: 10px;
    padding-left: 39px;
    padding-right: 30px;
    padding-top: 13px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-consist:nth-child(2) .worker-programs__item-consist-title {
    padding-top: 24px;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-consist:not(:last-child) .worker-programs__item-consist-title {
    border-bottom: 1px solid #d4ecf7;
  }
}
@media all and (min-width: 1001px) {
  .worker-programs__item-consist:last-child .worker-programs__item-consist-title {
    padding-bottom: 22px;
  }
}
.worker-programs__item-consist-parameter {
  border-bottom: 1px solid #d4ecf7;
  font-family: "PTSans";
  font-size: 24px;
  font-weight: 700;
  padding-left: 25px;
  padding-right: 25px;
}
.worker-programs__item-consist-parameter:last-child {
  border-right: 1px solid #d4ecf7;
}
@media all and (max-width: 1000px) {
  .worker-programs__item-consist-parameter {
    display: none;
  }
}
/*==========================================================================
   "comment_template"
==========================================================================*/
/*==========================================================================
   "footer"
==========================================================================*/
.footer {
  background: #20254a;
}
@media all and (max-width: 800px) {
  .footer {
    height: 378px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer {
    height: 155px;
  }
}
@media all and (min-width: 1221px) {
  .footer {
    height: 110px;
  }
}
.footer__wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1284px;
  position: relative;
}
@media all and (max-width: 800px) {
  .footer__wrapper {
    padding: 0 23px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__wrapper {
    height: 100%;
    padding: 0 55px 45px;
    position: relative;
  }
}
@media all and (min-width: 1221px) {
  .footer__wrapper {
    padding: 0 66px;
  }
}
@media all and (max-width: 800px) {
  .footer__content {
    padding-top: 55px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__content {
    padding-top: 28px;
  }
}
@media all and (min-width: 1221px) {
  .footer__content {
    display: table;
    padding: 32px 0 17px;
    table-layout: fixed;
    width: 100%;
  }
}
@media all and (max-width: 800px) {
  .footer__copyright {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    /* ie 7 */
    text-align: justify;
    /*  ie fix  */
    text-justify: distribute;
    /* "position" property must be not "static"; */
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -15px;
    max-width: 340px;
    position: relative;
  }
  .footer__copyright:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__copyright {
    margin-bottom: 23px;
    text-align: center;
  }
}
@media all and (min-width: 1221px) {
  .footer__copyright {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
  }
  .footer__copyright:after {
    color: transparent;
    content: 'a';
    display: block;
    font-family: "ProximaNova";
    font-size: 12px;
    font-weight: 900;
    text-indent: -9999px;
  }
}
.footer__copyright-years {
  color: #fff;
  font-size: 12px;
  letter-spacing: .1em;
}
@media all and (max-width: 1220px) {
  .footer__copyright-years {
    font-family: "ProximaNova";
    font-weight: 700;
  }
}
@media all and (min-width: 1221px) {
  .footer__copyright-years {
    font-family: "ProximaNova";
    font-weight: 900;
  }
  .footer__copyright-years span {
    font-weight: 700;
  }
}
@media all and (max-width: 800px) {
  .footer__copyright-years {
    display: inline-block;
    margin-left: 15px;
  }
}
@media all and (min-width: 1221px) {
  .footer__copyright-years {
    display: block;
  }
}
.footer__copyright-company {
  color: #fff;
  font-size: 12px;
  letter-spacing: .1em;
}
@media all and (max-width: 1220px) {
  .footer__copyright-company {
    font-family: "ProximaNova";
    font-weight: 700;
  }
}
@media all and (min-width: 1221px) {
  .footer__copyright-company {
    font-family: "ProximaNova";
    font-weight: 900;
  }
  .footer__copyright-company span {
    font-weight: 700;
  }
}
@media all and (max-width: 800px) {
  .footer__copyright-company {
    display: inline-block;
    margin-left: 15px;
  }
}
@media all and (min-width: 1221px) {
  .footer__copyright-company {
    display: inline-block;
    padding: 5px 0;
  }
}
@media all and (max-width: 800px) {
  .footer__nav {
    margin-top: 44px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__nav {
    text-align: center;
  }
}
@media all and (min-width: 1221px) {
  .footer__nav {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle;
  }
}
@media all and (min-width: 801px) {
  .footer__nav-list {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
    /* ie 7 */
    text-align: justify;
    /*  ie fix  */
    text-justify: distribute;
  }
  .footer__nav-list:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 0;
    font-size: 0;
    line-height: 0;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__nav-list {
    display: inline-block;
    width: 100%;
    max-width: 700px;
  }
}
@media all and (max-width: 800px) {
  .footer__nav-item {
    text-align: center;
  }
}
@media all and (min-width: 801px) {
  .footer__nav-item {
    display: inline-block;
  }
}
@media all and (max-width: 800px) {
  .footer__nav-item + .footer__nav-item {
    margin-top: 24px;
  }
}
@media all and (min-width: 801px) {
  .footer__nav-item + .footer__nav-item {
    margin-left: 10px;
  }
}
.footer__nav-link {
  color: #fff;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
@media all and (max-width: 1220px) {
  .footer__nav-link {
    font-family: "ProximaNova";
    font-weight: 700;
  }
}
@media all and (min-width: 1221px) {
  .footer__nav-link {
    font-family: "ProximaNova";
    font-weight: 900;
  }
  .footer__nav-link span {
    font-weight: 700;
  }
}
@media all and (max-width: 800px) {
  .footer__developer {
    margin-top: 60px;
    text-align: center;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__developer {
    bottom: 10px;
    position: absolute;
    right: 55px;
  }
}
@media all and (min-width: 1221px) {
  .footer__developer {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 180px;
  }
}
.footer__developer-logo {
  color: transparent;
  display: inline-block;
  font-size: 0;
  text-indent: -9999px;
}
.footer__developer-logo:before {
  background-image: url(../img/sprite.png);
  background-position: 0px 0px;
  width: 24px;
  height: 31px;
  content: '';
  display: block;
  background-repeat: no-repeat;
}
.footer__scroll-top-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ff2a00;
  color: transparent;
  font-size: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  z-index: 1;
}
.footer__scroll-top-button:before {
  background-image: url(../img/sprite.png);
  background-position: 0px -34px;
  width: 19px;
  height: 12px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  margin: auto;
  position: absolute;
}
@media all and (max-width: 800px) {
  .footer__scroll-top-button {
    left: 0;
    margin: 0 auto;
    right: 0;
  }
}
@media all and (max-width: 1220px) {
  .footer__scroll-top-button {
    height: 54px;
    top: -27px;
    width: 54px;
  }
}
@media all and (min-width: 801px) and (max-width: 1220px) {
  .footer__scroll-top-button {
    left: 100%;
    margin-left: -94px;
  }
}
@media all and (min-width: 1221px) {
  .footer__scroll-top-button {
    height: 70px;
    right: 156px;
    top: -35px;
    width: 70px;
  }
}
/*==========================================================================
   terms-popup
==========================================================================*/
.terms-popup {
  background-color: #fff;
  border-top: 2px solid #d4ecf7;
  bottom: 0;
  left: 0;
  min-width: 320px;
  padding-bottom: 20px;
  padding-top: 25px;
  position: fixed;
  width: 100%;
  z-index: 50;
}
@media all and (max-width: 550px) {
  .terms-popup {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .terms-popup {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .terms-popup {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.terms-popup1 {
  background-color: #fff;
  border-top: 3px solid #d4ecf7;
  border-bottom: 3px solid #d4ecf7;
  box-shadow: 0 0 15px #d4ecf7;
  left: 0;
  min-width: 320px;
  padding-bottom: 250px;
  padding-top: 140px;
  position: fixed;
  bottom: 230px;
  top:50px;
  width: 100%;
  z-index: 50;
}
@media all and (max-width: 550px) {
  .terms-popup1 {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media all and (min-width: 551px) and (max-width: 800px) {
  .terms-popup1 {
    padding-left: 55px;
    padding-right: 55px;
  }
}
@media all and (min-width: 801px) {
  .terms-popup1 {
    padding-left: 66px;
    padding-right: 66px;
  }
}
.terms-popup__body {
  margin: 0 auto;
  max-width: 1152px;
  position: relative;
}
.terms-popup__text {
  color: #20254a;
  font-family: "PTSans";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 900px;
}
.terms-popup__text_videocourse {
  color: #20254a;
  font-family: "PTSans";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 900px;
}
@media all and (max-width: 800px) {
  .terms-popup__text {
    padding-right: 35px;
  }
}
@media all and (min-width: 801px) {
  .terms-popup__text {
    padding-right: 55px;
  }
}
.terms-popup__close-button {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 15.06 15.05\'%3E%3Cpath d=\'M0 15.04l7.15-7.72L.41.04h.76l6.37 6.9 6.39-6.9h.75L7.92 7.32l7.15 7.72h-.75L7.53 7.75.78 15.04H0z\' fill=\'%2320254a\'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  font-size: 0;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
/*==========================================================================
   noUiSlider functional styles
==========================================================================*/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
/* Styling;
 */
.noUi-connect {
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}
/* Handle stripes;
 */
/*.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}
.noUi-handle:after {
    left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}
.noUi-vertical .noUi-handle:after {
    top: 17px;
}*/
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

.hide{
	display:none;
}


/*body {
   background-color: #000;
   background-image: url('http://pve.su/example/sn2.png'), url('http://pve.su/example/sn3.png'), url('http://pve.su/example/sn1.png');
   animation: snow 15s linear infinite;
 }
 
 @keyframes snow {
   0% {
     background-position: 0px 0px, 0px 0px, 0px 0px;
   }
   100% {
     background-position: 500px 1000px, 400px 400px, 200px 200px;
   }
 }*/
 
 /*всплывающее окно с рекламой*/

.pop-up__window-ads.none {
  display: none;
}

.pop-up__window-ads {
  min-width: 320px;
  max-width: 800px;
  max-height: 800px;
  /*position: absolute;*/
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  z-index: 100;
  display: block;
}

.pop-up__window-ads img {
  display: block;
  width: 100%;
  background-size: cover;
}

.pop-up__window-ads button {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

.ads-img {
  min-height: 320px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pop-up__window-ads button::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  width: 25px;
  height: 3px;
  transform: rotate(45deg);
  background-color: white;
}

.pop-up__window-ads button::before {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  width: 25px;
  height: 3px;
  transform: rotate(-45deg);
  background-color: white;
}

.window-ads__info {
  padding: 30px 20px 40px 20px;
  background: linear-gradient(164.42deg, #171B36 0%, #2F364F 100%), #20254A;
}

.window-ads__info span {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 20px;
  display: block;
}

.window-ads__info p {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.window-ads__info a {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 180px;
  display: block;
  padding: 16px;
  background: linear-gradient(0deg, #ED5151, #ED5151), #FF2A00;
  text-decoration: none;
  border-radius: 24px;
}

@media (min-width: 450px) {
  .ads-img {
    background-image: url(img/lacalut-2.jpg);
  }
}

@media (min-width: 767px) {
  .window-ads__info span {
    font-size: 14px;
    line-height: 120%;
  }

  .window-ads__info p {
    font-size: 40px;
    line-height: 120%;
    margin-bottom: 45px;
  }

  .window-ads__info a {
    width: 200px;
  }

  .window-ads__info {
    padding: 50px 50px 50px 80px;
    
  }

  .pop-up__window-ads {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

/* Опрос */

.pop-up__questionnaire.none {
  display: none;
}

.pop-up__questionnaire {
  padding: 30px 20px 35px 20px;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  position: relative;
  display: block;
}

.pop-up__questionnaire span {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #20254A;
  opacity: 0.5;
  display: block;
  margin-bottom: 13px;
}

.pop-up__questionnaire button {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  width: 15px;
  height: 15px;
}

.pop-up__questionnaire button:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color:  #20254A;
  top: 7px;
  right: 0;
  transform: rotate(-45deg);
   opacity: 0.5;
}

.pop-up__questionnaire button:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color:  #20254A;
  top: 7px;
  right: 0;
  transform: rotate(45deg);
  opacity: 0.5;
}

.pop-up__questionnaire h3 {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  color: #20254A;
  margin-top: 0;
  margin-bottom: 12px;
}

.pop-up__questionnaire p {
  font-family: "PTSans";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #20254A;
  margin-top: 0;
  margin-bottom: 25px;
}

.pop-up__questionnaire a {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  background: #20254A;
  padding: 18px;
  border-radius: 24px;
}

@media (min-width: 1200px) {
  .pop-up__questionnaire {
    position: absolute;
    /*top: 183px;*/
    top: 400px;
    right: 10px;
  }
}

/*сообщение для пользователя*/
.pop-up__info-user.none {
  display: none;
}

.pop-up__info-user {
  padding: 60px 20px 130px 20px;
  max-width: 600px;
  
  position: absolute;
  z-index: 100;
  display: block;
  top: 0;
  left: 0;
  background-image: url(../img/19.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.pop-up__info-user::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(133.72deg, rgba(32,37,74,0.8) 0%, rgba(32,37,74,0.8) 100%), rgba(32,37,47,0.8);
  position: absolute;
  top:0;
  left: 0;

}

.pop-up__info-user button {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 10;
}

.pop-up__info-user button::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  width: 25px;
  height: 3px;
  transform: rotate(45deg);
  background-color: white;
  opacity: 0.25;
}

.pop-up__info-user button::before {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  width: 25px;
  height: 3px;
  transform: rotate(-45deg);
  background-color: white;
  opacity: 0.25;
}

.pop-up__info-user span {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 40px;
  display: block;
  z-index: 10;
  position: relative;
}

.pop-up__info-user p {
  
  font-family: "PTSans";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF; 
  margin-bottom: 20px;
  max-width: 400px;
  z-index: 10;
  position: relative;
}

.pop-up__info-user p:last-of-type {
  margin-bottom: 0;
   z-index: 10;
}

@media (min-width: 480px) {
  .pop-up__info-user {
    padding: 100px;
  }
}

@media (min-width: 900px) {
  .pop-up__info-user  {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/*Узкий баннер*/
.licensing-requirement {
  margin-right: 10px;
  margin-left: 10px;
  padding: 15px 20px;
  background: linear-gradient(0deg, #ED5151, #ED5151), linear-gradient(0deg, #D4ECF7, #D4ECF7);
  max-width: 1152px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  /*margin-left: 10px;*/
  box-sizing: border-box;
  width: 94%;
}

.licensing-requirement a {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  padding-right: 10px;
  position: relative;
  text-decoration: none;
  color: #ffffff;
  display: block;
  box-sizing: border-box;

}

.licensing-requirement img {
/*  background-image: url(../../img/med.svg);
  background-repeat: no-repeat;
  background-size: cover;*/
  width: 40px;
  height: 40px;
  display: block;
}

.licensing-requirement a::after {
  /*position: absolute;
  content: "";
  width: 40px;
  height: 40px;
  background-image: url(../../img/med.svg);
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 1px;
  background-size: cover;*/
}

.licensing-requirement.courses-tiles-list__item.course-tile {
    margin-right: 10px;
    box-sizing: border-box;
}


@media (min-width: 767px) {
  .licensing-requirement a {
    font-size: 22px;
    line-height: 100%;
    text-align: center;
  }
}

@media (min-width: 1152px) {
  .licensing-requirement a {
    text-align: center;
  }

  .licensing-requirement a::after {
    right: auto;
    left: -105px;
    width: 60px;
    height: 60px;
  }

  .licensing-requirement {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding: 0;
    width: 100%;
    padding-left: 50px;
  }

  .licensing-requirement {
    position: relative;
  }

  .licensing-requirement::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
    border-radius: 50%;
  }

  .licensing-requirement a::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 43px;
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: -115px;
    background-size: contain;
    background-position: right center;
    z-index: 10;
  }

  .licensing-requirement img {
    width: 60px;
    height: 60px;
    margin-right: 30px;
  }
}


/*баннер с простуженным мужиком*/

.main-banner {
  width: 100%;
  background-image: url(../img/1.jpg);
  padding-top: 190px;
  padding-bottom: 30px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 2000px;
  margin-right: auto;
  margin-left: auto;
}

.main-banner__wrapper p {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 10px;
  text-align: center;
  z-index: 10;
  position: relative;

}

.main-banner__wrapper h2 {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 18px;
  z-index: 10;
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}


.main-banner__wrapper a {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  width: 180px;
  margin-right: auto;
  margin-left: auto;
  padding: 17px;
  background: #FF2A00;
  border-radius: 24px;
  text-align: center;
  z-index: 10;
  position: relative;
}

.main-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #20254A 0%, rgba(32, 37, 74, 0) 100%);
}


@media (min-width: 480px) {
  .main-banner {
   /* background-image: url(../img/2.png);*/
   min-height: 500px;
   padding-top: 300px;
  }
}

@media (min-width: 767px) {
  .main-banner {
      background-image: url(../img/2.png);
      background-position: center;
  }

  .main-banner__wrapper {
    max-width: 1152px;
    margin-right: auto;
    margin-left: auto;
  }
}


@media (min-width: 1200px) {
   .main-banner {
      background-image: url(../img/2.png);
      min-height: 300px;
      height: 300px;
      padding-top: 60px;
      padding-bottom: 60px;
      background-position: center;
      
  }

  .main-banner__wrapper {
    max-width: 1284px;
      padding-right: 66px;
      padding-left: 66px;
  }

  .main-banner p {
    text-align: left;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 10px;
  }

  .main-banner h2 {
    text-align: left;
    padding: 0;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 25px;
    max-width: 600px;
  }

  .main-banner a {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
   line-height: 100%;
  }
}

@media (min-width: 1480px) {
  .main-banner {
    background-position: 230px center;
    overflow: hidden;
  }
  .main-banner::after {
    background: linear-gradient(90deg, #171B36 0%, #2F364F 100%), #20254A;
    z-index: -1;
  }
  .main-banner::before {
    background: linear-gradient(90deg, #171B36 0%, #2F364F 100%), #20254A;
    width: 700px;
    height: 700px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(13% - 150px);
    z-index: 0;
    content: '';
    border-radius: 50%;
  }
}

@media (min-width: 1920px) {
  .main-banner::before {
    left: 100px;
  }
}

/*блок промо, встроенный в видеокурсы*/
.courses-tiles-list__item.course-tile.promo-course  {
  padding-top: 60px;
  padding-bottom: 64px;
  position: relative;
  background: linear-gradient(145.52deg, #E1F2FA -0.85%, #E5ECFB 100%), linear-gradient(149.45deg, #171B36 0%, #2F364F 100%), #20254A;
}

.courses-tiles-list__item.course-tile.promo-course:after {
  content: "";
  width: 100%;
  height: 65%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../img/el1.png);
  background-repeat: no-repeat;
  background-position: bottom left;

}

.courses-tiles-list__item.course-tile.promo-course:after{
    display: none;
}

.courses-tiles-list__item.course-tile.promo-course::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../img/el2.png);
  background-repeat: no-repeat;
   background-position: top right;
  

}


.courses-tiles-list__item.course-tile.promo-course span:first-of-type {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 100%;
  text-transform: uppercase;
  color: #20254A;
  margin-bottom: 10px;
  display: block;
  text-align: center;
   z-index: 10;
   position: relative;
}

.courses-tiles-list__item.course-tile.promo-course span:last-of-type {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 20px;
  color: #20254A;
  display: block;
  text-align: center;
  position: relative;
}

.courses-tiles-list__item.course-tile.promo-course h3 {
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #20254A;
  margin-bottom: 30px;
  z-index: 10;
  position: relative;

}

.courses-tiles-list__item.course-tile.promo-course p {
  font-family: "PTSans";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #20254A;
  margin-bottom: 38px;
  max-width: 280px;
  margin-right: auto;
  margin-left: auto;
  z-index: 10;
  position: relative;
}

.courses-tiles-list__item.course-tile.promo-course a {
  background: linear-gradient(0deg, #ED5151, #ED5151), #FF2A00;
  border-radius: 24px;
  width: 200px;
  height: 48px;
  font-family: "ProximaNova";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
   z-index: 10;

}

@media (min-width: 800px) {
  .courses-tiles-list__item.course-tile.promo-course {
    min-height: 466.19px;
  }

  .courses-tiles-list__item.course-tile.promo-course span:first-of-type {
    font-size: 40px;
    line-height: 100%;
  }

  .courses-tiles-list__item.course-tile.promo-course span:last-of-type {
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 30px;
  }

  .courses-tiles-list__item.course-tile.promo-course h3 {
    font-size: 30px;
    line-height: 120%;
  }

  .courses-tiles-list__item.course-tile.promo-course p {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 20px;
  }
}

body.shadow::after {
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 90;
}

/*баннер видео*/
.video-banner.none {
  display: none;
}

.video-banner {
  width: 300px;
  min-height: 200px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../img/21.jpg);
  position: relative;
  padding: 125px 20px 20px 20px;
  display: block;
  margin-top: 10px;
}

.video-banner::after {
  content: "";
  position: absolute;
  background: #20254A;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
}

.video-banner button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px; 
  z-index: 8;
}

.video-banner button::before {
  content: "";
  position: absolute;
  background: #ffffff;
 transform: rotate(-45deg);
  width: 15px;
  height: 2px;
  top:7px;
  left: 0;
}

.video-banner button::after {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 15px;
  height: 2px;
  top:7px;
  left: 0;
  transform: rotate(45deg);
}

.video-banner p {
  font-family: "PTSans";
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 120%;
  color: #FFFFFF;
  position: relative;
  z-index: 8;
}


.video-banner span {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  z-index: 8;
}

.video-banner span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 28px;
  background-image: url(../img/play.png);
  z-index: 8;
  background-repeat: no-repeat;
}

@media (min-width: 1920px) {
    .video-banner {
      position: fixed;
      right: 10px;
      z-index: 10;
    }
}

.header__wrapper {
  z-index: 12;
}


/*мессенджеры*/

.social-banner {
  display: block;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
.social-banner-btn {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #2F364F;
  box-sizing: border-box;
  border-radius: 50%;
  background-image: url('../img/chat.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 18px;
  position: relative;
}

.social-banner--opened .social-banner-btn {
  background-image: url('../img/close.png');
  background-size: 12px 12px;
}

.social-banner-btn::after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  content: '';
  background: linear-gradient(315deg, #171B36 0%, #2F364F 100%);
  z-index: -1;  
}

.social-banner > ul > li > a {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #2F364F;
  box-sizing: border-box;
  border-radius: 50%;
  background-image: url('../img/chat.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 18px;
  position: relative;
}

.social-banner > ul > li > a::after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  content: '';
  background: linear-gradient(315deg, #171B36 0%, #2F364F 100%);
  z-index: -1;
}

.social-banner > ul {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in;
}

.social-banner--opened > ul {
  visibility: visible;
  opacity: 1;
}

.social-banner > ul > li:nth-of-type(1) > a {
  background-image: url('../img/viber.png');
}
.social-banner > ul > li:nth-of-type(2) > a {
  background-image: url('../img/tg.png');
}
.social-banner > ul > li:nth-of-type(3) > a {
  background-image: url('../img/watsup.png');
}

.social-banner > ul > li {
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  transition: bottom 0.2s ease-in;
}

.social-banner--opened > ul > li:nth-of-type(1) {
  bottom: 45px;
}
.social-banner--opened > ul > li:nth-of-type(2) {
  bottom: 90px;
}
.social-banner--opened > ul > li:nth-of-type(3) {
  bottom: 135px;
}

@media (min-width: 1200px) {
  .social-banner {
    left: 10px;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  .social-banner-btn {
    display: none;
  }
  .social-banner > ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    visibility: visible;
    opacity: 1;
    transition: all 0.2s ease-in;
    position: static;
    width: 50px;
  }
  .social-banner > ul > li {
    position: static;
    transform: none;
    margin: 5px 0;
    transition: bottom 0.2s ease-in;
  }
  .social-banner > ul > li > a { 
    width: 50px;
    height: 50px;
  }
}

.webinar-videocourse-descr ul, 
.webinar-videocourse-descr ul li, 
.webinar-videocourse-descr ul li ul, 
.webinar-videocourse-descr ul li ul li, 
.webinar-videocourse-descr ul li + li {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 20px;
}

.webinar-videocourse-descr ul li ul li{
	list-style-type: none;
}

.webinar-videocourse-descr ul li ul li::marker{
	content:"✓  ";
}

.webinar-frame-window{
  width: 1152px;
  height: 850px;
}

@media all and (max-width: 1100px) {
	.webinar-frame-window{
		height:1200px;
		width: 100%;
		min-width: 100%;
	}
}

.class-system-error{
	text-align:center;
	color: #606469;
	font-family: "PTSans";
	letter-spacing: .025em;
	line-height: 1.45;
}

.password-popup__form input[name=captcha_word] {
	font-size: 15px;
	min-width: 180px;
	min-height: 40px;
	background-color: white;
	display: block;
	margin-top: 20px;
}

.show_image_pop_up{
	/*display: block;*/
	position: fixed;
	z-index: 1000;
	text-align: center;
	width: 100%;
	top: 0px;
	bottom: 0px;
	padding: 100px 200px;
	background-color: #8080809c;
	cursor: pointer;
}
.js-hide-parent-block{
	display: block;
	position: absolute;
	right: 111px;
	top: 77px;
	cursor: pointer;
	font-size: 45px;
}
.show_image_pop_up img{
	height: 90%;
}

.js-show-img-in-pop-up{
	cursor:pointer;
}

.js-show-vote-real-time{
	width: 100%;
	z-index: 50;
	position: fixed;
	top: 0px;
	bottom: 0px;
	background-color: #80808054;
}
.js-show-vote-real-time>div{
	width: 50%;
	margin: auto;
	padding: 20px 0;
	background-color: #d4ecf7;
	color: #20254a;
	letter-spacing: .025em;
	padding: 20px 50px 50px;
	background-color: #d4ecf7;
	margin-top: 20px;
	overflow-y: auto;
	height: 90%;
}

.js-show-vote-real-time input{
	display:none;
}

.js-show-vote-real-time .vote-items-list .vote-answers-list li{
    padding-top: 10px;
	padding-bottom: 15px;
}
.js-show-vote-real-time .vote-form-box-buttons .vote-vote-footer{
	text-align: center;
}
.js-show-vote-real-time .course-detailed__testing-action-button{
    display:block;
    margin: auto;
}
.js-show-vote-real-time .vote-items-list .vote-answers-list label p{
    display: inline-block;
	padding-left: 10px;
	height: 100px;
	vertical-align: top;
	line-height: 100px;
}
.js-show-vote-real-time .vote-item-header{
	display:none;
}
.js-show-vote-real-time label{
	min-width: min-content;
	display: block;
	min-width: min-content;
	display: block;
	transition: ease 1s;
	border-radius: 5px;
	padding: 5px 0 0 5px;
	cursor: pointer;
}
.js-show-vote-real-time-label-checked{
	opacity: 1;
	box-shadow: 0 0 5px black;
	background-color: aliceblue;
}
.course-detailed__author_upper_block {
	width: 30%;
}

.js-show-vote-real-time img{
		display:none;
	}
.js-show-vote-real-time label img{
		display:inline-block;
	}
.js-show-vote-real-time .vote-vote-footer{
	display: block;
	position: absolute;
	top: 166px;
	right: 600px;
}
.js-show-vote-real-time-close{
	display: block;
	text-align: right;
	cursor: pointer;
}
/*Убрать после НГ*/
.new-year-canes{
    height: 69px;
	background-repeat: repeat;
	background-size: 30%;
	background-position: bottom;
}
.new-year-canes-mob{
	display:none;
}
/*Убрать после НГ снег*/
.header:not(.is-fixed) .header__body {
   /* padding-top: 0px;*/
}
@media all and (max-width: 1100px) {
	.show_image_pop_up{
		padding: 60px 0px 0px;
	}
	.js-hide-parent-block{
		right: 20px;
		top: 77px;
	}
	.show_image_pop_up img{
		height: auto;
	}
	.course-detailed__author_upper_block {
		width: 100%;
	}
	.js-show-vote-real-time > div{
		width: 100%;
	}
	.js-show-vote-real-time .vote-vote-footer{
		right: 7px;
	}
	/*Убрать после НГ*/
	.new-year-canes{
		display:none;
	}
	.new-year-canes-mob{
		height: 30px;
		background-repeat: repeat-x;
		background-size: 48%;
		background-position: bottom;
		display: block;
	}
	
}
/*Убрать после НГ снег*/
@media all and (max-width: 550px) {
	/*.header__wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}*/
}

/*main entre block*/

.block-register-by-sms__main-enter{
	margin-top: 50px;
}
.block-register-by-sms__main-enter-descr{
	color:grey;
	text-align:left;
	padding-bottom:10px;
	font-size:16px;
}
.block-register-by-sms__main-enter-main-block{
	display:block;
	margin-left: auto;
	width: max-content;
}
.block-register-by-sms__input-sms-code, .block-register-by-sms__block-input-phone{
	border-bottom: 1px solid #fff;
	display:block;
	margin-bottom: 17px;
	min-width: 320px;
	font-size: 20px;
	color:white;
	font-family: "ProximaNova";
	font-size: 18px;
	letter-spacing: .025em;
	height: 34px;
	padding: 0 15px;
}
.block-register-by-sms__button-send-code{
	/*background:#56df50;
	color:#fff;*/
	display:block;
	width: max-content;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
}
.block-register-by-sms__button-enter-by-code{
	/*background:#56df50;
	color:#fff;*/
	display:none;
	width: max-content;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
}
.block-register-by-sms__button-new-code{
	/*background:#56df50;
	color:#fff;*/
	display:none;
	width: max-content;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
}
.block-register-by-sms-main-enter #otput_auth_mess{
	margin:10px 0px;
}

.login-form__password-restore-button, .login-form__password-restore-block-open{
	display:block;
	text-align:right;
	width: max-content;
}
.js-login-form__password-restore-block-open{
	display: block;
	height: 20px;
	margin-top: 50px;
	margin-bottom: 60px;
}
.registration-form__button-block-left .registration-form__document-load-button{
	margin-right: auto;
	margin-left: 0;
}
.profile-categories-report-block-presents{
	width:500px;
}
.js-show-close-button{
	display:block;
	position: absolute;
	right: -20px;
	top: -20px;
	font-size: 120%;
	font-weight: 900;
	cursor: pointer;
	color: blue;
	width: 20px;
	height: 20px;
	z-index: 50000;
}
.banner-gif-right-all-pages-desctop{
	display:block;
	position:fixed;
	right:50px;
	top:150px;
	z-index:20000;
	box-shadow: 0 0 10px gray;
}
.banner-gif-right-all-pages-desctop-mob{
	display:none;
}


@media all and (max-width: 1100px) {
	.banner-gif-right-all-pages-desctop{
		display:none;
	}
	.banner-gif-right-all-pages-desctop-mob{
		display:block;
		position:fixed;
		left:50%;
		transform: translateX(-50%);
		top:150px;
		z-index:20000;
		box-shadow: 0 0 10px gray;
	}
	.banner-gif-right-all-pages-desctop-mob img{
	
	}
	.login-form__password-restore-button{
		margin-top:20px;
	}
	.js-login-form__password-restore-block-open, 
	.js-login-form__password-restore-button,
	.login-form__password-restore-button {
		float: none;
	}
	.block-register-by-sms__main-enter-main-block{
		width: 100%;
	}
	.block-register-by-sms__input-sms-code, .block-register-by-sms__block-input-phone{
		min-width: 100%;
		padding: 0px;
	}
	.js-login-form__password-restore-block-open{
		margin-top: 50px;
	}
	.profile-categories-report-block-presents{
		width:100%;
	}
}

.class-feedback-page-after-conference{
	max-width:50%;
	margin:auto;
}

.class-feedback-page-after-conference .registration-form__document-load-title,
.class-feedback-page-after-conference .registration-form__fieldset-title
{
	text-align:center;
}

.class-feedback-page-after-conference .registration-form__fieldset-title{
	max-width: none;
}

.class-feedback-page-after-conference  .registration-form__textarea{
	height: 200px;
	border: 1px solid #8d97a7;
}
.class-feedback-page-after-conference  .registration-form__element-block-label{
	vertical-align: top;
	width: 170px;
}

.class-feedback-page-after-conference  .registration-form__element-block_textarea{
	margin-top:50px;
}

.class-feedback-page-after-conference .feedback-mess-after{
	text-align:center;
	color: #20254a;
	font-family: "PTSans";
	letter-spacing: .025em;
	font-size: 18px;
	font-weight: 700;
	margin-bottom:50px;
}

@media all and (max-width: 1100px) {
	.class-feedback-page-after-conference{
		max-width:90%;
	}
}

.class-uplode-checks .personal-data-form__documents-files-button{
	margin-left: auto;
	display: block;
	width: max-content;
	margin-top: 30px;
	padding: 0px 20px;
}

.class-uplode-checks #check_files {
	margin-top:30px;
}

.class-uplode-checks #check_files span{
	display:block;
	color: #20254a;
	font-family: "PTSans";
	letter-spacing: .025em;
	font-weight:900;
}

.class-uplode-checks .registration-form__submit-button-block{
	text-align: right;
}

.check-report-page-name{
	text-align: center;
	color: #20254a;
	font-family: "ProximaNova";
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .025em;
	margin: 0 auto 30px;
	max-width: 1284px;
}

.show-mess-info-general-uni{
	text-align: center;
	color: #20254a;
	font-family: "ProximaNova";
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .025em;
	margin: 0 auto 30px;
	max-width: 1284px;
	padding-left: 66px;
	padding-right: 66px;
}

.report-company-checks-parent-block-header{
	color: #20254a;
	font-family: "ProximaNova";
	/*font-size: 22px;*/
	letter-spacing: .025em;
	margin: 20px auto 30px;
	padding-left: 66px;
	padding-right: 66px;
	padding-bottom:10px;
	text-align:center;
	font-weight: 900;
}
.report-company-checks-parent-block-name-parent{
	color: #20254a;
	font-family: "ProximaNova";
	font-size: 25px;
	letter-spacing: .025em;
	margin: 20px auto 30px;
	padding-left: 66px;
	padding-right: 66px;
	padding-bottom:10px;
	text-align:center;
	font-weight: 900;
}
.report-company-checks-user-info{
	color: #20254a;
	font-family: "ProximaNova";
	font-size: 22px;
	letter-spacing: .025em;
	margin: 10px auto 5px;
	padding-left: 66px;
	padding-right: 66px;
	padding-bottom:10px;
	text-align:center;
	font-weight: 700;
}
.count-checks-show-hide-block{
	text-align: center;
	color: #20254a;
	font-family: "ProximaNova";
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .025em;
	margin: 5px auto 30px;
	padding-left: 66px;
	padding-right: 66px;
	cursor:pointer;
}

.p-corp-university__logo{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('http://pharmtutor.ru/upload/medialibrary/99b/99bbcf7b7f700810f4ff653f8f2f3172.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50% 18%;
	position: relative;
}
.p-corp-university__cover-content{
	padding-top: 50px;
	min-width: calc(87%);
	text-align:center;
}

/*SaleBotSection*/

.salebot-landing-page_logo{
	display: block;
	margin: auto;
	max-width: 1165px;
	min-width: 1165px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.salebot-landing-page_first-block{
	display:block;
	margin:auto;
	max-width: 1060px;
	min-height: 483px;
	max-height: 483px;
	background: #212548;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	position: relative;
}
.salebot-landing-page_first-block_user-logo-name{
	display: block;
	margin: auto;
	max-width: max-content;
	position: absolute;
	top: 20px;
	right: 70px;
}
.salebot-landing-page_first-block_user-logo-name_picture{
	display: inline-block;
	margin: auto;
	position: relative;
	min-width: 69px;
	max-width: 69px;
	min-height: 69px;
	max-height: 69px;
	top: 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 69px;
	z-index: 10;	
	border: solid #FFFFFF;
	border-width: 2px;	
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	background-size: contain;
}


.salebot-landing-page_first-block_user-logo-name_name{
	display: inline-block;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 19px;
	/* identical to box height, or 80% */
	letter-spacing: 0.4px;
	color: #FFFFFF;
	line-height: 69px;
	height: 69px;
	vertical-align: top;
}
.salebot-landing-page_first-block_absolute-block-reqt{
	display:block;
	margin:auto;
	position: relative;
	max-width: 863px;
	min-height: 509px;
	max-height: 509px;
	top: 111px;
	background: #FFFFFF;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	z-index:5;
}
.salebot-landing-page_first-block_absolute-block-reqt_text{
	display:block;
	padding-top:72px;
	font-family: "ProximaNova";
	font-style: normal;
	font-weight: 700;
	font-size: 62px;
	line-height: 42px;
/* or 67% */
	text-align: center;
	color: #20254A;
	line-height: 90%;
}
.salebot-landing-page_first-block_absolute-block-reqt_circle-under{
	position:relative;
	display:block;
	width: 641px;
	height: 642px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 642px;
	z-index: 2;
	left: 50%;
	transform: translate(-50%, -50%);
}

.salebot-landing-page_first-block_absolute-block-reqt_circle-under-bigger{
	position:relative;
	display:block;
	width: 731px;
	height: 731px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 731px;
	z-index: 1;
	left: 50%;
	transform: translate(-50%, -138%);
}
.salebot-landing-page_first-block_absolute-block-reqt_circle-photo{
	display:block;
	margin:auto;
	position: relative;
	min-width: 372px;
	max-width: 372px;
	min-height: 372px;
	max-height: 372px;
	top: 111px;
	top: 46px;
	background-color: #7758C3;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 372px;
	z-index: 10;
	border: solid #7758C3;
	border-width: 12px;
}
.salebot-landing-page_first-block_absolute-block-reqt_circle-photo img{
	max-height: 375px;
	max-width: 375px;
}

.salebot-landing-page_second-block{
	display:block;
	margin:auto;
	margin-top:35px;
	max-width: 1060px;
	min-height: 627px;
	max-height: 627px;
	background: #7758C3;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
}
.salebot-landing-page_second-block_parent{
	display: block;
	margin: auto;
	padding-top: 247px;
	padding-left: 260px;
}
.salebot-landing-page_second-block_parent_parent{
	margin-bottom: 53px;
	border-bottom: 3px #FFF solid;
	padding-bottom: 6px;
	max-width: max-content;
	padding-left: 30px;
	position:relative;
}
.salebot-landing-page_second-block_parent_parent:before{
	display:block;
	position:absolute;
	content:"";
	width: 69px;
	height: 69px;
	border: 2px solid #FFFFFF;
	border-radius:69px;
	left: -55px;
	top: -31px;
	border: 3px solid #FFF;
	border-radius: 69px;
	background-image:url('https://pharmtutor.ru/upload/calendar-2.png');
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
}
.salebot-landing-page_second-block_parent_parent:nth-child(2):before{
	background-image:url('https://pharmtutor.ru/upload/video-files_1.png');
}
.salebot-landing-page_second-block_parent_parent:nth-child(3):before{
	background-image:url('https://pharmtutor.ru/upload/test_1.png');
}
.salebot-landing-page_second-block_parent_parent:nth-child(4):before{
	background-image:url('https://pharmtutor.ru/upload/star-2.png');
}
.salebot-landing-page_second-block_parent_parent:after{
	display:block;
	position:absolute;
	content:"";
	width: 18px;
	height: 18px;
	left: -6px;
	top: 17px;
	border-radius: 18px;
	background: #FFFFFF;
}
.salebot-landing-page_second-block_parent_parent span:nth-child(2){
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 19px;
	letter-spacing: 0.4px;
	color: #FFFFFF;
	
}
.salebot-landing-page_text-margin-block{
	font-family: 'ProximaNova';
	max-width: max-content;
	margin: auto;
	margin-top: 107px;
	font-style: normal;
	font-weight: 700;
	font-size: 62px;
	line-height: 42px;
	text-align: center;
	color: #20254A;
}
.salebot-landing-page_text-margin-block_video-parent{
	display:block;
	margin:auto;
	max-width: 863px;
}
.salebot-landing-page_text-margin-block_video{
	/*display: block;
	max-width: 863px;
	margin: auto;
	margin-top: 36px;
	position: relative;
	background: #FFFFFF;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;*/
	
	
	display: block;
	/*max-width: 863px;*/
	margin: auto;
	margin-top: auto;
	margin-top: 36px;
	position: relative;
	background: #FFFFFF;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	/*height: calc(70%);*/
	padding-top: 60.25%;
	width: 100%;
}


.salebot-landing-page_text-margin-block_video iframe{
	/*display: block;
	position: relative;
	left: 5%;
	width: 90%;
	height: calc(90vw * 0.72);*/
	
	display: block;
	position: absolute;
	top: 5%;
	right: 5%;
	left: 5%;
	bottom: 5%;
	border: 0px;
	width: 90%;
	height: 90%;
}
.salebot-landing-page_text-margin-block:before{
	display:block;
	position:relative;
	content:"";
	width: 18px;
	height: 18px;
	border-radius: 18px;
	left: -34px;
	top: 32px;
	background: #7758C3;
}
.salebot-landing-page_text-margin-block:after{
	display:block;
	position:relative;
	content:"";
	width: 500%;
	height: 4px;
	left: -1848px;
	top: -21px;
	background: #7758C3;
}
.salebot-landing-page_text-margin-block_second_block{
	margin-top: 107px;
	margin-bottom:69px;
}
.salebot-landing-page_text-margin-block_second_block:after{
	left: -2770px;
}
.salebot-landing-page_text-margin-block_text-content-block{
	display:block;
	margin:auto;
	padding-left:140px;
	padding-bottom:38px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 19px;

	letter-spacing: 0.4px;
	color: rgba(119, 88, 195, 0.5);
	max-width: 863px;
}
.salebot-landing-page_text-margin-block_text-content-block span:nth-child(2){
	color: rgba(32, 37, 74, 0.5);
}
.salebot-landing-page_text-margin-block_text-content-block_active span{
	color: #7758C3;
	font-weight:800;
	line-height: normal;
}

.salebot-landing-page_text-margin-block_text-content-block_active span:nth-child(2){
	color: #20254A;
	font-weight:800;
}

.salebot-landing-page_text-margin-block_text-content-block_avaible span{
	color: #7758C3;
}

.salebot-landing-page_text-margin-block_text-content-block_avaible span:nth-child(2){
	color: #20254A;
}
.salebot-landing-page_start-button{
	display:block;
	margin:auto;
	max-width: max-content;
	background: #7758C3;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 18px;
	cursor:pointer;
	margin:auto;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	/*line-height: 32px;*/
	text-align: center;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #FFFFFF;
	padding:10px 20px;
	margin-top:69px;
	margin-bottom:116px;
}
.salebot-landing-page_descr-lesson-block{
	display:block;
	margin:auto;
	padding:49px 43px 73px;
	max-width: 863px;
	background: #FFFFFF;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	margin-bottom:116px;
}
.salebot-landing-page_descr-lesson-block_header{
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 19px;
	letter-spacing: 0.4px;
	color: #7758C3;
}
.salebot-landing-page_descr-lesson-block_header span:nth-child(2){
	color: #20254A;
	
}

.salebot-landing-page_descr-lesson-block_text{
	margin-top:29px;
	margin-left:73px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.4px;
	color: #20254A;
}
.salebot-landing-page_test-block{
	max-width: 863px;
	margin:auto;
	margin-top: 107px;
}
.salebot-landing-page_test-block_succes_mess{
	margin-top: 29px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.4px;
	color: #20254A;
	text-align:center;
}
.salebot-landing-page_test-block .course-detailed__testing-content,
.salebot-landing-page_test-block form,
.salebot-landing-page_test-block .course-detailed__testing-result{
	background: #FFFFFF;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	color: #20254A;	
	width: 100%;
	display: block;
	margin: auto;
}
.salebot-landing-page_test-block .course-detailed__testing-action-button{
	max-width: max-content;
	min-width: auto;
	background: #7758C3;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 18px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 32px;
	text-align: center;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #FFFFFF;
	
}
.salebot-landing-page_block-next-revious-buttons-area{
	max-width: 863px;
	margin:auto;
	margin-top: 107px;
	position:relative;
}

.salebot-landing-page_block-next-revious-buttons{
	max-width: max-content;
	display:block;
	background: #7758C3;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 18px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.4px;
	color: #FFFFFF;
	padding: 10px 30px;
	cursor:pointer;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.salebot-landing-page_block-next-revious-buttons span{
	max-width: 1px;
	display: inline-block;
}

.salebot-landing-page_block-next-revious-buttons:nth-child(2) span{
	max-width: 7px;
	display: inline-block;
}
.salebot-landing-page_block-next-revious-buttons:nth-child(2){
	position: absolute;
	right: 0px;
	top: 0px;
}

.salebot-landing-page_block-next-revious-buttons:before{
	display: block;
	position: relative;
	content: "";
	width: 1500%;
	height: 4px;
	left: -753px;
	top: 10px;
	background: #7758C3;
}
.salebot-landing-page_block-next-revious-buttons:nth-child(2):before{
	left: 83px;
	top: 10px;
}

.salebot-landing-page_feedback-block{
	display:block;
	margin:auto;
	max-width: 863px;
	margin-top: 85px;
	background: #7758C3;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	padding:52px 0px 52px 55px;
}
.salebot-landing-page_feedback-block-descr{
	display:block;
	max-width: 467px;
	background: #EAEAEA;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	padding:16px 19px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.4px;
	color: #20254A;
}
.salebot-landing-page_feedback-block-input{
	display:inline-block;
	max-width: 617px;
	min-width: 617px;
	margin-top:34px;
	height: 32px;
	left: 304px;
	top: 4312px;
	background: #EAEAEA;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 10px;
	line-height: 28px;
	letter-spacing: 0.4px;
	color: #20254A70;
}
.salebot-landing-page_feedback-block .reviews-reply-header,
.salebot-landing-page_feedback-block .reviews-reply-field-settings,
.salebot-landing-page_feedback-block .reviews-actions,
.salebot-landing-page_feedback-block input[name="view_button"],
.salebot-landing-page_feedback-block .reviews-navigation-box.reviews-navigation-top
{
	display:none;
}

.salebot-landing-page_feedback-block .reviews-navigation-box.reviews-navigation-bottom{
	max-width: 90%;
	background: #7758C3;
	border-color: #7758C3;
}
.salebot-landing-page_feedback-block .reviews-reply-form.salebot-landing-page_feedback-block-input{
	box-shadow: 0px 0px;
	min-height: fit-content;
	max-height: fit-content;
	height: auto;
	padding: 0px;
}

.salebot-landing-page_feedback-block .reviews-post-table thead a,
.salebot-landing-page_feedback-block .reviews-post-table thead span
{
	color:white;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
}
.salebot-landing-page_feedback-block .reviews-post-table tbody div
{
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 600;
}
.salebot-landing-page_feedback-block .feed-add-post-text{
	border-radius: 20px;
}
.salebot-landing-page_feedback-block .feed-add-post-edit-form,
.salebot-landing-page_feedback-block .feed-add-post
{
	border-radius: 20px;
}
.salebot-landing-page_feedback-block .feed-add-post-edit-form{
	margin-bottom: 0px;
}

.salebot-landing-page_feedback-block .reviews-reviews-block-container,
.salebot-landing-page_feedback-block .reviews-note-note
{
	max-width: 90%;
}

.salebot-landing-page_feedback-block .reviews-reviews-block-container{
	padding-top:20px;
	padding-bottom:30px;
}

.salebot-landing-page_feedback-block-send,
.salebot-landing-page_feedback-block input[name="send_button"]
{
	display:inline-block;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 18px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #7758C3;
	padding: 9px 17px;
	margin-left:19px;
}

.salebot-landing-page_feedback-block .reviews-reply-form{
	display: inline-block;
	min-width: 90%;
	max-width: 90%;
	background: #7758C3;
	border:0;
	margin: 0px;
	padding: 0px;
}
.salebot-landing-page_feedback-block .reviews-reply-field-text{
	display: inline-block;
	min-width: 70%;
	max-width: 70%;
}
.salebot-landing-page_feedback-block .reviews-reply-buttons{
	display: inline-block;
	min-width: fit-content;
	max-width: fit-content;
	vertical-align: bottom;
	margin-top: 0px;
}
.salebot-landing-page_loading_bar {
  margin:auto;
  text-align: center;
  width: 200px;
  display: none;
  margin-bottom: 30px;
}

.salebot-landing-page_loading_bar .dash {
  margin: 0 15px;
  width: 35px;
  height: 15px;
  border-radius: 8px;
  background: #7758C3;
  box-shadow: 0 0 10px 0 #FECDFF;
}

.salebot-landing-page_loading_bar .uno {
  margin-right: -18px;
  transform-origin: center left;
  animation: spin 3s linear infinite;  
}

.salebot-landing-page_loading_bar .dos {
  transform-origin: center right;
  animation: spin2 3s linear infinite;
  animation-delay: .2s;
}

.salebot-landing-page_loading_bar .tres {
  transform-origin: center right;
  animation: spin3 3s linear infinite;
  animation-delay: .3s;
}

.salebot-landing-page_loading_bar .cuatro {
  transform-origin: center right;
  animation: spin4 3s linear infinite;
  animation-delay: .4s;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(360deg);
  }
  30% {
    transform: rotate(370deg);
  }
  35% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin2 {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(0deg);
  }
  30% {
    transform: rotate(-180deg);
  }
  35% {
    transform: rotate(-190deg);
  }
  40% {
    transform: rotate(-180deg);
  }
  78% {
    transform: rotate(-180deg);
  }
  95% {
    transform: rotate(-360deg);
  }
  98% {
    transform: rotate(-370deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes spin3 {
  0% {
    transform: rotate(0deg);
  }
  27% {
    transform: rotate(0deg);  
  }
  40% {
    transform: rotate(180deg);
  }
  45% {
    transform: rotate(190deg);
  }
  50% {
    transform: rotate(180deg);
  }
  62% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(370deg);
  }
  85% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin4 {
  0% {
    transform: rotate(0deg);
  }
  38% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(-360deg);
  }
  65% {
    transform: rotate(-370deg);
  }
  75% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.salebot-landing-page_nps_block{
	display: block;
	margin: auto;
	max-width: 863px;
	margin-bottom: 116px;
	margin-top: 116px;
	
}
.salebot-landing-page_nps_block .course-detailed__testing-form{
	margin: auto;
	border-radius: 60px;
	background: white;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
}
.salebot-landing-page_nps_block .course-detailed__testing-content{
	background: white;
	/*color: #FFFFFF;*/
	color: #20254a;
	font-family: "PTSans";
	font-size: 22px;
	letter-spacing: .025em;
	line-height: 1.4;
	
}
.salebot-landing-page_nps_block .course-detailed__testing-description{
	color: #20254a;
	font-family: "PTSans";
	font-size: 22px;
	letter-spacing: .025em;
	line-height: 1.4;
	/*color: #FFFFFF;*/
}

.salebot-landing-page_nps_block .course-detailed__testing-action-button{
	max-width: max-content;
	min-width: auto;
	background: #7758C3;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 18px;
	font-family: 'ProximaNova';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 32px;
	text-align: center;
	letter-spacing: 1.2px;
	text-transform: upp
}

@media all and (max-width: 900px) {
	.salebot-landing-page_text-margin-block_video{
	width: 100%;
	padding-top: 60.25%;
		/*max-width: 100%;
		min-width: 100%;
		height: auto;*/
	
	/*display: block;
	max-width: 863px;
	margin: auto;
	margin-top: auto;
	margin-top: 36px;
	position: relative;
	background: #FFFFFF;
	box-shadow: 12px 12px 40px rgba(0, 0, 0, 0.25);
	border-radius: 60px;
	height: calc(44%);*/
	}
	.salebot-landing-page_text-margin-block_video iframe{
		/*display: block;
		position: relative;
		width: 90%;
		top: 5%;
		right: 5%;
		left: 5%;
		height: calc(90%);
		bottom: 10px;
		border: 0px;*/
		
		/*width: 90%;
		height: calc(90vw * 0.72);*/
	}
	.salebot-landing-page_second-block_parent{
		padding-left: 69px;
	}
	.salebot-landing-page{
		padding: 0 10px;
	}
	.salebot-landing-page_first-block_absolute-block-reqt{
		max-width: 90%;
	}
	.salebot-landing-page_first-block_absolute-block-reqt_text{
		font-size: 48px;
		line-height: 42px;
	}
	.salebot-landing-page_second-block_parent_parent span:nth-child(2){
		font-size: 18px;
		line-height: 19px;
		letter-spacing: 0.4px;
	}
	.salebot-landing-page_feedback-block-input{
	
	}
	.salebot-landing-page_feedback-block-input{
		max-width: 65%;
		min-width: 66%;
	}
	.salebot-landing-page_text-margin-block_text-content-block{
		padding-left: 10px;
	}
	.salebot-landing-page_descr-lesson-block_text{
		margin-left: 0px;
	}
}

@media all and (max-width: 500px) {
	.salebot-landing-page_first-block_absolute-block-reqt_text{
		font-size: 31px;
		
	}
	.salebot-landing-page_first-block_user-logo-name_name{
		height: 84px;
		vertical-align: middle;
	}
	.salebot-landing-page_first-block_absolute-block-reqt_circle-photo{
		min-width: 250px;
		max-width: 250px;
		min-height: 250px;
		max-height: 250px;
		border-radius: 250px;
	}
	.salebot-landing-page_first-block_user-logo-name_name{
		font-size: 18px;
		line-height: 19px;
	}
	.salebot-landing-page_first-block_user-logo-name{
		right: auto;
		left: 13px;
	}
	.salebot-landing-page_first-block_absolute-block-reqt{
		min-height: 409px;
		max-height: 409px;
		top: 168px;
	}
	.salebot-landing-page_first-block_absolute-block-reqt_circle-under{
		width: 500px;
		height: 500px;
		border-radius: 500px;
		top: 94px;
	}
	.salebot-landing-page_first-block_absolute-block-reqt_circle-under-bigger{
		width: 609px;
		height: 609px;
		border-radius: 609px;
		top: 135px;
	}
	.salebot-landing-page_second-block_parent_parent::before{
		top: -14px;
	}
	.salebot-landing-page_second-block_parent_parent::after{
		top: 36px;
	}
	.salebot-landing-page_second-block_parent_parent span:nth-child(2){
		max-width: 269px;
		display: inline-block;
	}
	.salebot-landing-page_text-margin-block{
		font-size: 30px;
		line-height: 42px;
	}
	.salebot-landing-page_text-margin-block:after{
		left: -901px;
	}
	.salebot-landing-page_text-margin-block_second_block:after{
		left: -1355px;
	}
	.salebot-landing-page_feedback-block{
		padding: 52px 10px 52px 10px;
	}
	.salebot-landing-page_feedback-block-input{
		max-width: 57%;
		min-width: 57%;
	}
}
.hide_block{
	display:none;
}


.chat-gpt-big-window-mesage{
	min-height:500px;
	max-height:500px;
	min-width:500px;
	max-width:500px;
	display:block;
	margin:auto;
	/*background-color:grey;*/
	background-color: #d4eefe;
	padding:20px;
	overflow: scroll;
}

.chat-gpt-little-window-message{
	min-height:347px;
	max-height:347px;
	min-width:500px;
	max-width:500px;
	display:block;
	margin:auto;
	/*background-color:grey;*/
	background-color: #d4eefe;
	margin-top:30px;
	padding-top:5px;
	margin-bottom:50px;
}
.chat-gpt-little-window-message img{
	display: none;
	position: absolute;
	top: 72px;
	left: 47%;
	transform: translateX(-50%);
}
#chatgptsendbutton, #chatgptsendbutton_hidden{
	display: block;
	background-color: white;
	margin-left: auto;
	width: max-content;
	margin-top: 20px;
	margin-right: 5%;
	padding: 8px 10px;
	font-family: "Montserrat";
	font-weight: 600;
	letter-spacing: 0.07em;
	border: 2px solid white;
	transition: 0.5s ease;
}
#chatgptsendbutton:hover, #chatgptsendbutton_hidden:hover{
	color:grey;
	border: 2px solid green;
}
#chatgpt_message{
	color:blue;
	text-align:center;
	min-height:35px;
	max-height:35px;
	display:block;
	margin:auto;
	width:90%;
	margin-top:5px;
	margin-bottom:25px;
	font-size:17px;
	font-family: "Montserrat";
	font-weight: 600;
	/*letter-spacing: 0.12em;*/
	letter-spacing: 0.07em;
}
#chatgptsendbutton_hidden{
	display:hidden;
	cursor: progress;
}
.chat-gpt-little-window-message textarea{
	background-color:white;
	width: 91%;
	height: 200px;
	display: block;
	margin: auto;
	padding:10px;
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0.07em;
	line-height: 120%;
}
.chat-gpt-big-window-mesage-answer,.chat-gpt-big-window-mesage-ask{
	display: block;
	background-color: white;
	width: max-content;
	margin-top: 30px;
	margin-left: auto;
	margin-right: 5%;
	padding: 8px 10px;
	font-family: "Montserrat";
	font-weight: 500;
	/*letter-spacing: 0.12em;*/
	letter-spacing: 0.07em;
	border-radius:10px;
	/*background-color: antiquewhite;
	box-shadow: -5px 5px 10px antiquewhite;*/
	background-color: white;
	box-shadow: -5px 5px 10px white;
	max-width: 75%;
	line-height: 127%;
}
.chat-gpt-big-window-mesage-answer>span,.chat-gpt-big-window-mesage-ask>span{
    display:block;
    color:grey;
    font-size:80%;
    font-weight:500;
    margin-top:5px;
}
.chat-gpt-big-window-mesage-answer>span{
	/*color:white;*/
}

.chat-gpt-big-window-mesage-answer{
	margin-right: auto;
	margin-left: 5%;
	/*background-color: cadetblue;
	box-shadow: -5px 5px 10px aqua;*/
	background-color: white;
	box-shadow: -5px 5px 10px white;
}

@media all and (min-width: 1200px) {
	.chat-gpt-little-window-message, .chat-gpt-big-window-mesage{
		min-width: 1152px;
		max-width: 1252px;
	}
	.chat-gpt-big-window-mesage{
		min-height: 700px;
		max-height: 700px;
	}
}

@media all and (max-width: 900px) {
	.chat-gpt-big-window-mesage{
		min-width: 100%;
		max-width: 100%;
	}
	.chat-gpt-little-window-message{
		min-width: 100%;
		max-width: 100%;
	}
}

/*simple enter*/
.chat-gpt-auth-register-switch{
	margin-left: 10%;
	max-width: 80%;
	display: block;
	margin-top: 33px;
	font-size:0px;
	padding:5px;
	border:solid 1px #56df50;
	width: fit-content;
}
.chat-gpt-auth-register-switch-button{
	background: #56df50;
	padding:10px;
	font-size:13px;
	font-weight: 900;
	letter-spacing: .13em;
	line-height: 32px;
	color:white;
	text-transform: uppercase;
	transition:ease 0.5s;
	 box-shadow: 3px 3px 5px 6px #ccc;
}
.chat-gpt-auth-register-switch-button-pressed{
	background: #375d35;
	box-shadow: inset 0 0 5px grey;
}

.chat-gpt-auth-register-mess{
	margin-top: 50px;
	margin-left: 10%;
	max-width: 80%;
}
.chat-gpt-auth-window{
	margin-top: 50px;
	margin-left: 10%;
	max-width: 80%;
}
.chat-gpt-auth-window-header{
	color:grey;
	text-align:left;
	padding-bottom:10px;
}
.chat-gpt-auth-window-header-block{
	display:block;
	margin:auto;
}
.chat-gpt-auth-window-header-block_input{
	border-bottom: 0.5px solid grey;
	display:block;
	margin-bottom: 20px;
	min-width: 280px;
}
.chat-gpt-auth-window-header-block_button{
	background:#56df50;
	color:#fff;
	display:block;
	width: max-content;
	margin-top: 10px;
	margin-bottom: 20px;
}

.chat-gpt-auth-window-header-block_button-send{
	background: #20254a;
	border: 2px solid #20254a;
}
.similar-chat-gpt.chat-gpt-big-window-mesage{
    min-width: 100%;
    max-width: 100%;
    color: rgb(249, 249, 249);
    position: absolute;
    max-width: 70%;
    min-width: 70%;
    min-height: 560px;
    max-height: 560px;
}
.similar-chat-gpt.chat-gpt-little-window-message{
    min-width: 100%;
    max-width: 100%;
    color: rgb(249, 249, 249);
	position:relative;
    position: absolute;
    bottom: -87px;
    max-width: 70%;
    min-width: 70%;

}
.similar-chat-gpt.chat-gpt-big-window-mesage,.similar-chat-gpt.chat-gpt-little-window-message{
  background-color: #171717;
  /*border: 0 solid #e3e3e3;*/
}

.similar-chat-gpt.chat-gpt-little-window-message textarea,
.similar-chat-gpt .chat-gpt-big-window-mesage-answer,
.similar-chat-gpt .chat-gpt-big-window-mesage-ask
{
  background-color: #171717;
}
.similar-chat-gpt.chat-gpt-little-window-message textarea{
  color: rgba(255,255,255,var(--tw-text-opacity));
  border: solid 0.75px rgba(217, 217, 227, 0.2);
  border-radius: 16px;
}
.similar-chat-gpt .chat-gpt-big-window-mesage-answer,
.similar-chat-gpt .chat-gpt-big-window-mesage-ask{
  border: 0;
  box-shadow: 0 0;
}
.similar-chat-gpt .chat-gpt-big-window-mesage-answer,
.similar-chat-gpt.chat-gpt-little-window-message textarea
.similar-chat-gpt .chat-gpt-big-window-mesage-ask
{
    font-family: Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-size: 16px;
    line-height: 28px;
    font-weight:600;
    overflow-wrap: break-word;
    tab-size: 4;
    white-space: pre-wrap;
    --avatar-color: #19c37d;
    font-feature-settings: normal;
    color-scheme: dark;
    letter-spacing: normal;
}
.similar-chat-gpt.left-window-task{
  display:inline-block;
  width: 25%;
  background-color: #0d0d0d;
  height: 100%;
  vertical-align: top;
}
.similar-chat-gpt.right-window-dialog{
  display:inline-block;
  max-width: 70%;
  min-width: 70%;
  margin-left: 0px;
  padding-left: 50px;

}
.block_for_start_chat{
  display: block;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  padding-top: 200px;
  font-size: 123%;
  font-weight: 900;
  transition:ease 0.5s;
}
.block_for_start_chat svg{
  background-color: white;
  border-radius: 33px;
  padding: 5px;
  height: 66px;
  width: 66px;
  color: black;
  margin-bottom: 30px;
}
.similar-chat-gpt.chat-gpt-big-window-mesage{
  min-height: 450px;
  max-height: 450px;
}
.similar-chat-gpt .chat-gpt-big-window-mesage-answer{
    max-width: 93%;
}
.gpt-pop-up-window-switch{
  position: fixed;
  width: 75%;
  z-index: 2000;
  top: 0;
  right: 0;
  background: #171717;
  color:white;
  padding:10px 15px;
  cursor:pointer;
  font-weight:900;
}
.gpt-pop-up-window-switch svg{
  vertical-align: bottom;
}
.gpt-pop-up-window-switcher-block{
  font-weight:900;
  z-index: 2000;
  position: fixed;
  padding: 10px 30px 10px 10px;
  top: 40px;
  left: 27%;
  background: #2F2F2F;
  font-weight: 900;
  z-index: 2000;
  border-radius: 10px;
  border: 0.75px solid rgba(255, 255, 255, 0.1);
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
  outline-color: rgb(251, 251, 254);
  font-family: Söhne, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  color-scheme: dark;
  color: rgb(180, 180, 180);
  line-height: 20px;
  font-size: 14px;
  user-select:none;
}
.gpt-pop-up-window-switch-current{
  user-select:none;
  width: 192px;
  display: inline-block;
}
.gpt-pop-up-theme-switch{
  display: inline-block;
}
.gpt-pop-up-theme-switch label{
  cursor:pointer;
}
.gpt-pop-up-window-switcher-block svg{
  position: absolute;
  right: 10px;
}
.gpt-pop-up-window-switcher-block>div{
  padding:10px 10px;
}
.gpt-pop-up-window-switcher-block p{
  color: rgb(180, 180, 180);
  font-weight:500;
  padding:3px;
}
.gpt-pop-up-window-switcher-block>div{
  border-radius:5px;
  margin-right:5px;
}
.gpt-pop-up-window-switcher-block>div:hover{
  background-color: dimgray;
}
.gpt-conversations-list-block>div{
  padding-right:20px;
}
#chatgptsendbutton,#chatgptsendbutton_hidden{
  position: absolute;
  right: 15px;
  bottom: 106px;
  background: #2E2E2E;
  border: 0;
  border-radius: 10px;
  padding: 8px 9px 2px;
}
#chatgptsendbutton:hover,#chatgptsendbutton_hidden:hover{
  right: 15px;
  bottom: 106px;
  background: #2E2E2E;
  border: 0;
  border-radius: 10px;
  padding: 8px 9px 2px;
  cursor:pointer;
}
#chatgptsendbutton path,#chatgptsendbutton_hidden path{
  color: #151515;
}
.similar-chat-gpt table{
  border-spacing: 0;
  color: cadetblue;
  border: 1px solid aquamarine;
  padding: 5px;
}
.similar-chat-gpt td,.similar-chat-gpt th{
  padding: 3px 5px;
  border: 1px solid aquamarine;
}
.similar-chat-gpt .block-top-new-chat{
  cursor:pointer;
  padding: 20px 0px 20px 20px;
}
.similar-chat-gpt .block-top-new-chat svg{
  background-color: white;
  border-radius: 33px;
  padding: 5px;
  height: 33px;
  width: 33px;
}
.similar-chat-gpt .block-top-new-chat p{
  font-weight: 500;
  font-feature-settings: normal;
  font-family: Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-variation-settings: normal;
  color: white;
  display: inline-block;
  vertical-align: middle;
  height: 51px;
  height: 43px;
  padding-left: 6px;
}
.similar-chat-gpt .title_conver_gpt{
  display: block;
  color: white;
  padding: 10px 10px;
  font-weight: 500;
  font-feature-settings: normal;
  font-family: Söhne,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  cursor:pointer;
}
.js-gpt-title-select-other{
  position:relative;
}
.similar-chat-gpt .title_conver_gpt-conver-remove{
  position:absolute;
  display:block;
  right:0px;
  right: 4px;
  top: 8px;
  cursor:pointer;
}
.similar-chat-gpt .lightend_title_conver_gpt{
  background-color:grey;
}

 .turn-on-light-theme,
 .left-window-task.turn-on-light-theme,
 .right-window-dialog.turn-on-light-theme,
 .turn-on-light-theme .gpt-pop-up-window-switch,
 .turn-on-light-theme .chat-gpt-big-window-mesage-ask,
  .turn-on-light-theme .chat-gpt-big-window-mesage-answer,
  .turn-on-light-theme .chat-gpt-big-window-mesage,
 .turn-on-light-theme .chat-gpt-little-window-message,
 .turn-on-light-theme #chatgptsendmessage,
  .turn-on-light-theme .block-top-new-chat,
 .turn-on-light-theme .gpt-conversations-list-block,
 .turn-on-light-theme .block-top-new-chat,
 .turn-on-light-theme .block-top-new-chat p,
  .turn-on-light-theme .title_conver_gpt,
 .turn-on-light-theme .gpt-pop-up-window-switcher-block
{
  background: #ffffff;
  color:rgb(13, 13, 13);
}
.turn-on-light-theme .lightend_title_conver_gpt{
  background-color: rgb(205, 205, 205);
}
.turn-on-light-theme #chatgptsendmessage{
  border-color: rgb(155, 155, 155);
}
.turn-on-light-theme #chatgptsendbutton,
.turn-on-light-theme #chatgptsendbutton span,
.turn-on-light-theme #chatgptsendbutton svg,
.turn-on-light-theme #chatgptsendbutton path{
  background: grey;
  color:white;
}
.turn-on-light-theme #chatgptsendbutton:hover{
  background: gray;
}

.turn-on-light-theme.left-window-task,
.turn-on-light-theme .block-top-new-chat,
.turn-on-light-theme .block-top-new-chat svg,
.turn-on-light-theme .block-top-new-chat p
{
background: rgb(248, 248, 248);
}
@media all and (max-width: 700px) {
	.personal-data-form__second-phone-block .personal-data-form__element-block-label,
	.personal-data-form__second-phone-block .personal-data-form__element-block-content
	{
		display: block;
  		margin: auto;
  		margin-bottom: 20px;
	}
	.personal-data-form__second-phone-block .present-tile__action-button_available{
		margin-left: 0px;
	}
}

/*New first page*/

.achievements-preview__wrapper img{
  border-radius: 18px;
}
.banner-preview-row__item img,
.achievements-preview__mobile-wrapper img,
.activity-preview__mobile-wrapper img
{
    border-radius: 18px;
}
@media all and (min-width: 1200px) {
  .banner-preview-row__item img{
    border-radius: 18px;
    /*height: 223px;*/
  }
}
.mess-pop-up-to-user{
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  background-color: #ff2a00f0;
  z-index: 25000;
  text-align: center;
  color: #20254a;
  font-family: "ProximaNova";
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .025em;
  min-width: 200px;
  height: 200px;
  padding: 15px;
  border-radius: 10px;
}

.adv-preview-row__header-enter-block{
  display:none;
}
.adv-preview-row__header-enter-block .f-header__support-button{
  margin-left: auto;
  width: auto;
  padding: 15px 37px;
  margin-bottom: 10px;
}
@media all and (max-width: 700px) {
  .adv-preview-row__header-enter-block{
    display: flex;
    margin-bottom: 0px;
  }
}

/*block for geoauto*/
.bonus-auto-geo{
  position: fixed;
  top: 100px;
  left: 50%;
  width: auto;
  padding: 10px 10px 10px;
  margin: auto;
  z-index: 2000;
  color: black;
  background-color: white;
  transform: translateX(-50%);
  box-shadow: -8px 8px 20px #24457D;
}
.bonus-auto-geo-up-block{
  width: 100%;
  height: 100%;
}
.bonus-auto-geo-up-block_text{
  color: #20254a;
  font-family: 'PTSans';
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .025em;
  padding:5px 0;
}
.js-activate-promo-code-geo{
  cursor:pointer;
}
/*end block for geoauto*/