/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css *//**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */html {
    font-family: sans-serif;
    /* 2 */

    -webkit-text-size-adjust: 100%;
    /* 1 */
        -ms-text-size-adjust: 100%;
    /* 2 */;
}/**
 * Remove the margin in all browsers (opinionated).
 */body {
    margin: 0;
}/* HTML5 display definitions
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}/**
 * Add the correct display in IE 9-.
 */audio,
canvas,
progress,
video {
    display: inline-block;
}/**
 * Add the correct display in iOS 4-7.
 */audio:not([controls]) {
    display: none;
    height: 0;
}/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */progress {
    vertical-align: baseline;
}/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */template,
[hidden] {
    display: none;
}/* Links
   ========================================================================== *//**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */a {
    background-color: transparent;
    /* 1 */

    -webkit-text-decoration-skip: objects;
    /* 2 */;
}/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */a:active,
a:hover {
    outline-width: 0;
}/* Text-level semantics
   ========================================================================== *//**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */abbr[title] {
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    border-bottom: none;
    /* 2 */;
}/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */b,
strong {
    font-weight: inherit;
}/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */b,
strong {
    font-weight: bolder;
}/**
 * Add the correct font style in Android 4.3-.
 */dfn {
    font-style: italic;
}/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */h1 {
    margin: .67em 0;
    font-size: 2em;
}/**
 * Add the correct background and color in IE 9-.
 */mark {
    color: #000;
    background-color: #ff0;
}/**
 * Add the correct font size in all browsers.
 */small {
    font-size: 80%;
}/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}/* Embedded content
   ========================================================================== *//**
 * Remove the border on images inside links in IE 10-.
 */img {
    border-style: none;
}/**
 * Hide the overflow in IE.
 */svg:not(:root) {
    overflow: hidden;
}/* Grouping content
   ========================================================================== *//**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */;
}/**
 * Add the correct margin in IE 8.
 */figure {
    margin: 1em 40px;
}/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */hr {
    /* 1 */
    overflow: visible;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 2 */;
}/* Forms
   ========================================================================== *//**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */button,
input,
select,
textarea {
    /* 1 */
    margin: 0;
    font: inherit;
    /* 2 */;
}/**
 * Restore the font weight unset by the previous rule.
 */optgroup {
    font-weight: bold;
}/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */button,
input {
    /* 1 */
    overflow: visible;
}/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */button,
select {
    /* 1 */
    text-transform: none;
}/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */;
}/**
 * Remove the inner border and padding in Firefox.
 */button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}/**
 * Restore the focus styles unset by the previous rule.
 */button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid #c0c0c0;
}/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */legend {
    /* 2 */
    display: table;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
    color: inherit;
    /* 1 */;
}/**
 * Remove the default vertical scrollbar in IE.
 */textarea {
    overflow: auto;
}/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */;
}/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */[type="search"] {
    /* 1 */
    outline-offset: -2px;

    -webkit-appearance: textfield;
    /* 2 */;
}/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */::-webkit-input-placeholder {
    opacity: .54;
    color: inherit;
}/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */::-webkit-file-upload-button {
    /* 1 */
    font: inherit;

    -webkit-appearance: button;
    /* 2 */;
}
:root {
    --color-accent: #C1492E;
}
/* Magnific Popup CSS */.mfp-bg {
    position: fixed;
    z-index: 1042;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: .8;
    background: #0b0b0b;
}

.mfp-wrap {
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    outline: none !important;
}

.mfp-container {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    text-align: center;
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    z-index: 1045;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor:    -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor:         zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor:    -moz-zoom-in;
    cursor:         zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    position: absolute;
    z-index: 1044;
    top: 50%;
    right: 8px;
    left: 8px;
    width: auto;
    margin-top: -.8em;
    text-align: center;
    color: #ccc;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    z-index: 1046;
    display: block;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation;

    -webkit-appearance: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;
    text-align: center;
    text-decoration: none;
    opacity: .65;
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    right: -6px;
    width: 100%;
    padding-right: 6px;
    text-align: right;
    color: #fff;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    top: 50%;
    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;
    opacity: .65;

    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;
    content: "";
    border: medium inset transparent;
}

.mfp-arrow:after {
    top: 8px;
    border-top-width: 13px;
    border-bottom-width: 13px;
}

.mfp-arrow:before {
    opacity: .7;
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after {
    margin-left: 31px;
    border-right: 17px solid #fff;
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after {
    margin-left: 39px;
    border-left: 17px solid #fff;
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 900px;
    line-height: 0;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}/* Main image in popup */img.mfp-img {
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 40px;
    line-height: 0;
}/* The shadow behind the image */.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    content: "";
    background: #444;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

.mfp-figure small {
    display: block;
    color: #bdbdbd;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: -36px;
    cursor: auto;
}

.mfp-title {
    padding-right: 36px;
    text-align: left;
    word-wrap: break-word;
    color: #f3f3f3;
    line-height: 18px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}/* Slider */.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;

     -khtml-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

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

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*//* =====================================================================================================================
// RangeSlider */.irs {
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    top: 0;
    display: block;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    left: 0;
    display: block;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.irs-shadow {
    position: absolute;
    left: 0;
    display: none;
    width: 0;
}

.irs-slider {
    position: absolute;
    z-index: 1;
    display: block;
    cursor: default;
}







.irs-slider.type_last {
    z-index: 2;
}

.irs-min {
    position: absolute;
    left: 0;
    display: block;
    cursor: default;
}

.irs-max {
    position: absolute;
    right: 0;
    display: block;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
    color: #000;
    font-size: 9px;
    line-height: 9px;
}

.irs-disable-mask {
    position: absolute;
    z-index: 2;
    top: 0;
    left: -1%;
    display: block;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0,0,0,.0);
}

.irs-disabled {
    opacity: .4;
}

.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40);
}

.irs-hidden-input {
    position: absolute !important;
    z-index: -9999 !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-style: solid !important;
    border-color: transparent !important;
    outline: none !important;
    background: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}/*======================================
  Selectric v1.11.1
======================================*/.selectric-wrapper {
    position: relative;
    cursor: pointer;
}

.selectric-responsive {
    width: 100%;
}

.selectric {
    position: relative;
    border: 1px solid #ddd;
    background: #f8f8f8;
}

.selectric .label {
    display: block;
    overflow: hidden;
    height: 38px;
    margin: 0 38px 0 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
       text-overflow: ellipsis;
    color: #444;
    font-size: 12px;
    line-height: 38px;

    -o-text-overflow: ellipsis;
}

.selectric .button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    color: #bbb;
    font: 0/0 a;

    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: " ";
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none;
}

.selectric-focus .selectric {
    border-color: #aaa;
}

.selectric-hover .selectric {
    border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
    color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2;
}

.selectric-open {
    z-index: 9999;
}

.selectric-open .selectric {
    border-color: #c4c4c4;
}

.selectric-open .selectric-items {
    display: block;
}

.selectric-disabled {
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: .5;

    filter: alpha(opacity=50);
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none;
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
    background: none !important;

    *font: 0/0 a !important;
}

.selectric-temp-show {
    position: absolute !important;
    display: block !important;
    visibility: hidden !important;
}/* Items box */.selectric-items {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    display: none;
    border: 1px solid #c4c4c4;
    background: #f8f8f8;
    box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
    overflow: auto;
    height: 100%;
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%;
}

.selectric-items ul,
.selectric-items li {
    min-height: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 20px;
}

.selectric-items li {
    display: block;
    padding: 10px;
    cursor: pointer;
    color: #666;
}

.selectric-items li.selected {
    color: #444;
    background: #e0e0e0;
}

.selectric-items li.highlighted {
    color: #444;
    background: #d0d0d0;
}

.selectric-items li:hover {
    color: #444;
    background: #d5d5d5;
}

.selectric-items .disabled {
    cursor: default !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    opacity: .5;
    color: #666 !important;
    background: none !important;

    filter: alpha(opacity=50);
}

.selectric-items .selectric-group .selectric-group-label {
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #444;
    background: none;
    font-weight: bold;
}

.selectric-items .selectric-group.disabled li {
    opacity: 1;

    filter: alpha(opacity=100);
}

.selectric-items .selectric-group li {
    padding-left: 25px;
}

@-ms-viewport {
    width: device-width;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

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

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}

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

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

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

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

textarea {
    resize: vertical;
}

a,
button,
input,
*:focus,
*:hover {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 320px;
    height: 100%;
    margin: 0;
    font-size: 16px;

    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
}

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

body {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: black;
    background-color: #f4f4f4;
    font-weight: 400;
    overflow-x: hidden;
    background-color: white !important;
}

body:after {
    display: table;
    clear: both;
    content: "";
}

.hidden {
    display: none;
}

.center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.mark {
    color: #f44b1d;
}

.no-transition {
    -webkit-transition: none !important;
       -moz-transition: none !important;
         -o-transition: none !important;
            transition: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
    font-family: "Roboto", sans-serif;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
}

h1 {
    font-size: 2.25em;
}

h2 {
    font-size: 1.875em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

p,
ul,
ol,
dl,
blockquote,
pre,
address,
figure,
table {
    margin: 0 0 20px;
}

p {
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

a {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    color: currentColor;
}

a:hover {
    text-decoration: underline;
    color: #C1492E;
}

img {
    border: 0;
}

i,
em {
    font-style: italic;
}

b,
strong {
    font-weight: 700;
}

ol,
ul {
    padding-left: 2em;
    list-style-position: inside;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dt,
dd {
    line-height: 1.2;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

pre,
code {
    overflow: hidden;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: "Consolas", "Courier New", "Nimbus Mono L", monospace;
    font-size: 16px;
    line-height: 1.6;
}

pre {
    padding: 1em;
    border-radius: 3px;
    background: #eee;
}

q {
    quotes: "«" "»";
    font-style: italic;
}

q q {
    quotes: "„" "“";
    font-style: italic;
}

blockquote {
    margin: 0 0 1.2em;
    padding: .6em;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote p:first-child,
blockquote ul:first-child,
blockquote ol:first-child {
    margin-top: 0;
}

blockquote footer,
blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.2;
}

blockquote footer:before,
blockquote small:before {
    content: "\2014 \00A0";
}

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

table {
    width: 100%;
}

.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.svg-icon--advantage-1 {
    width: .880952380952381em;
    font-size: 2.625rem;
}

.svg-icon--advantage-2 {
    width: 1.051282051282051em;
    font-size: 2.4375rem;
}

.svg-icon--advantage-3 {
    width: 1.131578947368421em;
    font-size: 2.375rem;
}

.svg-icon--advantage-4 {
    width: .85em;
    font-size: 2.5rem;
}

.svg-icon--arrow-right {
    width: 1.666666666666667em;
    font-size: .5625rem;
}

.svg-icon--arrow-round-right {
    width: 1em;
    font-size: 1.75rem;
}

.svg-icon--children {
    width: .967741935483871em;
    font-size: 1.9375rem;
}

.svg-icon--chronomer {
    width: .952380952380952em;
    font-size: 1.3125rem;
}

.svg-icon--crown {
    width: 1.066666666666667em;
    font-size: .9375rem;
}

.svg-icon--dev-1 {
    width: 1.117647058823529em;
    font-size: 2.125rem;
}

.svg-icon--dev-2 {
    width: 1em;
    font-size: 2rem;
}

.svg-icon--dev-3 {
    width: 1em;
    font-size: 2rem;
}

.svg-icon--download {
    width: .684210526315789em;
    font-size: 1.1875rem;
}

.svg-icon--facebook {
    width: 1em;
    font-size: 1.6875rem;
}

.svg-icon--favorites {
    width: 1.166666666666667em;
    font-size: 1.125rem;
}

.svg-icon--file-doc {
    width: .931818181818182em;
    font-size: 2.75rem;
}

.svg-icon--file-pdf {
    width: .918918918918919em;
    font-size: 2.3125rem;
}

.svg-icon--game {
    width: 1.421052631578947em;
    font-size: 1.1875rem;
}

.svg-icon--gplus {
    width: 1em;
    font-size: 1.6875rem;
}

.svg-icon--heart {
    width: 1.166666666666667em;
    font-size: 1.125rem;
}

.svg-icon--heart-filled {
    width: 1.166666666666667em;
    font-size: 1.125rem;
}

.svg-icon--info {
    width: 1em;
    font-size: 1.3125rem;
}

.svg-icon--location {
    width: .826086956521739em;
    font-size: 1.4375rem;
}

.svg-icon--mail {
    width: 1.222222222222222em;
    font-size: 1.125rem;
}

.svg-icon--ok {
    width: 1em;
    font-size: 1.6875rem;
}

.svg-icon--pause {
    width: 1em;
    font-size: 1rem;
}

.svg-icon--phone {
    width: 1em;
    font-size: 1.375rem;
}

.svg-icon--play {
    width: 1em;
    font-size: .8125rem;
}

.svg-icon--right {
    width: 1em;
    font-size: 1.875rem;
}

.svg-icon--search {
    width: .944444444444444em;
    font-size: 1.125rem;
}

.svg-icon--skype {
    width: 1em;
    font-size: 1.4375rem;
}

.svg-icon--step-1 {
    width: .659090909090909em;
    font-size: 2.75rem;
}

.svg-icon--step-2 {
    width: .674418604651163em;
    font-size: 2.6875rem;
}

.svg-icon--step-3 {
    width: .894736842105263em;
    font-size: 2.375rem;
}

.svg-icon--success {
    width: 1em;
    font-size: 4.5rem;
}

.svg-icon--telegram {
    width: 1em;
    font-size: 1.6875rem;
}

.svg-icon--twitter {
    width: 1em;
    font-size: 1.6875rem;
}

.svg-icon--user {
    width: 1.055555555555556em;
    font-size: 1.125rem;
}

.svg-icon--versus {
    width: 1em;
    font-size: 3.6875rem;
}

.svg-icon--vkontakte {
    width: 1em;
    font-size: 1.6875rem;
}

.svg-icon--vocal {
    width: .9em;
    font-size: 1.25rem;
}

.svg-icon--wrong {
    width: 1em;
    font-size: 1.875rem;
}

.svg-icon--youtube {
    width: 1em;
    font-size: 1.6875rem;
}

.button {
    display: inline-block;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    border: none;
}

.button:hover,
.button:active {
    text-decoration: none;
}

.button--frame {
    padding: 16px 35px 14px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #f94e1e;
    border: 1px solid #f94e1e;
    border-radius: 2px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.button--frame:hover {
    color: #fff;
    background-color: #f94e1e;
}

.button--frame:active {
    color: #fff;
    background-color: #e23200;
}

.button--orange {
    padding: 21px 43px 19px;
    color: #fff;
    border-radius: 15px;
    background-color: #C1492E;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.03em;
}

.button--orange:hover {
    color: #fff;
    background-color: #DF3E1A;
}

.button--orange:active {
    color: #fff;
    background-color: #d63a0e;
}

.button--shadow {
    padding: 21px 43px 19px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    background-color: #f94e1e;
    background-image: linear-gradient(to right, #ed3b26 0%, #ed3b26 12%, #f44b1d 100%);
    box-shadow: -.4px 11px 35px #af2727;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.button--shadow:hover {
    color: #fff;
    background-image: linear-gradient(to right, rgba(251,75,54,.64) 0%, rgba(251,75,54,.64) 12%, rgba(255,88,43,.64) 100%);
}

.button--shadow:active {
    color: #fff;
    background-image: linear-gradient(to right, rgba(240,66,49,.74) 0%, rgba(240,66,49,.74) 12%, rgba(242,75,42,.74) 100%);
}

.button--white {
    display: inline-block;
    padding: 13px 35px 11px;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #161616;
    border: none;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: -.2px 5px 5px rgba(0,0,0,.09);
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.button--white:hover {
    text-decoration: none;
    color: #161616;
    box-shadow: -.2px 5px 5px rgba(0,0,0,.16);
}

.button--white:active {
    text-decoration: none;
    color: #161616;
    background-color: #fafafa;
    box-shadow: -.2px 5px 5px rgba(0,0,0,.16);
}

.button--blicked {
    position: relative;
    overflow: hidden;
}

.button--blicked:after {
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -65%;
    width: 45px;
    content: "";
    transform: skewX(-22deg);
    animation-name: blick;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.6) 100%);
}

.button-menu {
    display: block;
    width: 28px;
    height: 29px;
    padding: 0;
    cursor: pointer;
    border: none;
    border-radius: none;
    background: transparent;
}

.button-menu.on {
    visibility: visible;
}

.button-menu__in::before,
.button-menu__in::after {
    position: absolute;
    left: 0;
    content: "";
}

.button-menu__in::before {
    top: -7px;
    transform-origin: left top;
}

.button-menu__in::after {
    top: 7px;
    transform-origin: left bottom;
}

.button-menu__in {
    position: relative;
    display: block;
    margin: 0 auto;
}

.button-menu__in,
.button-menu__in:after,
.button-menu__in:before {
    width: 22px;
    height: 2px;
    transition: background-color .2s linear, -webkit-transform 70ms linear;
    transition: background-color .2s linear, transform 70ms linear;
    transition: background-color .2s linear, transform 70ms linear, -webkit-transform 70ms linear, -moz-transform 70ms linear, -o-transform 70ms linear;
    backface-visibility: hidden;
    border-radius: 1px;
    background-color: #000;
}

.button-menu:hover .button-menu__in,
.button-menu:hover .button-menu__in:after,
.button-menu:hover .button-menu__in:before {
    background-color: #f95f3a;
}

.button-menu.on .button-menu__in {
    width: 28px;
    background-color: transparent !important;
}

.button-menu.on .button-menu__in:before {
    top: -8px;
    width: 28px;
    transform: rotate(45deg) translate(3px, -5px);
}

.button-menu.on .button-menu__in:after {
    top: 8px;
    width: 28px;
    transform: rotate(-45deg) translate(3px, 5px);
}

.button-player {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
}

.button-player__icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    transition: all .2s ease;
    transform: translate(-45%, -50%);
    fill: #c6c6c6;
}

.button-player.active .button-player__icon-play {
    display: none;
}

.button-player:hover .button-player__icon-play {
    fill: #f94e1e;
}

.button-player__icon-pause {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transition: all .2s ease;
    transform: translate(-50%, -50%);
    fill: #f94e1e;
}

.button-player.active .button-player__icon-pause {
    display: inline-block;
}

.button-player:hover .button-player__icon-pause {
    fill: #c6c6c6;
}

.slick-prev,
.slick-next {
    position: relative;
    z-index: 100;
    display: block;
    width: 37px;
    height: 37px;
    cursor: pointer;
    transition: all .3s ease;
    text-indent: -9999px;
    color: transparent;
    border: 2px solid #ededed;
    border-radius: 50%;
    background-color: #fff;
    font-size: 0;
}

.slick-prev::before,
.slick-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    content: "";
    transition: all .3s ease;
    transform: rotate(45deg);
    border-width: 2px;
    border-color: #575757;
}

.slick-prev:hover,
.slick-next:hover {
    border-color: #f95319;
}

.slick-prev:hover::before,
.slick-next:hover::before {
    border-color: #f95319;
}

.slick-prev::before {
    margin-left: -3px;
    border-style: none none solid solid;
}

.slick-next::before {
    margin-left: -5px;
    border-style: solid solid none none;
}

.form-item {
    position: relative;
    display: block;
    width: 100%;
}

.form-item--fee {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.form-item--fee input {
    text-align: center;
    font-size: 16px;
}

.form-item__label {
    display: block;
    margin-bottom: 10px;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

.form-item__label span {
    text-transform: none;
    color: #3B4173;
    font-size: 14px;
    font-weight: 400;
}

.form-item--fee .form-item__label {
            order: 2;
    margin-bottom: 0;
    margin-left: 15px;

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

.form-item--big .form-item__label {
    display: block;
    margin-bottom: 5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.form-item--with-duration .form-item__label {
    padding-right: 100px;
}

.form-item__input {
    position: relative;
}

.form-item--fee .form-item__input {
    max-width: 101px;
}

.form-item--big .form-item__input {
    margin-top: 15px;
}

.form-item__input input,
.form-item__input textarea,
.form-item__input select {
    width: 100%;
}

.form-item__input.has-error input,
.form-item__input.has-error textarea {
    border-color: #da0000;
}

.form-item--white .form-item__input.has-error input,
.form-item--white .form-item__input.has-error textarea {
    color: #fff;
    border-color: #fc6262;
    background-color: rgba(255,0,0,.3);
}

.form-item__input input,
.form-item__input textarea {
    padding: 12px 12px;
    color: #626262;
    border: 1px solid rgba(215,215,215,.54);
    outline: none;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.form-item__input input:hover,
.form-item__input textarea:hover,
.form-item__input input:focus,
.form-item__input textarea:focus {
    border-color: rgba(130,130,130,.54);
    background-color: #fff;
}

.form-item__input input::-webkit-input-placeholder,
.form-item__input textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #b6b6b6;
}

.form-item__input input:-moz-placeholder,
.form-item__input textarea:-moz-placeholder {
    opacity: 1;
    color: #b6b6b6;
}

.form-item__input input::-moz-placeholder,
.form-item__input textarea::-moz-placeholder {
    opacity: 1;
    color: #b6b6b6;
}

.form-item__input input:-ms-input-placeholder,
.form-item__input textarea:-ms-input-placeholder {
    opacity: 1;
    color: #b6b6b6;
}

.form-item__input input:input-placeholder,
.form-item__input textarea:input-placeholder {
    opacity: 1;
    color: #b6b6b6;
}

.form-item--white .form-item__input input,
.form-item--white .form-item__input textarea {
    color: #fff;
    border-color: rgba(255,255,255,.45);
    background-color: transparent;
}

.form-item--white .form-item__input input:hover,
.form-item--white .form-item__input textarea:hover {
    border-color: #fff;
    background-color: transparent;
}

.form-item--white .form-item__input input::-webkit-input-placeholder,
.form-item--white .form-item__input textarea::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(255,255,255,.76);
}

.form-item--white .form-item__input input:-moz-placeholder,
.form-item--white .form-item__input textarea:-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,.76);
}

.form-item--white .form-item__input input::-moz-placeholder,
.form-item--white .form-item__input textarea::-moz-placeholder {
    opacity: 1;
    color: rgba(255,255,255,.76);
}

.form-item--white .form-item__input input:-ms-input-placeholder,
.form-item--white .form-item__input textarea:-ms-input-placeholder {
    opacity: 1;
    color: rgba(255,255,255,.76);
}

.form-item--white .form-item__input input:input-placeholder,
.form-item--white .form-item__input textarea:input-placeholder {
    opacity: 1;
    color: rgba(255,255,255,.76);
}

.form-item__input input {
    height: 40px;
}

.form-item__input textarea {
    height: 130px;
    resize: none;
}

.form-item--big .form-item__input textarea {
    height: 90px;
}

.form-item__input label.error {
    display: none;
}

.form-item__helpers {
    margin-top: 5px;
}

.form-item__hint {
    margin: 0;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.285;
}

.form-item--big .form-item__hint {
    margin: 0 0 15px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.form-item--big .form-item__hint a {
    text-decoration: underline;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.form-item--big .form-item__hint a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.form-item__extra {
    display: block;
    margin: 10px 0 0;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.form-item__extra a {
    text-decoration: underline;
    color: #383838;
    font-weight: 500;
}

.form-item__extra a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.form-item__duration {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.form-item--type-radio,
.form-item--type-checkbox {
    position: relative;
    display: inline-block;
    width: auto;
}

.form-item--type-radio input,
.form-item--type-checkbox input {
    display: none;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.form-item--type-checkbox .form-item__label,
.form-item--type-radio .form-item__label {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 21px;
    margin: 0;
    cursor: pointer;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.form-item--type-checkbox .form-item__label a,
.form-item--type-radio .form-item__label a {
    text-decoration: underline;
    color: #383838;
    font-weight: 500;
}

.form-item--type-checkbox .form-item__label a:hover,
.form-item--type-radio .form-item__label a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.form-item--type-checkbox .form-item__hint,
.form-item--type-radio .form-item__hint {
    padding-left: 35px;
}

.form-item--type-checkbox .form-item__icon,
.form-item--type-radio .form-item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    width: 18px;
    height: 18px;
    transition: all .2s ease;
    border: 1px solid #EAD2CC;
    background-color: #fff;
}

.form-item--type-checkbox .form-item__label:hover .form-item__icon,
.form-item--type-radio .form-item__label:hover .form-item__icon {
    border: 1px solid #DF3E1A;
}

.form-item--type-radio .form-item__icon {
    border-radius: 50%;
}

.form-item--type-checkbox .form-item__label input:checked+ .form-item__icon::after {
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 8px;
    content: "";
    transform: rotate(45deg);
    border-width: 2px;
    border-style: none solid solid none;
    border-color: #C1492E;
}

.form-item--type-radio .form-item__label input:checked+ .form-item__icon::after {
    width: 7px;
    height: 7px;
    content: "";
    border-radius: 50%;
    background-color: #C1492E;
}

.form-item--type-number {
    display: inline-block;
    width: auto;
}

.form-item--type-number .form-item__input {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
    width: 100%;
    height: 46px;
    background-color: transparent;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.form-item--type-number .form-item__input input {
    display: inline-block;
            flex: 0 0 auto;
    width: 79px;
    height: 46px;
    margin: 0 17px;
    padding: 0;
    text-align: center;
    color: #171717;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    outline: none;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 44px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.form-item--type-number .form-item__input input:hover,
.form-item--type-number .form-item__input input:focus {
    border: 1px solid rgba(130,130,130,.54);
    background-color: #fff;
}

.form-item--type-number .form-item__minus,
.form-item--type-number .form-item__plus {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    cursor: pointer;
    transition: all .2s ease;
    border: 1px solid #5b5b5b;
    border-radius: 50%;
    background: transparent;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.form-item--type-number .form-item__minus::before,
.form-item--type-number .form-item__plus::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-align: center;
    color: #838383;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
}

.form-item--type-number .form-item__minus:hover,
.form-item--type-number .form-item__plus:hover {
    border-color: #f95f3a;
}

.form-item--type-number .form-item__minus:hover::before,
.form-item--type-number .form-item__plus:hover::before {
    color: #f95f3a;
}

.form-item--type-number .form-item__minus::before {
    content: "-";
}

.form-item--type-number .form-item__plus::before {
    content: "+";
}

.form-item--type-file .form-item__input {
    position: relative;
    overflow: hidden;
            flex: 0 0 100%;
    max-width: 100%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.form-item--type-file .form-item__input input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    -webkit-transform: scale(10);
       -moz-transform: scale(10);
        -ms-transform: scale(10);
         -o-transform: scale(10);
            transform: scale(10);
    opacity: 0;
    border: none;
    background: transparent;
}

.form-item--type-file .form-item__files {
    display: block;
    margin: 0 0 15px;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.form-item--type-file .form-item__files:empty {
    display: none;
}

.form-item--type-file .form-item__file {
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
}

.form-item--type-file .form-item__file-remove {
    position: relative;
    z-index: 100;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 10px;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #ff5b1b;
    border-radius: 50%;
    background-color: transparent;
}

.form-item--type-file .form-item__file-remove::before {
    position: absolute;
    top: 2px;
    left: 6px;
    display: inline-block;
    content: "+";
    transform: rotate(45deg);
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.form-item--type-file .form-item__button-file {
    min-width: 200px;
    padding: 13px 12px 12px;
    cursor: pointer;
    background-color: transparent;
}

.form-item--type-file .form-item__button-file:hover,
.form-item--type-file .form-item__button-file.hover,
.form-item--type-file .form-item__button-file.focus {
    color: #fff;
    background-color: #f94e1e;
}

.form-item--type-switcher {
    display: inline-block;
}

.form-item--type-switcher input {
    display: none;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.form-item--type-switcher .form-item__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.form-item--type-switcher .form-item__no {
            flex: 0 1 auto;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    color: #f74920;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
    -webkit-touch-callout: none;
}

.form-item--type-switcher.checked .form-item__no {
    cursor: pointer;
    text-decoration: underline;
    color: #171717;
}

.form-item--type-switcher.checked .form-item__no:hover {
    color: #f74920;
}

.form-item--type-switcher .form-item__yes {
            flex: 0 1 auto;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: underline;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
    -webkit-touch-callout: none;
}

.form-item--type-switcher .form-item__yes:hover {
    color: #f74920;
}

.form-item--type-switcher.checked .form-item__yes {
    cursor: default;
    text-decoration: none;
    color: #f74920;
}

.form-item--type-switcher .form-item__switcher {
    position: relative;
            flex: 0 0 auto;
    width: 66px;
    height: 28px;
    margin: 0 20px;
    cursor: pointer;
    border-radius: 14px;
    background-color: #d7d7d7;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.form-item--type-switcher .form-item__switcher::before {
    position: absolute;
    top: 1px;
    left: 1px;
    display: block;
    width: 26px;
    height: 26px;
    content: "";
    transition: all .3s ease;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: -.1px 4px 4px rgba(0,0,0,.1);
}

.form-item--type-switcher .form-item__switcher:hover::before {
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    box-shadow: -.1px 4px 7px rgba(0,0,0,.3);
}

.form-item--type-switcher.checked .form-item__switcher {
    background-color: #ff5b1b;
}

.form-item--type-switcher.checked .form-item__switcher::before {
    right: 1px;
    left: auto;
    border: 1px solid #ff5b1b;
    box-shadow: -.1px 4px 4px rgba(0,0,0,.1);
}

.form-item--type-switcher.checked .form-item__switcher:hover::before {
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    box-shadow: -.1px 4px 7px rgba(0,0,0,.3);
}

.form-item .help-block {
    font-size: 0;
}

.form-item .selectric {
    width: 100%;
    max-width: 100%;
    height: 45px;
    border: none;
    border: 1px solid rgba(215,215,215,.54);
    border-radius: 2px;
    background-color: #fff;
}

.form-item .selectric:hover,
.form-item .selectric.focus {
    border: 1px solid rgba(130,130,130,.54);
}

.form-item .selectric .label {
    position: relative;
    width: 100%;
    height: 43px;
    margin: 0;
    padding: 0 30px 0 20px;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 43px;
}

.form-item .selectric .label::after {
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -4px;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-right: 2px solid #141414;
    border-bottom: 2px solid #141414;
}

.form-item .selectric .button {
    display: none;
    height: 25px;
    color: #000;
}

.form-item .selectric-open .label::after {
    margin-top: -1px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.form-item .selectric-items {
    top: 45px;
    border: none;
}

.form-item .selectric-items li {
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #171717;
    border-right: 1px solid rgba(215,215,215,.54);
    border-bottom: 1px solid rgba(215,215,215,.54);
    border-left: 1px solid rgba(215,215,215,.54);
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
}

.form-item .selectric-items li img {
    display: inline;
    margin-right: 10px;
}

.form-item .selectric-items li.selected {
    display: none;
}

.form-item .selectric-items li:hover,
.form-item .selectric-items li.highlighted {
    text-decoration: none;
    color: #f95f3a;
    background-color: #f9f9f9;
}

.form-item--type-slider .irs {
    height: 55px;
}

.form-item--type-slider .irs-line {
    top: 12px;
    height: 7px;
    border-radius: 2px;
    background-color: #d7d7d7;
}

.form-item--type-slider .irs-slider {
    top: 0;
    width: 26px;
    height: 26px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .2s ease;
       -moz-transition:         box-shadow .2s ease, -moz-box-shadow .2s ease;
         -o-transition:         box-shadow .2s ease;
            transition: -webkit-box-shadow .2s ease;
            transition:         box-shadow .2s ease;
            transition:         box-shadow .2s ease, -webkit-box-shadow .2s ease, -moz-box-shadow .2s ease;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: -.1px 4px 4px rgba(0,0,0,.16);
}

.form-item--type-slider .irs-slider.state_hover,
.form-item--type-slider .irs-slider:hover {
    border: 1px solid #d8d8d8;
    background-color: #fff;
    box-shadow: -.1px 4px 7px rgba(0,0,0,.36);
}

.form-item--type-slider .irs-from,
.form-item--type-slider .irs-to,
.form-item--type-slider .irs-single {
    z-index: 20;
    top: 38px;
    display: inline-block;
    text-transform: uppercase;
    color: #f74b1f;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}

.form-item--type-slider .irs-min,
.form-item--type-slider .irs-max {
    display: none;
}

.form-item--type-slider .irs-grid {
    top: 25px;
    height: 30px;
}

.form-item--type-slider .irs-grid-pol {
    background-color: #afafaf;
}

.form-item--type-slider .irs-grid-pol.small {
    display: none;
}

.form-item--type-slider .irs-grid-text {
    top: 13px;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}

.form-item--type-range .irs {
    height: 44px;
}

.form-item--type-range .irs-line {
    top: 8px;
    height: 4px;
    border-radius: 2px;
    background-color: #d7d7d7;
}

.form-item--type-range .irs-bar {
    position: absolute;
    top: 8px;
    height: 4px;
    border-radius: 3px;
    background-color: #C1492E;
}

.form-item--type-range .irs-slider {
    top: 0;
    width: 17px;
    height: 17px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .2s ease;
       -moz-transition:         box-shadow .2s ease, -moz-box-shadow .2s ease;
         -o-transition:         box-shadow .2s ease;
            transition: -webkit-box-shadow .2s ease;
            transition:         box-shadow .2s ease;
            transition:         box-shadow .2s ease, -webkit-box-shadow .2s ease, -moz-box-shadow .2s ease;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: -.1px 4px 3px rgba(0,0,0,.14);
}

.form-item--type-range .irs-slider.state_hover,
.form-item--type-range .irs-slider:hover {
    border: 1px solid #d8d8d8;
    background-color: #fff;
    box-shadow: -.1px 4px 7px rgba(0,0,0,.36);
}

.form-item--type-range .irs-from,
.form-item--type-range .irs-to,
.form-item--type-range .irs-single {
    z-index: 20;
    top: 30px;
    display: inline-block;
    text-transform: uppercase;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

.form-item--type-range .irs-from {
    left: 0 !important;
    margin: 0 !important;
}

.form-item--type-range .irs-to {
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
}

.form-item--type-range .irs-min,
.form-item--type-range .irs-max {
    display: none;
}

.breadcrumbs {
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.s-first .breadcrumbs__item a {
    color: #fff;
}

.s-first--left .breadcrumbs__item a {
    color: #000;
}

.breadcrumbs__items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.breadcrumbs__item {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #a8a8a8;
    font-size: 17px;
    font-weight: 400;
}

.breadcrumbs__item a {
    transition: all .2s ease;
    text-decoration: none;
    color: #3B4173;
}

.breadcrumbs__item a:hover {
    text-decoration: none;
    color: #C1492E;
}

.breadcrumbs__item:not(:last-child) {
    margin-right: 40px;
}

.breadcrumbs__item:not(:last-child)::before {
    position: absolute;
    top: 12px;
    right: -26px;
    display: inline-block;
    width: 13px;
    height: 1px;
    content: "";
    background-color: #C1492E;
}

.breadcrumbs__item:not(:last-child)::after {
    position: absolute;
    top: 10px;
    right: -28px;
    width: 4px;
    height: 5px;
    content: "";
    border-width: 2.5px 0 2.5px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #3B4173;
}

.link-download {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    vertical-align: middle;
    text-decoration: none;
    color: #252525;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
}

.link-download .svg-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    fill: #f94e1e;
}

.link-download:hover {
    text-decoration: none;
    color: #f95f3a;
}

.link-download:hover .svg-icon {
    fill: #f95f3a;
}

.title-advice {
    position: relative;
    display: block;
    margin: 0 0 30px;
    padding-top: 2px;
    padding-left: 45px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.title-advice::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    content: "";
    border: 1px solid #dbdbdb;
    border-radius: 50%;
}

.title-advice::after {
    position: absolute;
    top: 11px;
    left: 11px;
    display: block;
    width: 4px;
    height: 4px;
    content: "";
    background-color: #373737;
}

.rule {
    display: inline-block;
    vertical-align: top;
}

.rule__icon {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 20px;
}

.rule--wrong .rule__icon {
    fill: #ff5b1b;
}

.rule--right .rule__icon {
    fill: #36a639;
}

.rule__label {
    display: block;
    margin: 0 0 12px;
    text-align: center;
    opacity: .68;
    color: #1b1b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.rule__text {
    display: block;
    max-width: 140px;
    margin: 0 auto;
    text-align: center;
    color: #1b1b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.28;
}

.link-more {
    display: inline-block;
}

.link-more__caption {
    position: relative;
    display: inline-block;
    margin-right: 9px;
    vertical-align: middle;
    text-decoration: none;
    color: #f9511b;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}

.link-more__caption:hover {
    text-decoration: underline;
}

.link-more__icon {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    border: 1px solid #f9511b;
    border-radius: 50%;
}

.link-more__icon::before {
    position: absolute;
    top: 5px;
    left: 6px;
    display: block;
    width: 5px;
    height: 5px;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 1px;
    border-style: none solid solid none;
    border-color: #f9511b;
}

.link-more.shown .link-more__icon::before {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 8px;
}
.link-more.active .link-more__icon::before {
    top: 7px;
    border-style: solid none none solid;
}

.link-next {
    display: inline-block;
}

.link-next__caption {
    position: relative;
    display: inline-block;
    margin-right: 9px;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: -.025em;
    color: #f9511b;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
}

.link-next__caption:hover {
    text-decoration: underline;
}

.link-next__icon {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    border: 1px solid #f9511b;
    border-radius: 50%;
}

.link-next__icon::before {
    position: absolute;
    top: 6px;
    left: 5px;
    display: block;
    width: 5px;
    height: 5px;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 1px;
    border-style: solid solid none none;
    border-color: #f9511b;
}

.link-action {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row wrap;
            align-items: center;
    text-decoration: none;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.link-action:hover {
    text-decoration: none;
}

.link-action__icon {
    position: relative;
    display: inline-block;
    margin-right: 18px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #000;
}

.link-action:hover .link-action__icon {
    fill: #f95f3a;
}

.link-action__count {
    position: absolute;
    top: -9px;
    left: 14px;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background-color: #505050;
    background-image: -webkit-linear-gradient(32deg, #f95319 0%, #f95319 35%, #fa103c 100%);
    background-image:    -moz-linear-gradient(32deg, #f95319 0%, #f95319 35%, #fa103c 100%);
    background-image:      -o-linear-gradient(32deg, #f95319 0%, #f95319 35%, #fa103c 100%);
    background-image:         linear-gradient(58deg, #f95319 0%, #f95319 35%, #fa103c 100%);
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
}

.link-action__count[data-count="0"] {
    display: none;
}

.link-action__caption {
            flex: 0 0 auto;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    color: #7c7c7c;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.link-action:hover .link-action__caption {
    color: #f95f3a;
}

.link-back {
    position: relative;
    display: inline-block;
    padding-left: 34px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    letter-spacing: -.01em;
    text-transform: uppercase;
    color: #0f0f0f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.link-back:hover {
    text-decoration: none;
    color: #f95f3a;
}

.link-back::before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 13px;
    height: 1px;
    content: "";
    background-color: #c4c6c8;
}

.link-back::after {
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 5px;
    content: "";
    border-width: 2.5px 4px 2.5px 0;
    border-style: solid;
    border-color: transparent #c4c6c8 transparent transparent;
}

.show-more {
    position: relative;
    display: block;
    width: 150px;
    margin: 0 auto 50px;
    padding-top: 42px;
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    transition: none;
}

.show-more::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 25px;
    height: 25px;
    margin-left: -14px;
    padding-left: 1px;
    content: "+";
    text-align: center;
    color: #bdbdbd;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
}

.show-more:hover {
    text-decoration: none;
    color: #C1492E;
}

.show-more:hover::before {
    color: #C1492E;
    border-color: #C1492E;
}

.menu-top {
    display: inline-block;
}

.menu-top__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-top__item {
    display: inline-block;
    flex: 0 0 auto;
    margin: 0 30px 0 0;
    padding: 0;
    color: #7c7c7c;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.menu-top__item.active a {
    text-decoration: none;
    color: #f95f3a;
}

.menu-top__item a {
    text-decoration: none;
    color: #7c7c7c;
}

.menu-top__item a:hover {
    text-decoration: none;
    color: #C1492E;
}

.menu-main {
    display: inline-flex;
    justify-content: center;
}

.menu-main__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.menu-main__item {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 15px;
}

.menu-main__item.active > .menu-main__link {
    text-decoration: none;
    color: #f95f3a;
}

.menu-main__link {
    display: inline-block;
    height: 85px;
    white-space: nowrap;
    text-decoration: none;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 85px;
}

.menu-main__link sup {
    color: red;
    top: -.7em;
    font-weight: 500;
}

.menu-main__link:hover {
    text-decoration: none;
    color: #f95f3a;
}

.menu-main__link-marked {
    color: #f95f3a;
}

.menu-main__link-marked span {
    border-bottom: 2px solid #f95f3a;
    padding-bottom: 8px;
}

.header.fixed .menu-main__link {
    height: 70px;
    line-height: 70px;
}

.menu-main__submenu {
    position: absolute;
    left: 50%;
    display: none;
    overflow-y: auto;
    width: 320px;
    height: auto;
    max-height: -webkit-calc(100vh - 132px);
    max-height:    -moz-calc(100vh - 132px);
    max-height:         calc(100vh - 132px);
    margin: 0;
    margin-left: -160px;
    padding: 20px 15px;
    text-align: center;
    border: 1px solid #e8e8e8;
    background-color: #fff;
}

.menu-main__item.opened .menu-main__submenu {
    display: block;
}

.menu-main__item.opened .menu-main__link {
    position: relative;
}

.menu-main__item.opened .menu-main__link::before {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 50%;
    display: block;
    width: 22px;
    height: 11px;
    margin-left: -11px;
    content: "";
    border-width: 0 11px 11px 11px;
    border-style: solid;
    border-color: transparent transparent #e8e8e8 transparent;
}

.menu-main__item.opened .menu-main__link::after {
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 50%;
    display: block;
    width: 18px;
    height: 9px;
    margin-left: -9px;
    content: "";
    border-width: 0 9px 9px 9px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.menu-main__subitems {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: column;
            align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
}

.menu-main__subitems.no-flex {
            justify-content: center;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.menu-main__subitem {
    display: block;
    padding: 3px 20px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
}

.menu-main__subitem.accent> .menu-main__sublink {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.menu-main__subitem.accent> .menu-main__sublink:hover {
    text-decoration: none;
    color: #f95f3a;
}

.menu-main__subitem.active> .menu-main__sublink {
    text-decoration: none;
    color: #f95f3a;
}

.menu-main__subitem-marked> .menu-main__sublink {
    color: #f95f3a;
}

.menu-main__subitem-marked span {
    border-bottom: 2px solid #f95f3a;
    padding-bottom: 5px;
}

.menu-main__sublink {
    text-decoration: none;
    color: #171717;
}

.menu-main__sublink:hover {
    text-decoration: none;
    color: #f95f3a;
}

.menu-mob {
    position: relative;
    display: block;
}

.menu-mob__section {
    margin-bottom: 20px;
}

.menu-mob__header {
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.menu-mob__main-level {
    display: flex;
    align-items: center;
}
.menu-mob__main-level.closed + .menu-mob__items {
    display: none;
}

.menu-mob__triangle {
    display: inline-block;
    border: 5px solid transparent;
    border-top: 7px solid #171717;
    margin-top: 3px;
    margin-left: 15px;
}

.menu-mob__main-level.opened .menu-mob__triangle {
    border: 5px solid transparent;
    border-bottom: 7px solid #171717;
    margin-top: -5px;
}

.menu-mob__header sup {
    color: red;
    top: -.7em;
    font-weight: 500;
}

.menu-mob__header-marked {
    color: #f95f3a;
}

.menu-mob__items {
    position: relative;
    left: 0;
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 0;
    list-style: none;
    -webkit-transition: left .5s ease;
       -moz-transition: left .5s ease;
         -o-transition: left .5s ease;
            transition: left .5s ease;
}

.menu-mob__item {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

.menu-mob__item.active .menu-mob__link {
    text-decoration: none;
    color: #f95f3a;
}

.menu-mob__item.active .menu-mob__link::after {
    border-color: #f95f3a;
}

.menu-mob__link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.menu-mob__link:hover {
    text-decoration: none;
    color: #f95f3a;
}

.menu-mob__link:hover::after {
    border-color: #f95f3a;
}

.menu-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.menu-footer__col {
            flex: 0 0 30%;
    width: 30%;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
}

.menu-footer__col:nth-child(2) {
            flex: 0 0 40%;
    width: 40%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
}

.menu-footer__title {
    margin: 0 0 35px;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.menu-footer__items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-footer__item {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}

.menu-footer__link {
    text-decoration: none;
    color: #7c7c7c;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.menu-footer__link:hover {
    text-decoration: none;
    color: #f95f3a;
}

.menu-contents {
    position: fixed;
    z-index: 300;
    top: 50%;
    left: 10px;
    display: block;
    max-width: 200px;
    padding: 10px 10px 10px 30px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.menu-contents:hover {
    width: 200px;
}

.menu-contents__items {
    display: block;
    width: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-contents__item {
    position: realtive;
    display: block;
    overflow: hidden;
    width: 30px;
    min-height: 20px;
    margin: 20px 0;
    padding: 0;
}

.menu-contents:hover .menu-contents__item {
    width: 180px;
}

.menu-contents__link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 30px;
    min-height: 15px;
    padding-left: 30px;
    -webkit-transition: width .3s ease;
       -moz-transition: width .3s ease;
         -o-transition: width .3s ease;
            transition: width .3s ease;
    text-decoration: none;
}

.menu-contents__link::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    border: 1px solid #171717;
    border-radius: 50%;
}

.menu-contents:hover .menu-contents__link {
    width: 180px;
    text-decoration: none;
    color: #000;
}

.menu-contents__link:hover::before {
    background-color: #171717;
}

.menu-contents__link.current {
    width: 180px;
    pointer-events: none;
}

.menu-contents__link.current::before {
    border-color: #f94e1e;
    background-color: #f94e1e;
}

.menu-contents__caption {
    position: absolute;
    top: 1px;
    left: 30px;
    display: inline-block;
    height: 14px;
    padding-bottom: 1px;
    -webkit-transition: all .3s ease, opacity .5s ease;
       -moz-transition: all .3s ease, opacity .5s ease;
         -o-transition: all .3s ease, opacity .5s ease;
            transition: all .3s ease, opacity .5s ease;
    opacity: 0;
    color: #232323;
    border-bottom: 1px dashed #232323;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}

.menu-contents:hover .menu-contents__caption {
    opacity: 1;
    color: #000;
    border-bottom-color: #000;
}

.menu-contents__link.current .menu-contents__caption {
    top: 1px;
    color: #f94e1e;
    border-bottom: none;
    font-size: 14px;
}

.menu-faq {
    display: block;
}

.menu-faq__items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu-faq__item {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            align-items: center;
    min-height: 55px;
    margin: 0 0 1px;
    padding: 12px 30px;
    background-color: #fff;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.menu-faq__item a {
    display: block;
    text-decoration: none;
    color: #1b1b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.285;
}

.menu-faq__item a:hover {
    text-decoration: none;
    color: #C1492E;
}

.menu-base {
    display: block;
}

.menu-base__items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.menu-base__item {
    display: inline-block;
    margin: 5px 30px 5px 0;
    padding: 0;
    vertical-align: middle;
}

.menu-base__item:last-child {
    margin-right: 0;
}

.menu-base__item.active a {
    text-decoration: none;
    color: #f95f3a;
}

.menu-base__item a {
    text-decoration: none;
    text-transform: uppercase;
    color: #0b0b0b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.menu-base__item a:hover {
    text-decoration: none;
    color: #C1492E;
}

.tile-speaker {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 100px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;
    background-color: #f6f6f6;
}

.tile-speaker:hover {
    text-decoration: none;
    box-shadow: 0 5px 20px 1px rgba(0,0,0,.1);
}

.tile-speaker--1 {
    height: 170px;
}

.tile-speaker--2 {
    height: 170px;
}

.tile-speaker--3 {
    height: 380px;
}

.tile-speaker--4 {
    height: 380px;
    background-image: url("../img/speakers/famous.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100%;
         -o-background-size: 100%;
            background-size: 100%;
}

.tile-speaker--4:hover {
    -webkit-background-size: 110% 110%;
       -moz-background-size: 110%;
         -o-background-size: 110%;
            background-size: 110%;
}

.tile-speaker--5 {
    height: 170px;
}

.tile-speaker--6 {
    height: 170px;
    background-image: url("../img/speakers/singers.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.tile-speaker--7 {
    height: 380px;
}

.tile-speaker__content {
    padding: 40px 50px;
}

.tile-speaker--5 .tile-speaker__content {
    padding-top: 75px;
}

.tile-speaker--6 .tile-speaker__content {
    padding-top: 65px;
}

.tile-speaker__title {
    margin: 0 0 15px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11;
}

.tile-speaker:hover .tile-speaker__title {
    color: #f95319;
}

.tile-speaker--4 .tile-speaker__title {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.tile-speaker--5 .tile-speaker__title {
    text-align: center;
}

.tile-speaker--6 .tile-speaker__title {
    text-align: center;
}

.tile-speaker--7 .tile-speaker__title {
    text-align: center;
}

.tile-speaker__price {
    position: relative;
    margin: 0;
    color: #868686;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1;
}

.tile-speaker--3 .tile-speaker__price {
    margin-bottom: 35px;
    padding-bottom: 40px;
}

.tile-speaker--3 .tile-speaker__price::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 2px;
    content: "";
    background-color: #f95319;
}

.tile-speaker--4 .tile-speaker__price {
    display: block;
    width: 208px;
    margin: 0 auto;
    padding: 24px 10px;
    text-align: center;
    color: #f95319;
    border-radius: 2px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.tile-speaker--5 .tile-speaker__price {
    text-align: center;
}

.tile-speaker--6 .tile-speaker__price {
    text-align: center;
    color: #f95319;
}

.tile-speaker--7 .tile-speaker__price {
    text-align: center;
}

.tile-speaker__img {
    position: absolute;
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.tile-speaker--1 .tile-speaker__img {
    top: 45px;
    right: -50px;
}

.tile-speaker--1:hover .tile-speaker__img {
    top: 35px;
    right: -40px;
}

.tile-speaker--2 .tile-speaker__img {
    top: 40px;
    right: -10px;
}

.tile-speaker--2:hover .tile-speaker__img {
    top: 30px;
    right: 0;
}

.tile-speaker--3 .tile-speaker__img {
    right: -50px;
    bottom: -10px;
}

.tile-speaker--3:hover .tile-speaker__img {
    right: -40px;
    bottom: 0;
}

.tile-speaker--7 .tile-speaker__img {
    right: -40px;
    bottom: -60px;
}

.tile-speaker--7:hover .tile-speaker__img {
    right: -30px;
    bottom: -50px;
}

.tile-speaker__icon {
    position: absolute;
    top: 25px;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    fill: #f95319;
}

.tile-speaker__text {
    margin: 0;
    color: #373737;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.tile-speaker--3 .tile-speaker__text {
    max-width: 180px;
}

.tile-speaker--4 .tile-speaker__text {
    padding: 20px 0 25px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

.tile-blog {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            align-items: flex-start;
    width: 100%;
    height: 100%;
    min-height: 100px;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
    text-decoration: none;
    background-color: #fff;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
}

.tile-blog:hover {
    text-decoration: none;
    box-shadow: 0 5px 30px 2px rgba(0,0,0,.1);
}

.tile-blog--3 {
            flex-wrap: nowrap;

    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
}

.tile-blog__content {
    position: relative;
    z-index: 50;
    padding: 50px 45px 30px;
}

.tile-blog--3 .tile-blog__content {
            flex: 1 1 auto;

    -webkit-box-flex: 1;
       -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
}

.tile-blog--4 .tile-blog__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tile-blog__pic {
    overflow: hidden;
}

.tile-blog__pic img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
}

.tile-blog:hover .tile-blog__pic img {
    -webkit-transform: scale(1.05);
       -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
            transform: scale(1.05);
}

.tile-blog--2 .tile-blog__pic {
    width: 100%;
}

.tile-blog--3 .tile-blog__pic {
            flex: 0 0 290px;
    width: 290px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 290px;
        -ms-flex: 0 0 290px;
}

.tile-blog--4 .tile-blog__pic {
    position: relative;
    width: 100%;
}

.tile-blog__title {
    position: relative;
    margin: 0 0 35px;
    padding-bottom: 24px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
}

.tile-blog__title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 2px;
    content: "";
    background-color: #f95319;
}

.tile-blog--4 .tile-blog__title {
    margin-bottom: 25px;
    text-align: center;
    color: #fff;
}

.tile-blog--4 .tile-blog__title::after {
    left: 50%;
    margin-left: -8px;
}

.tile-blog--5 .tile-blog__title {
    margin-bottom: 25px;
    text-align: center;
}

.tile-blog--5 .tile-blog__title::after {
    left: 50%;
    margin-left: -8px;
}

.tile-blog__text {
    margin: 0;
    color: #373737;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.tile-blog--4 .tile-blog__text {
    text-align: center;
    color: #fff;
}

.tile-blog--5 .tile-blog__text {
    text-align: center;
}

.tile-blog__next {
    margin-top: 34px;
}

.tile-service {
    position: relative;
    display: block;
    min-height: 100px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;
    background-color: #f6f6f6;
}

.tile-service__content {
    position: relative;
    z-index: 10;
    overflow-y: hidden;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.tile-service__title {
    position: relative;
    margin: 0 auto 25px;
    padding-bottom: 25px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
}

.tile-service__title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    content: "";
    background-color: #C1492E;
}

.tile-service__text {
    margin: 0 auto 25px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
    opacity: 1;
    color: #373737;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.tile-service__button {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    padding: 16px 5px 15px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.tile-service__left {
            flex: 0 0 100%;
    max-width: 100%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.tile-service__right {
            flex: 0 0 100%;
    max-width: 100%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.tile-service__quantity {
    display: block;
    width: 85px;
    height: 85px;
    margin: 0 auto 30px;
    padding-top: 25px;
    text-align: center;
    text-transform: uppercase;
    color: #fffefe;
    border-radius: 50%;
    background-color: #C1492E;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 15px;
}

.tile-service__quantity:first-line {
    font-size: 17px;
}

.tile-service__background {
    display: none;
}

.player {
    position: relative;
    display: inline-block;
    width: 62px;
    height: 62px;
    border-radius: 50%;
}

.player--large {
    width: 150px;
    height: 150px;
    background-color: #838383;
}

.player--large:hover {
    background-color: #937a74;
}

.player--big {
    width: 100px;
    height: 100px;
    background-color: #fafafa;
}

.player--big.playing {
    background-color: #faf4f1;
}

.player--big:hover {
    background-color: #faf4f1;
}

.player--mid {
    width: 59px;
    height: 59px;
}

.player--download-big {
    width: 80px;
    height: 80px;
}

.player--regular {
    width: 58px;
    height: 58px;
    background-color: #fafafa;
}

.player--work {
    width: 64px;
    height: 64px;
}

.player--min {
    width: 41px;
    height: 41px;
}

.player--script {
    width: 41px;
    height: 41px;
}

.player--img {
    width: 125px;
    height: 125px;
}

.player--img-mid {
    width: 100px;
    height: 100px;
}

.player__back {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    width: 56px;
    height: 56px;
    transition: all .2s ease;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: transparent;
}

.player__back img {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

.player.playing .player__back {
    background-color: #fff;
}

.player--work.playing .player__back {
    background-color: #f4f4f4;
}

.player--download-big.playing .player__back {
    background-color: #f4f4f4;
}

.player--big .player__back {
    width: 68px;
    height: 68px;
    background-color: transparent;
}

.player--big:hover .player__back {
    background-color: transparent;
}

.player--mid .player__back {
    width: 59px;
    height: 59px;
    background-color: #fafafa;
}

.player--mid:hover .player__back {
    background-color: #faf4f1;
}

.player--mid.playing .player__back {
    background-color: #faf4f1;
}

.player--download-big .player__back {
    width: 70px;
    height: 70px;
    background-color: #f4f4f4;
}

.player--download-big:hover .player__back {
    background-color: #f4f4f4;
}

.player--regular .player__back {
    width: 40px;
    height: 40px;
    background-color: #f1f1f1;
}

.player--regular:hover .player__back {
    background-color: #faf4f1;
}

.player--work .player__back {
    width: 57px;
    height: 57px;
    background-color: #f1f1f1;
}

.player--work:hover .player__back {
    background-color: #faf4f1;
}

.player--min .player__back {
    width: 35px;
    height: 35px;
    background-color: #f6f6f6;
}

.player--min:hover .player__back {
    background-color: #fbdfd4;
}

.player--min.playing .player__back {
    background-color: #f6f6f6;
}

.player--script .player__back {
    width: 37px;
    height: 37px;
    background-color: #f3f3f3;
}

.player--script:hover .player__back {
    background-color: #fbdfd4;
}

.player--script.playing .player__back {
    background-color: #f3f3f3;
}

.player--img .player__back {
    overflow: hidden;
    width: 115px;
    height: 115px;
    background-color: #f6f6f6;
}

.player--img .player__back img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.player--img:hover .player__back {
    background-color: #fbdfd4;
}

.player--img-mid .player__back {
    overflow: hidden;
    width: 90px;
    height: 90px;
    background-color: #f6f6f6;
}

.player--img-mid .player__back img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}

.player__progress {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.player.playing .player__progress,
.player.pause .player__progress {
    z-index: 10;
    opacity: 1;
}

.player__timer {
    position: absolute;
    top: -28px;
    display: none;
    width: 100%;
    text-align: center;
    color: #b4b4b4;
    font-size: 13px;
}

.player.playing .player__timer,
.player.pause .player__timer {
    display: block;
}

.player__button {
    position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    display: block;
    width: 42px;
    height: 42px;
    padding: 0;
    transition: all .2s ease;
    transform: translate(-50%, -50%);
    border: none;
    border-radius: 50%;
    background-color: #fff;
}

.player--big .player__button {
    width: 68px;
    height: 68px;
    background-color: #e7e7e7;
}

.player--big:hover .player__button {
    background-color: #ebcec2;
}

.player--large .player__button {
    width: 100px;
    height: 100px;
    background-color: #e7e7e7;
}

.player--large:hover .player__button {
    background-color: #e7e7e7;
}

.player--mid .player__button {
    width: 39px;
    height: 39px;
    background-color: #e7e7e7;
}

.player--mid:hover .player__button {
    background-color: #ebcec2;
}

.player--download-big .player__button {
    width: 30px;
    height: 30px;
    background-color: #f4f4f4;
}

.player--download-big .player__button:hover {
    background-color: #f4f4f4;
}

.player--regular .player__button {
    width: 46px;
    height: 46px;
    background-color: #e7e7e7;
}

.player--regular:hover .player__button {
    background-color: #ebcec2;
}

.player--work .player__button {
    width: 57px;
    height: 57px;
    background-color: #f1f1f1;
}

.player--work:hover .player__button {
    background-color: #f1f1f1;
}

.player--min .player__button {
    width: 23px;
    height: 23px;
    background-color: #e7e7e7;
}

.player--min:hover .player__button {
    background-color: #ff5b1b;
}

.player--script .player__button {
    width: 37px;
    height: 37px;
    background-color: #f3f3f3;
}

.player--script:hover .player__button {
    background-color: #f3f3f3;
}

.player--img .player__button {
    top: 16%;
    left: 15%;
    width: 43px;
    height: 43px;
    opacity: 1;
    border: 2px solid #fff;
    background-color: #e9e9e9;
}

.player--img.playing .player__button {
    opacity: 1;
}

.player--img .player__button:hover {
    background-color: #e9e9e9;
}

.player--img-mid .player__button {
    top: 16%;
    left: 15%;
    width: 43px;
    height: 43px;
    opacity: 1;
    border: 2px solid #fff;
    background-color: #e9e9e9;
}

.player__button.no-demo {
    opacity: 1;
}

.player__icon-play,
.player__icon-pause {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    -webkit-transition: fill .2s ease;
       -moz-transition: fill .2s ease;
         -o-transition: fill .2s ease;
            transition: fill .2s ease;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.player--min .player__icon-play,
.player--min .player__icon-pause,
.player--script .player__icon-play,
.player--script .player__icon-pause {
    left: 53%;
}

.player--mid .player__icon-play,
.player--mid .player__icon-pause {
    left: 52%;
}

.player--work .player__icon-play,
.player--work .player__icon-pause {
    left: 52%;
}

.player--download-big .player__icon-play,
.player--download-big .player__icon-pause {
    left: 52%;
}

.player--regular .player__icon-play,
.player--regular .player__icon-pause {
    left: 52%;
}

.player__icon-play {
    width: 13px;
    height: 13px;
    opacity: 1;
    fill: #c6c6c6;
}

.player__button:hover .player__icon-play {
    fill: #f95319;
}

.player.playing .player__icon-play {
    opacity: 0;
}

.player--big .player__icon-play {
    width: 15px;
    height: 15px;
    fill: #212121;
}

.player--big:hover .player__icon-play {
    fill: #C1492E;
}

.player--large .player__icon-play {
    left: 52%;
    width: 27px;
    height: 27px;
    fill: #212121;
}

.player--large:hover .player__icon-play {
    fill: #C1492E;
}

.player--mid .player__icon-play {
    width: 10px;
    height: 10px;
    fill: #212121;
}

.player--mid:hover .player__icon-play {
    fill: #C1492E;
}

.player--regular .player__icon-play {
    width: 10px;
    height: 10px;
    fill: #212121;
}

.player--regular:hover .player__icon-play {
    fill: #C1492E;
}

.player--work .player__icon-play {
    width: 15px;
    height: 15px;
    fill: #C1492E;
}

.player--work:hover .player__icon-play {
    fill: #C1492E;
}

.player--download-big .player__icon-play {
    width: 16px;
    height: 16px;
    fill: #212121;
}

.player--download-big .player__button:hover .player__icon-play {
    fill: #C1492E;
}

.player--min .player__icon-play {
    width: 7px;
    height: 7px;
    fill: #212121;
}

.player--min:hover .player__icon-play {
    fill: #fff;
}

.player--script .player__icon-play {
    width: 10px;
    height: 10px;
    fill: #212121;
}

.player--script:hover .player__icon-play {
    fill: #f94e1e;
}

.player--img .player__icon-play {
    width: 13px;
    height: 13px;
    -webkit-transform: translate(-45%, -50%);
       -moz-transform: translate(-45%, -50%);
        -ms-transform: translate(-45%, -50%);
         -o-transform: translate(-45%, -50%);
            transform: translate(-45%, -50%);
    background-color: transparent;
    background-image: url("../img/play.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.player--img-mid .player__icon-play {
    width: 13px;
    height: 13px;
    fill: #C1492E;
}

.player__icon-pause {
    width: 10px;
    height: 10px;
    opacity: 0;
    fill: #C1492E;
}

.player.playing .player__icon-pause {
    opacity: 1;
}

.player--big .player__icon-pause {
    width: 18px;
    height: 18px;
    fill: #C1492E;
}

.player--large .player__icon-pause {
    width: 27px;
    height: 27px;
    fill: #C1492E;
}

.player--mid .player__icon-pause {
    width: 12px;
    height: 12px;
    fill: #C1492E;
}

.player--regular .player__icon-pause {
    width: 12px;
    height: 12px;
    fill: #212121;
}

.player--regular:hover .player__icon-pause {
    fill: #C1492E;
}

.player--work .player__icon-pause {
    width: 15px;
    height: 15px;
    fill: #C1492E;
}

.player--work:hover .player__icon-pause {
    fill: #C1492E;
}

.player--download-big .player__icon-pause {
    width: 16px;
    height: 16px;
    fill: #212121;
}

.player--download-big .player__button:hover .player__icon-pause {
    fill: #C1492E;
}

.player--min .player__icon-pause {
    width: 9px;
    height: 9px;
    fill: #212121;
}

.player--min:hover .player__icon-pause {
    fill: #fff;
}

.player--script .player__icon-pause {
    width: 11px;
    height: 11px;
    fill: #f94e1e;
}

.player--img .player__icon-pause {
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-45%, -50%);
       -moz-transform: translate(-45%, -50%);
        -ms-transform: translate(-45%, -50%);
         -o-transform: translate(-45%, -50%);
            transform: translate(-45%, -50%);
    background-color: transparent;
    background-image: url("../img/pause.png");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
            background-size: contain;
}

.player--img.playing .player__icon-pause {
    opacity: 1;
}

.player--img-mid .player__icon-pause {
    width: 14px;
    height: 14px;
    fill: #fff;
}

.player--img-mid.playing .player__icon-pause {
    opacity: 1;
    fill: #ff5b13;
}

.player--img-mid:hover .player__icon-pause {
    fill: #ff5b13;
}

.player__download {
    position: absolute;
    top: 16px;
    right: -32px;
    display: inline-block;
    text-decoration: none;
}

.player--download-big .player__download {
    top: 28px;
}

.player__download .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #b0b0b0;
}

.player__download:hover {
    text-decoration: none;
}

.player__download:hover .svg-icon {
    fill: #f95f3a;
}

.player-block {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.player-block__player {
            flex: 0 0 auto;
    margin-right: 20px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.player-block__caption {
    margin: 0;
    color: #252525;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.player-line {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 13px;
}

.player-line::before {
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 0;
    left: 27px;
    height: 4px;
    content: "";
    border-radius: 2px;
    background-color: #d7d7d7;
}

.player-line__progress {
    position: absolute;
    top: 4px;
    right: 0;
    left: 27px;
    height: 4px;
    opacity: 0;
    border-radius: 2px;
    background-color: #d7d7d7;
}

.player-line.playing .player-line__progress {
    z-index: 10;
    opacity: 1;
}

.player-line__button {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    border: none;
    background-color: #fff;
}

.player-line__icon-play {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 13px;
    height: 13px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    opacity: 1;
    fill: #f95319;
}

.player-line__button:hover .player-line__icon-play {
    top: -1px;
    left: -1px;
    width: 15px;
    height: 15px;
    fill: #f95319;
}

.player-line.playing .player-line__icon-play {
    opacity: 0;
}

.player-line__icon-pause {
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    width: 11px;
    height: 11px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    opacity: 0;
    fill: #f95319;
}

.player-line__button:hover .player-line__icon-pause {
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
    fill: #ff5b13;
}

.player-line.playing .player-line__icon-pause {
    opacity: 1;
}

.logo {
    display: inline-block;
}

.logo__link {
    display: block;
    text-decoration: none;
}

.logo__link:hover {
    text-decoration: none;
}

.logo__img {
    display: block;
    width: 156px;
    border: 0;
}

.header.fixed .logo__img {
    height: 40px;
}

.social {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    width: 185px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.social--contacts {
            justify-content: flex-start;
    width: 100%;

    -webkit-box-pack: start;
       -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
}

.social--wide {
            justify-content: space-between;
    width: 100%;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.social__button {
    display: inline-block;
            flex: 0 0 25px;
    max-width: 25px;
    font-size: 16px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 25px;
        -ms-flex: 0 0 25px;
}

.social__button .svg-icon {
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    fill: #9e9e9e;
}

.social__button:hover .svg-icon {
    fill: #f95f3a;
}

.social--contacts .social__button:not(:last-child) {
    margin-right: 10px;
}

.social--contacts .social__button .svg-icon {
    fill: #bcbcbc;
}

.social--contacts .social__button:hover .svg-icon {
    fill: #f95f3a;
}

.share {
    display: block;
}

.share__title {
    margin: 0 0 25px;
    text-align: center;
    color: #1d1d1d;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

.share__links {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.share__link {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 8px;
}

.share__link .svg-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    fill: #272727;
}

.share__link:hover .svg-icon {
    fill: #f95f3a;
}

.phone {
    display: inline-block;
}

.phone__phone {
    display: block;
    margin: 0 0 5px;
    -webkit-transition: color .2s ease;
       -moz-transition: color .2s ease;
         -o-transition: color .2s ease;
            transition: color .2s ease;
    text-decoration: none;
    letter-spacing: -.025em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.phone__phone:hover {
    text-decoration: none;
    color: #f95f3a;
}

.phone__icon {
    display: none;
}

.phone__callback {
    display: block;
    text-align: right;
    text-decoration: underline;
    color: #989898;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.phone__callback:hover {
    text-decoration: none;
    color: #f95f3a;
}

.contacts-footer {
    display: block;
}

.contacts-footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin-right: -15px;
    margin-left: -15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.contacts-footer__col {
            flex: 0 0 50%;
    width: 50%;
    margin-bottom: 25px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
}

.contacts-footer__title {
    margin: 0 0 35px;
    padding-left: 40px;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.contacts-footer__contact {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 15px;
    padding-left: 40px;
    font-style: normal;
}

.contacts-footer__icon {
    position: absolute;
    top: 1px;
    left: 0;
    fill: #f95319;
}

.contacts-footer__caption {
    margin: 0;
    color: #131313;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
}

.contacts-footer__text {
    margin: 5px 0 0;
    color: #7c7c7c;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.contacts-footer__phone {
    display: block;
    margin-bottom: 12px;
    text-decoration: none;
    letter-spacing: -.025em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.contacts-footer__phone2 {
    display: block;
    margin-bottom: 12px;
    text-decoration: none;
    letter-spacing: -.025em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.contacts-footer__phone:hover,
.contacts-footer__phone2:hover {
    text-decoration: none;
    color: #f95f3a;
}

.contacts-footer__email,
.contacts-footer__skype {
    text-decoration: underline;
    letter-spacing: .06em;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
}

.contacts-footer__email:hover,
.contacts-footer__skype:hover {
    text-decoration: underline;
    color: #f95f3a;
}

.contacts-footer__email {
    font-weight: 500;
}

.contacts-footer__skype {
    text-decoration: none;
}

.contacts-footer__skype:hover {
    text-decoration: none;
}

.scroll-to-top {
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 50%;
    display: inline-block;
    width: 65px;
    height: 61px;
    padding-top: 30px;
    -webkit-transition: opacity 1.5s ease, color .3s ease, background-color .3s ease;
       -moz-transition: opacity 1.5s ease, color .3s ease, background-color .3s ease;
         -o-transition: opacity 1.5s ease, color .3s ease, background-color .3s ease;
            transition: opacity 1.5s ease, color .3s ease, background-color .3s ease;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    color: rgba(0,0,0,.5);
    border: none;
    background-color: rgba(210,210,210,.85);
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
}

.scroll-to-top::before {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    opacity: 0;
    background-color: #ddd;
    background-image: -webkit-linear-gradient(49deg, #e72c2c 0%, #f94e1e 100%);
    background-image:    -moz-linear-gradient(49deg, #e72c2c 0%, #f94e1e 100%);
    background-image:      -o-linear-gradient(49deg, #e72c2c 0%, #f94e1e 100%);
    background-image:         linear-gradient(41deg, #e72c2c 0%, #f94e1e 100%);
}

.scroll-to-top::after {
    position: absolute;
    z-index: 20;
    top: 22px;
    left: 25px;
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 1px;
    border-style: solid none none solid;
    border-color: #000;
}

.scroll-to-top span {
    position: relative;
    z-index: 20;
}

.scroll-to-top:hover {
    color: #fff;
    background-color: #ddd;
}

.scroll-to-top:hover::before {
    opacity: 1;
}

.scroll-to-top:hover::after {
    border-color: #fff;
}

.scroll-to-top.visible {
    opacity: 1;
}

.steps {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    list-style: none;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.steps__step {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
            flex: 0 0 auto;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.steps__step:hover {
    text-decoration: none;
}

.steps__icon {
    display: inline-block;
    flex: 0 0 auto;
    margin-right: 22px;
    fill: #C1492E;
}

.steps__caption {
    display: inline-block;
            flex: 0 1 auto;
    max-width: 200px;
    margin: 0;
    color: #242424;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.375;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.steps__caption:hover {
    color: #e53b00;
}

.steps__icon-next {
    display: inline-block;
            flex: 0 0 auto;
    margin-right: 15px;
    fill: #bebebe;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.advantages {
    display: block;
}

.advantages__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.advantages__item {
    position: relative;
    display: inline-block;
            flex: 0 0 25%;
    width: 25%;
    margin: 0;
    padding: 75px 25px 0;
    text-align: center;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
}

.advantages__icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    fill: #f95319;
}

.advantages__caption {
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.advantages__text {
    margin: 0;
    padding: 0 5px;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.advantages__counter {
    margin: 20px 20px 0;
    padding: 15px;
    border: 2px solid #f94e1e;
    border-radius: 2px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

.advantages .slick-prev,
.advantages .slick-next {
    position: absolute;
    top: 0;
    margin-top: 0;
}

.advantages .slick-prev {
    left: 50%;
    margin-left: -40px;
}

.advantages .slick-next {
    right: auto;
    left: 50%;
    margin-left: 2px;
}

.reviews {
    display: block;
    width: 100%;
}

.reviews__review {
    position: relative;
    width: 400px;
    min-height: 270px;
    margin: 0 17px;
    padding: 55px 30px;
    background-color: #fff;
}

.reviews__name {
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.reviews__company {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 24px;
    text-align: center;
    color: #9f9f9f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.reviews__company::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    content: "";
    background-color: #f95319;
}

.reviews__text {
    margin: 0 0 15px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.reviews .slick-prev,
.reviews .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -19px;
}

.reviews .slick-prev {
    left: -60px;
}

.reviews .slick-next {
    right: -60px;
}

.audio-collection {
    display: block;
    background-color: #f4f4f4;
}

.audio-collection__top {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    padding: 31px 55px 25px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.audio-collection__title {
            flex: 0 0 auto;
    margin: 0;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.audio-collection__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
            flex: 0 0 auto;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.audio-collection__tab {
    display: inline-block;
    padding: 8px 20px;
    transition: all .2s ease;
    color: #191919;
    border: none;
    border-radius: 2px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.audio-collection__tab.active {
    cursor: default;
    color: #939393;
    background-color: #eaeaea;
}

.audio-collection__tab:not(.active):hover {
    color: #f95319;
}

.audio-collection__pages {
    display: block;
}

.audio-collection__page {
    display: none;
    width: 100%;
}

.audio-collection__page.active {
    display: block;
}

.audio-collection__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    width: 100%;
    padding-top: 20px;
    padding-right: 55px;
    padding-bottom: 20px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.audio-collection__item::before {
    position: absolute;
    top: 0;
    right: 55px;
    left: 55px;
    display: block;
    height: 1px;
    content: "";
    background-color: #e4e4e4;
}

.audio-collection__item.active {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ededed;
}

.audio-collection__item.active::before {
    display: none;
}

.audio-collection__item.active+ .audio-collection__item::before {
    display: none;
}

.audio-collection__audio {
            flex: 0 0 130px;
    max-width: 130px;
    padding-left: 45px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 130px;
        -ms-flex: 0 0 130px;
}

.audio-collection__item-info {
            flex: 1 1 420px;
    padding-right: 20px;

    -webkit-box-flex: 1;
       -moz-box-flex: 1;
    -webkit-flex: 1 1 420px;
        -ms-flex: 1 1 420px;
}

.audio-collection__caption {
    margin: 0;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.audio-collection__category {
    margin: 0;
    opacity: .55;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

.audio-collection__comment {
    display: none;
    margin: 5px 0 0;
    opacity: .45;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.audio-collection__item.active .audio-collection__comment {
    display: block;
}

.audio-collection__download {
            flex: 0 0 auto;
    text-decoration: none;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.audio-collection__download .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #b0b0b0;
}

.audio-collection__download:hover {
    text-decoration: none;
}

.audio-collection__download:hover .svg-icon {
    fill: #f95f3a;
}

.link-brief {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: column wrap;
            justify-content: center;
            align-items: center;
    text-decoration: none;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.link-brief:hover {
    text-decoration: none;
}

.link-brief--order {
    display: block;
    text-align: center;
}

.link-brief__icon {
    display: inline-block;
            flex: 0 0 auto;
    margin-bottom: 25px;
    fill: #fa6439;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.link-brief--order .link-brief__icon {
    margin-bottom: 20px;
}

.link-brief__caption {
    display: inline-block;
            flex: 0 1 auto;
    text-decoration: underline;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fa6439;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.link-brief:hover .link-brief__caption {
    text-decoration: none;
}

.link-brief--order .link-brief__caption {
    text-decoration: none;
    letter-spacing: .025em;
    text-transform: none;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.link-brief--order .link-brief__caption a {
    text-decoration: underline;
    color: #060606;
    font-weight: 500;
}

.link-brief--order .link-brief__caption a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.script-price {
    display: inline-block;
    width: 100%;
    max-width: 318px;
    padding: 35px 45px 40px;
    background-color: #f4f4f4;
}

.script-price__title {
    margin: 0 0 35px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.script-price__options {
    display: block;
    width: 100%;
    margin: 0 0 35px;
    padding: 18px 0;
    list-style: none;
    text-align: left;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.script-price__option {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    margin: 8px 0;
    padding: 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.script-price__caption {
            flex: 1 1 auto;
    margin: 0 10px 0 0;
    color: #888;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;

    -webkit-box-flex: 1;
       -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
}

.script-price__value {
            flex: 1 1 auto;
    margin: 0 0 0 10px;
    text-align: right;
    color: #181818;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;

    -webkit-box-flex: 1;
       -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
}

.script-price__price {
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
}

.script-price__button {
    display: block;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    letter-spacing: .2em;
}

.scripts {
    display: block;
}

.scripts__icon {
    margin-right: 10px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
}

.scripts__icon--info {
    fill: #118e17;
}

.scripts__icon--game {
    fill: #fcac00;
}

.scripts__icon--vocal {
    fill: #ff5b1b;
}

.scripts__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;
    margin: 0 -8px 50px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.scripts__button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
    height: 42px;
    margin: 0 8px 10px;
    padding: 0 20px;
    transition: all .2s ease;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #0b0b0b;
    border: 1px solid #dedede;
    border-radius: 2px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.scripts__button .svg-icon {
    position: relative;
    margin-bottom: 1px;
}

.scripts__button.active .svg-icon {
    fill: #fff;
}

.scripts__button--info:hover {
    color: #118e17;
}

.scripts__button--info.active {
    color: #fff;
    border-color: #118e17;
    background-color: #118e17;
}

.scripts__button--game:hover {
    color: #fcac00;
}

.scripts__button--game.active {
    color: #fff;
    border-color: #fcac00;
    background-color: #fcac00;
}

.scripts__button--vocal:hover {
    color: #ff5b1b;
}

.scripts__button--vocal.active {
    color: #fff;
    border-color: #ff5b1b;
    background-color: #ff5b1b;
}

.scripts__scripts {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.scripts__script {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row wrap;
            align-items: center;
            flex: 0 0 210px;
    width: 210px;
    height: 142px;
    margin: 0;
    padding: 10px 20px 5px 35px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 210px;
        -ms-flex: 0 0 210px;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.scripts__script::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -1px;
    bottom: -1px;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    border: 1px solid #e4e4e4;
}

.scripts__script:hover::before {
    z-index: 10;
    border-color: #ff5b1b;
}

.scripts__caption,
.scripts__icon,
.scripts__script .player {
    position: relative;
    z-index: 10;
}

.scripts__caption {
    display: block;
            flex: 0 0 100%;
    width: 100%;
    margin: -20px 0 0;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.scripts__caption a {
    text-decoration: underline;
    font-weight: 500;
}

.faq-block {
    position: relative;
    display: inline-block;
    min-width: 30px;
    min-height: 30px;
    padding-right: 27px;
}

.faq-block__download {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    text-decoration: none;
}

.faq-block__download .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #f94e1e;
}

.faq-block__download:hover .svg-icon {
    fill: #e73706;
}

.faq-block__img {
    display: block;
    max-width: 100%;
    height: auto;
    border: solid 1px #ccc;
}

.faq {
    display: block;
    padding: 45px 40px 40px 40px;
    background-color: #fff;
}

.faq__items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: faq;
}

.faq__item {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 50px 30px 50px;
}

.faq__item::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 26px;
    height: 26px;
    content: counter(faq);
    counter-increment: faq;
    text-align: center;
    color: #191919;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 26px;
}

.faq__question {
    margin: 0 0 25px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.faq__answer {
    *zoom: 1;
}

.faq__answer:before,
.faq__answer:after {
    display: table;
    content: "";
}

.faq__answer:after {
    clear: both;
}

.faq__answer p {
    margin: 0 0 20px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.faq__answer p a {
    text-decoration: underline;
    color: #070707;
    font-weight: 400;
}

.faq__answer p a:hover {
    color: #C1492E;
}

.faq__block {
    margin-bottom: 10px;
}

.faq__link-download {
    margin-right: 30px;
    margin-bottom: 15px;
}

.faq__rules {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    width: 100%;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.faq__rule {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 20px;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px solid #e7e7e7;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
}

.faq__rule:last-child {
    border: none;
}

.faq__player {
    margin-right: 30px;
    margin-bottom: 15px;
}

.faq__faq-block {
    float: left;
    margin-right: 40px;
    margin-bottom: 15px;
}

.map {
    display: block;
}

.vars {
    display: block;
    padding: 15px;
    background-color: #efefef;
}

.vars__title {
    margin: 0 0 12px;
    text-align: center;
    color: #8d8d8d;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}

.vars__items {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vars__item {
    display: inline-block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0 5px 2px;
    padding: 0;
}

.vars__item a {
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    text-decoration: none;
    color: #2c2c2c;
    border-radius: 50%;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
}

.vars__item a:hover {
    text-decoration: none;
    background-color: #dbdbdb;
}

.vars__item a.active {
    color: #fff;
    background-color: #ff5b1b;
}

.vars__more-link {
    display: inline-block;
    margin-top: 8px;
    text-align: center;
    text-decoration: underline;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}

.tag {
    position: relative;
    display: inline-block;
    min-height: 21px;
    padding: 3px 22px 4px 6px;
    color: #fff;
    border-radius: 2px;
    background-color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 15px;
}

.tag__close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 11px;
    height: 11px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #fff;
}

.tag__close::before,
.tag__close::after {
    position: absolute;
    top: 5px;
    left: 3px;
    display: block;
    width: 7px;
    height: 1px;
    content: "";
    transition: all .2s ease;
    background-color: #ff5d1d;
}

.tag__close::before {
    transform: rotate(45deg);
}

.tag__close::after {
    transform: rotate(-45deg);
}

.tag__close:hover::before,
.tag__close:hover::after {
    background-color: #ae3100;
}

.filter-price {
    display: block;
    width: 100%;
}

.filter-price__inputs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
}

.filter-price__input {
    position: relative;
    width: calc(50% - 20px);
    margin-bottom: 20px;
    word-wrap: break-word;
}

.filter-price__input:first-child::after {
    position: absolute;
    top: 50%;
    right: -25px;
    display: block;
    width: 12px;
    height: 1px;
    content: "";
    background-color: #b6b6b6;
}

.filter-section {
    display: block;
    padding: 25px 0;
    border-top: 1px solid #EAD2CC;
}
.filter-section-hidden {
    display: none;
}

.filter-section--no-border {
    border: none;
}

.filter-section__title {
    position: relative;
    display: block;
    margin: 0;
    padding-right: 15px;
    cursor: pointer;
    user-select: none;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.filter-section__title::after {
    position: absolute;
    top: 8px;
    right: 2px;
    width: 8px;
    height: 5px;
    content: "";
    transition: all .2s ease;
    border-width: 0 4px 5px 4px;
    border-style: solid;
    border-color: transparent transparent #EAD2CC transparent;
}

.filter-section.collapsed .filter-section__title::after {
    border-width: 5px 4px 0 4px;
    border-color: #EAD2CC transparent transparent transparent;
}

.filter-section__title:hover:after {
    border-color: transparent transparent #505050 transparent;
}

.filter-section.collapsed .filter-section__title:hover::after {
    border-color: #505050 transparent transparent transparent;
}

.filter-section__content {
    padding-top: 20px;
}

.filter-section__content:empty {
    display: none;
    padding-top: 0;
}

.filter {
    display: block;
    padding: 35px 37px;
    border-radius: 35px;
    background-color: #F4F4F4;
}

.filter.on {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 600;
    overflow-y: auto;
}

.filter__title {
    margin: 0 0 15px;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
}

.filter .form-item__input input {
    height: 35px;
    border-radius: 5px;
    border: none;
}

.filter .form-item-hidden {
    display: none;
}

.filter__tags {
    display: block;
    margin: 0 -5px 10px 0;
}

.filter__tag {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.filter__reset {
    display: block;
    margin: 0 0 5px;
    transition: all .2s ease;
    text-decoration: none;
    color: #1a1a1a;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.1;
}

.filter__reset span {
    transition: all .2s ease;
    border-bottom: 1px dotted #1a1a1a;
}

.filter__reset:hover {
    text-decoration: none;
    color: #ff5b1b;
}

.filter__reset:hover span {
    border-bottom-color: #ff5b1b;
}

.filter__lang {
    display: block;
}

.filter__lang:not(:last-child) {
    margin-bottom: 15px;
}

.filter__popular-filter {
    display: block;
    margin: 0 0 10px;
    text-decoration: underline;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

.filter__popular-filter:hover {
    text-decoration: underline;
    color: #d73c00;
}

.filter__submit {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #fff;
    margin: 0 auto 15px;
    padding: 15px;
    background: #3B4173;
    border-radius: 15px;
    text-transform: none;
    letter-spacing: unset;
}

.filter__submit:hover {
    background: #5E67B3;
    color: #fff;
}

.filter__close-bottom {
    position: relative;
    width: 100%;
    top: 0;
    right: 0;
    font-size: 15px;
    background: #fff;
    height: auto;
    color: #3B4173;
    border: 1px solid #3B4173;
    padding: 15px 15px 13px;
    border-radius: 15px;
    text-transform: none;
    letter-spacing: unset;
}
.filter__close-bottom::before, .filter__close-bottom::after {
    display: none;
}
.filter__close-bottom:hover {
    color: #fff;
    background: #3B4173;
}

.filter__apply {
    position: absolute;
    z-index: 110;
    top: 800px;
    left: 275px;
    display: none;
    height: 25px;
    padding: 2px 12px 3px;
    cursor: pointer;
    transition: all .2s ease;
    color: #fff;
    border: none;
    border-radius: 2px;
    background-color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.filter__apply::before {
    position: absolute;
    top: 50%;
    left: -5px;
    width: 5px;
    height: 10px;
    margin-top: -5px;
    content: "";
    transition: all .2s ease;
    border-width: 5px 5px 5px 0;
    border-style: solid;
    border-color: transparent #ff5b1b transparent transparent;
}

.filter__apply:hover {
    background-color: #f24400;
}

.filter__apply:hover::before {
    border-color: transparent #f24400 transparent transparent;
}

.filter.on .filter__apply {
    display: inline-block;
}

.filter__checkbox, .filter__radio {
    display: block;
}

.filter__checkbox:not(:last-child), .filter__radio:not(:last-child) {
    margin-bottom: 10px;
}

.pagination {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 795px;
    min-height: 60px;
    margin: 50px auto 30px;
    padding: 10px 30px;
    list-style-type: none;
    border-radius: 2px;
    background-color: #f4f4f4;
}

.pagination .prev {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    transition: all .2s ease;
    text-decoration: none;
    text-transform: uppercase;
    color: #161616;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.pagination .prev.disabled {
    color: #878787;
}

.pagination .prev.disabled span::before {
    border-color: transparent #878787 transparent transparent;
}

.pagination .prev a,
.pagination .prev span {
    display: block;
    padding-left: 30px;
}

.pagination .prev a::before,
.pagination .prev span::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 5px;
    height: 8px;
    margin-top: -5px;
    content: "";
    transition: all .2s ease;
    border-width: 4px 5px 4px 0;
    border-style: solid;
    border-color: transparent #0f0f0f transparent transparent;
}

.pagination .prev a:hover {
    text-decoration: none;
    color: #C1492E;
}

.pagination .prev a:hover::before {
    border-color: transparent #C1492E transparent transparent;
}

.pagination__page {
    display: inline-block;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    margin: 5px 2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #161616;
    border-radius: 50%;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
}

.pagination__page a {
    display: block;
}

.pagination__page:hover {
    background-color: #dbdbdb;
}

.pagination__page:hover a {
    text-decoration: none;
    color: #161616;
}

.pagination__page.current {
    color: #fff;
    background-color: #f94e1e;
}

.pagination .next {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    transition: all .2s ease;
    text-decoration: none;
    text-transform: uppercase;
    color: #161616;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.pagination .next.disabled {
    color: #878787;
}

.pagination .next.disabled span::after {
    border-color: transparent transparent transparent #878787;
}

.pagination .next a,
.pagination .next span {
    display: block;
    padding-right: 30px;
}

.pagination .next a::after,
.pagination .next span::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 5px;
    height: 8px;
    margin-top: -5px;
    content: "";
    transition: all .2s ease;
    border-width: 4px 0 4px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #0f0f0f;
}

.pagination .next a:hover {
    text-decoration: none;
    color: #C1492E;
}

.pagination .next a:hover::after {
    border-color: transparent transparent transparent #C1492E;
}

.sorting {
    display: block;
    font-size: 0;
}

.sorting__label {
    display: inline-block;
    margin: 5px 16px 5px 0;
    vertical-align: middle;
    color: #7D7D7D;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}

.sorting__items {
    display: inline-block;
    margin: 0;
}

.sorting__item {
    display: inline-block;
    margin: 5px 20px 5px 0;
}

.sorting__item:last-child {
    margin-right: 0;
}

.sorting__link {
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}

.sorting__link.desc,
.sorting__link.asc {
    padding-right: 16px;
    color: #C1492E;
}

.sorting__link.desc::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    content: "";
    transition: all .2s ease;
    border-width: 5px 4px 0 4px;
    border-style: solid;
    border-color: #C1492E transparent transparent transparent;
}

.sorting__link.asc::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    margin-top: -2px;
    content: "";
    transition: all .2s ease;
    border-width: 0 4px 5px 4px;
    border-style: solid;
    border-color: transparent transparent #C1492E transparent;
}

.sorting__link:hover {
    text-decoration: none;
    color: #b42f00;
}

.sorting__link.desc:hover::after {
    border-color: #b42f00 transparent transparent transparent;
}

.sorting__link.asc:hover::after {
    border-color: transparent transparent #b42f00 transparent;
}

.chronomer {
    display: block;
    width: 100%;
}

.chronomer__open {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 90px;
    padding: 20px;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #979797;
    border: 1px dashed #a7a7a7;
    border-radius: 2px;
    background-color: transparent;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
}

.chronomer__open:hover {
    color: #f95f3a;
    border-color: #ff6a30;
}

.chronomer.on .chronomer__open {
    display: none;
}

.chronomer__main {
    display: none;
}

.chronomer.on .chronomer__main {
    display: flex;
    flex-flow: row nowrap;
    min-height: 150px;
}

.chronomer__field {
    position: relative;
    flex: 0 1 1065px;
    max-width: 1065px;
    margin: 0 5px 0 0;
}

.chronomer__aside {
    flex: 0 0 200px;
    width: 200px;
    height: 182px;
    padding: 35px 20px 20px;
    text-align: center;
    background-color: #f4f4f4;
}

.chronomer__textarea {
    width: 100%;
    height: 182px;
    padding: 15px 30px 15px 15px;
    resize: none;
    color: #515151;
    border: 1px solid #ff6a30;
    border-radius: 2px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.chronomer__close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.chronomer__close::before,
.chronomer__close::after {
    position: absolute;
    top: 9px;
    left: 3px;
    display: block;
    width: 15px;
    height: 2px;
    content: "";
    transition: all .2s ease;
    background-color: #b9b9b9;
}

.chronomer__close::before {
    transform: rotate(45deg);
}

.chronomer__close::after {
    transform: rotate(-45deg);
}

.chronomer__close:hover::before,
.chronomer__close:hover::after {
    background-color: #676767;
}

.chronomer__duration-value {
    margin: 15px 0 10px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
}

.chronomer__duration-label {
    margin: 0 0 17px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.chronomer__button {
    display: inline-block;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    color: #f95319;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 500;
}

.chronomer__button:hover {
    color: #f95319;
}

.video {
    display: block;
    text-align: center;
}

.video__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000;
}

.video__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 68px;
    height: 48px;
    padding: 0;
    transform: translate(-50%, -50%);
    border: none;
    outline: none;
    background-color: transparent;
}

.video__button-shape {
    fill: #212121;
    fill-opacity: .8;
}

.video:hover .video__button-shape,
.video__button:focus .video__button-shape {
    fill: #f00;
    fill-opacity: 1;
}

.video__button-icon {
    fill: #fff;
}

.video--enabled {
    cursor: pointer;
}

.video--enabled .video__button {
    display: block;
}

.role {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    width: 100%;
    max-width: 270px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.role__img {
    display: block;
            flex: 0 0 auto;
    width: 65px;
    height: 65px;
    margin: 0 20px 0 0;
    border: 0;
    border-radius: 50%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.role__content {
            flex: 0 1 176px;
    max-width: 176px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 176px;
        -ms-flex: 0 1 176px;
}

.role__name {
    display: block;
    margin: 0 0 5px;
    text-decoration: underline;
    color: #141414;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.role__about {
    margin: 0;
    color: #909090;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}

.role__places {
    display: none;
}

.aside-order {
    display: block;
    padding-top: 5px;
    background-color: #fff;
}

.aside-order__section {
    padding: 40px 10px 30px;
}

.aside-order__speaker {
    padding: 50px 10px 10px;
    border-bottom: 1px solid #e9e9e9;
}

.aside-order__title-total {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    opacity: .48;
    color: #0f0f0f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.aside-order__total {
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: -.025em;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: .9;
}

.aside-order__total.text {
    font-size: 30px;
}

.aside-order__comment-total {
    display: block;
    margin: 0;
    text-align: center;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.aside-order__title {
    margin: 0 0 18px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.aside-order__title--underline {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.aside-order__title--underline::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    content: "";
    background-color: #f95319;
}

.aside-order__label {
    margin: 0 0 18px;
    text-align: center;
    letter-spacing: .025em;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

.aside-order__phone {
    display: block;
    margin: 0 0 10px;
    text-align: center;
    text-decoration: none;
    letter-spacing: -.025em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.aside-order__phone:hover {
    text-decoration: none;
    color: #171717;
}

.aside-order__callback {
    display: block;
    margin: 0 0 28px;
    text-align: center;
    text-decoration: underline;
    letter-spacing: .025em;
    color: #f95319;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.aside-order__callback:hover {
    color: #d63b06;
    border-bottom-color: #d63b06;
}

.aside-order__email {
    display: block;
    text-align: center;
    text-decoration: underline;
    letter-spacing: .025em;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.aside-order__email:hover {
    text-decoration: underline;
    color: #e23f00;
}

.aside-order__brief {
    display: block;
    margin: 0;
}

.aside-order__title-speaker {
    margin: 0 0 25px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #0f0f0f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.aside-order__photo {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto 25px;
    border: 0;
    border-radius: 50%;
}

.aside-order__number {
    display: block;
    margin: 0 0 12px;
    text-align: center;
    color: #b4b4b4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.aside-order__name {
    max-width: 230px;
    margin: 0 auto 10px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.typecheck {
    position: relative;
    display: block;
    cursor: pointer;
}

.typecheck::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    background-color: #fff;
    box-shadow: 0 0 0 1px #e3e3e3;
}

.typecheck.checked {
    z-index: 40;
}

.typecheck.checked::before {
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    box-shadow: 0 0 0 2px #ff5b1b;
}

.typecheck:hover {
    z-index: 30;
}

.typecheck:hover::before {
    box-shadow: 0 0 0 1px #ff5b1b;
}

.typecheck__wrapper {
    position: relative;
    z-index: 20;
    padding: 95px 7px 75px;
}

.typecheck--parody .typecheck__wrapper {
    padding: 85px 7px 55px;
}

.typecheck__icon {
    position: absolute;
    top: 50px;
    left: 50%;
    display: inline-block;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.typecheck--parody .typecheck__icon {
    top: 40px;
}

.typecheck--speaker .typecheck__icon .svg-icon,
.typecheck--parody .typecheck__icon .svg-icon {
    width: 20px;
    height: 33px;
    fill: #f95319;
}

.typecheck--vocal .typecheck__icon .svg-icon {
    width: 27px;
    height: 29px;
    fill: #f95319;
}

.typecheck__title {
    min-height: 3em;
    margin: 0;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.typecheck__caption {
    display: block;
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #969696;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.typecheck__number {
    display: block;
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.typecheck__price {
    margin: 0 0 10px;
    text-align: center;
    letter-spacing: .075em;
    color: #f95319;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
}

.typecheck__price strong {
    color: #f95319;
    font-weight: 500;
}

.typecheck__player {
    position: absolute;
    top: 160px;
    right: 15px;
    left: 15px;
    width: auto;
}

.typecheck--parody .typecheck__player {
    top: 190px;
}

.spcheck {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 0 1px #cbcbcb;
}

.spcheck__wrapper {
    padding: 16px 10px;
}

.spcheck--button.active .spcheck__wrapper {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 0 1px #f95319;
}

.spcheck--button .spcheck__wrapper {
    height: 100%;
    min-height: 239px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #cbcbcb;
}

.spcheck--button:hover .spcheck__wrapper {
    position: absolute;
    z-index: 50;
    top: 0;
    right: 0;
    left: 0;
    height: auto;
}

.spcheck--button.active:hover .spcheck__wrapper {
    min-height: 239px;
}

.spcheck__player {
    display: block;
    margin: 0 auto 13px;
}

.spcheck__number {
    margin: 0 0 8px;
    text-align: center;
    color: #b4b4b4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.spcheck__name {
    margin: 0 0 10px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.285;
}

.spcheck__button {
    display: none;
    width: 100%;
    margin: 15px auto 0;
    padding: 5px;
    letter-spacing: .1em;
    font-size: 12px;
}

.spcheck--button:hover .spcheck__button {
    display: block;
}

.spcheck--button.active:hover .spcheck__button {
    display: none;
}

.spcheck__remove {
    position: absolute;
    top: 9px;
    right: 10px;
    display: block;
    width: 15px;
    height: 15px;
    text-decoration: none;
}

.spcheck__remove::before,
.spcheck__remove::after {
    position: absolute;
    top: 7px;
    left: 2px;
    display: block;
    width: 12px;
    height: 1px;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    background-color: #666;
}

.spcheck__remove::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.spcheck__remove::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.spcheck__remove:hover::before,
.spcheck__remove:hover::after {
    background-color: #000;
}

.chrono-res {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: flex-start;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.chrono-res__value {
            flex: 0 0 auto;
    margin-right: 10px;
    letter-spacing: .075em;
    color: #151515;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.chrono-res__caption {
            flex: 0 1 auto;
    max-width: 130px;
    margin: 0;
    padding-top: 3px;
    opacity: .56;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.filter-lang {
    display: block;
    width: 100%;
}

.filter-lang__lang {
    display: block;
    margin: 0;
    text-decoration: none;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    transition: none;
}

.filter-lang__lang--mark {
    text-decoration: underline !important;
    font-weight: 500;
}

.filter-lang__lang.active {
    color: #C1492E;
}

.filter-lang__lang img {
    position: relative;
    top: -1px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-right: 10px;
    vertical-align: middle;
    border: 0;
}

.filter-lang.expandable .filter-lang__lang {
    position: relative;
    padding-right: 20px;
}

.filter-lang.expandable .filter-lang__lang::after {
    position: absolute;
    top: 2px;
    right: 3px;
    display: block;
    width: 5px;
    height: 5px;
    content: "";
    transform: rotate(45deg);
    border-width: 1px;
    border-style: none solid solid none;
    border-color: #333;
}

.filter-lang.expandable.expanded .filter-lang__lang::after {
    top: 4px;
    border-style: solid none none solid;
}

.filter-lang__lang:hover {
    font-weight: 700;
    text-decoration: none;
    color: #C1492E;
}

.filter-lang__dialects {
    display: none;
    margin-top: 8px;
    padding-left: 30px;
}

.filter-lang__link {
    display: block;
    margin: 0 0 5px;
    text-decoration: none;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

.filter-lang__link:hover {
    text-decoration: none;
    color: #f95f3a;
}

.calc {
    display: block;
    width: 100%;
    max-width: 1050px;
    margin-right: auto;
    margin-left: auto;
    padding: 60px 100px 15px;
    border-radius: 2px;
    background-color: #fff;
}

.calc__header {
    margin-bottom: 50px;
    padding-bottom: 1px;
    border-bottom: 1px solid #e2e2e2;
}

.calc__title {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
}

.calc__subtitle {
    max-width: 760px;
    margin: 0 auto 30px;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.calc__subtitle a {
    text-decoration: underline;
    color: #121212;
    font-weight: 500;
}

.calc__subtitle a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.calc__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.calc__col {
            flex: 0 1 410px;
    max-width: 410px;
    margin-bottom: 40px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 410px;
        -ms-flex: 0 1 410px;
}

.calc__col-wide {
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.calc--full .calc-prices {
    display: block;
}

.calc--full .calc-files {
    display: none;
}

.calc--full.calc--ivr .calc-prices {
    display: none;
}

.calc--full.calc--ivr .calc-files {
    display: block;
}

.calc-type {
    display: block;
}

.calc-type__header {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    margin-bottom: 20px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.calc-type--order .calc-type__header {
            flex-wrap: wrap;
            justify-content: center;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: center;
}

.calc-type__input {
    display: none;
}

.calc-type__title {
            flex: 0 0 auto;
    margin: 0 27px 10px 0;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.calc-type--order .calc-type__title {
            flex: 0 0 100%;
    margin: 0 0 10px;
    text-align: center;
    text-align: left;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.calc-type__subtitle {
            flex: 0 1 auto;
    margin: 0 0 10px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.calc-type--order .calc-type__subtitle {
            flex: 0 0 100%;
    margin-bottom: 5px;
    text-align: left;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.calc-type__subtitle a {
    text-decoration: underline;
    color: #383838;
    font-weight: 500;
}

.calc-type__subtitle a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.calc-type__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            align-items: center;
    margin: 0 -5px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.calc-type--order .calc-type__buttons {
    margin: -5px -5px;
}

.calc-type__button {
            flex: 0 0 auto;
    margin: 0 15px 10px 5px;
    padding: 20px 33px;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    color: #171717;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.calc-type__button:hover {
    text-decoration: none;
    color: #171717;
    border: 1px solid #ff5b1b;
}

.calc-type__button.active {
    text-decoration: none;
    color: #fff;
    border-color: #ff5b1b;
    background-color: #ff5b1b;
}

.calc-type__button.active:hover {
    color: #fff;
}

.calc-write {
    display: block;
}

.calc-write__title {
    margin: 0 0 5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-write__subtitle {
    margin: 0 0 20px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.285;
}

.calc-write__field {
    display: inline-block;
    width: auto;
}

.calc-files {
    display: block;
}

.calc-files__title {
    margin: 0 0 5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-files__subtitle {
    margin: 0 0 15px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.285;
}

.calc-prices {
    display: block;
}

.calc-prices__title {
    margin: 0 0 10px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-prices__items {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
}

.calc-prices__item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    margin: 0 0 4px;
    padding: 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.calc-prices__item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 14px;
    content: "";
    border-bottom: 1px dotted #aaa;
}

.calc-prices__caption {
    position: relative;
    z-index: 10;
    display: inline-block;
            flex: 0 1 auto;
    margin-right: 5px;
    text-align: left;
    color: #383838;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.285;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.calc-prices__value {
    position: relative;
    z-index: 10;
            flex: 0 0 auto;
    margin-left: 5px;
    text-align: right;
    color: #383838;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.285;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.calc-prices__link-more {
    display: inline-block;
    margin: 0;
    text-decoration: underline;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.calc-prices__link-more:hover {
    color: #f95f3a;
    border-bottom-color: #f95f3a;
}

.calc-speakers {
    display: block;
}

.calc-speakers__title {
    margin: 0 0 25px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-speakers__field {
    max-width: 340px;
}

.calc-fee {
    display: block;
}

.calc-fee__title {
    margin: 0 0 5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-fee__subtitle {
    margin: 0 0 15px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.285;
}

.calc-fee__field {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.calc-music {
    display: block;
}

.calc-music__title {
    margin: 0 0 25px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-music__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    margin: 0 0 -20px;
    padding: 0;
    list-style: none;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.calc-music__item {
            flex: 0 0 220px;
    max-width: 220px;
    margin: 0 30px 20px 0;
    padding: 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 220px;
        -ms-flex: 0 0 220px;
}

.calc-music__item:last-child {
    margin-right: 0;
}

.calc-extra {
    display: block;
}

.calc-extra__title {
    margin: 0 0 25px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.calc-extra__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    margin: 0 0 -20px;
    padding: 0;
    list-style: none;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.calc-extra__item {
            flex: 0 0 190px;
    max-width: 190px;
    margin: 0 30px 20px 0;
    padding: 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 190px;
        -ms-flex: 0 0 190px;
}

.calc-extra__item:last-child {
    margin-right: 0;
}

.calc-result {
    display: block;
}

.calc-result__result {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: -.025em;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
}

.calc--autoresponders .calc-result__result {
    font-size: 48px;
}

.calc-result__button {
    display: block;
    width: 100%;
    max-width: 366px;
    margin: 0 auto 20px;
    padding: 15px;
    letter-spacing: .2em;
    font-size: 14px;
}

.calc-result__comment {
    display: block;
    margin: 0;
    text-align: center;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.calc--with-fee .calc-result__comment {
    display: none;
}

.card {
    position: relative;
    display: inline-block;
    width: 200px;
    min-height: 270px;
    padding: 0;
    vertical-align: top;
}

.card.event-host {
    width: 100%;
}

.ios .card {
    min-height: 280px;
}

.card__wrapper {
    position: relative;
    display: block;
    width: 200px;
    height: 100%;
    min-height: 270px;
    padding: 10px 15px 10px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #dfdfdf;
    overflow: hidden;
}

.card.featured .card__wrapper {
    z-index: 10;
    top: -1px;
    left: -1px;
    box-shadow: inset 0 0 0 2px #f95319;
}

.card.vacation .card__wrapper {
    background-color: #e9e9e9;
}

.ios .card__wrapper {
    min-height: 280px;
}

.card__featured {
    position: absolute;
    top: 170px;
    left: 18px;
    transform: rotate(-90deg);
    transform-origin: left top;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #f95319;
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.card__vacation {
    margin: 0 auto 20px;
    padding: 0;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #121212;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.card__top {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    width: 100%;
    min-height: 16px;
    margin: 0 0 10px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.card__favorites {
    display: inline-block;
            flex: 0 0 auto;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    opacity: 0;
    color: #000;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card__favorites .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #191919;
}

.card__favorites:hover {
    text-decoration: none;
    color: #000;
}

.card__favorites:hover .svg-icon {
    fill: #e43b00;
}

.card__favorites.active {
    opacity: 1;
}

.card__favorites.active .svg-icon {
    fill: #C1492E;
}

.card__favorites:hover.active .svg-icon {
    fill: #e43b00;
}

.card__wrapper:hover .card__favorites {
    opacity: 1;
}

.card__number {
    display: inline-block;
            flex: 0 0 auto;
    margin: 0;
    color: #b4b4b4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card__vip {
    display: inline-block;
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card__vip .svg-icon {
    fill: #C1492E;
}

.card__player {
    display: block;
    margin: 0 auto 20px;
}

.card__name {
    margin: 0 0 10px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.card__name a {
    position: relative;
}

.card__name a .svg-icon {
    position: absolute;
    top: 4px;
    right: -23px;
    display: none;
    transition: all .2s ease;
    fill: #C1492E;
}

.card__wrapper:hover .card__name a .svg-icon {
    display: block;
}

.card__name a:hover {
    transition: all .2s ease 0s;
    text-decoration: none;
}

.card__name a:hover .svg-icon {
    transform: translateX(3px);
}

.card__age {
    color: #909090;
}

.card__name a:hover .card__age {
    color: #C1492E;
}

.card__lang {
    margin: 0 0 10px;
    text-align: center;
    color: #545454;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.card__lang img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-right: 8px;
    vertical-align: middle;
    border: 1px solid #dfdfdf;
}

.card__price {
    margin: 0 0 8px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card__price strong {
    font-size: 16px;
    font-weight: 700;
}

.card__price span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
}

.card__price-from {
    color: #121212;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.card__bottom {
    display: none;
    margin-top: 20px;
    text-align: center;
}

.card__wrapper:hover .card__bottom {
    display: block;
}

.card__download-link {
    display: inline-block;
    margin: 0 0 20px;
    text-decoration: none;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.card__download-link:hover {
    text-decoration: none;
    color: #e23f00;
}

.card__vars {
    display: block;
    margin: 0 -15px 22px;
}

.card__descr {
    margin: 0 0 24px;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4;
}

.card__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 50px;
    max-width: 180px;
    margin: 0 auto 18px;
    padding: unset !important;
}

.card__order-link {
    display: inline-block;
    margin: 0 0 20px;
    text-align: center;
    text-decoration: none;
    color: #ff5b1b;
    border-bottom: 1px dotted #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
}

.card__order-link:hover {
    text-decoration: none;
    color: #e23f00;
    border-bottom-color: #e23f00;
}

.card-language {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
    width: 211px;
    min-height: 260px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px #dfdfdf;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-direction: normal;
       -moz-box-direction: normal;
    -webkit-box-orient: vertical;
       -moz-box-orient: vertical;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.ios .card-language {
    min-height: 280px;
}

.card-language:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ff5b1b;
}

.card-language img {
    margin-bottom: 20px;
    border: 1px solid #dfdfdf;
}

.card-video {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: flex-start;
    width: 100%;
    min-height: 240px;
    margin-bottom: 30px;
    background-color: #f4f4f4;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.card-video__video {
    position: relative;
    display: inline-block;
            flex: 0 0 auto;
    min-height: 190px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card-video__video span {
    display: none;
}

.card-video__poster {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.card-video__link {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(174,174,174,.36);
}

.card-video__link .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 30px;
    height: 35px;
    transition: all .2s ease;
    transform: translate(-48%, -50%);
    fill: #fff;
}

.card-video__link:hover .svg-icon {
    fill: #f95319;
}

.card-video__duration {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    padding: 2px 3px 3px;
    color: #fff;
    border-radius: 2px;
    background-color: #0f0f0f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.card-video__content {
            flex: 0 1 auto;
    padding: 20px 30px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.card-video__title {
    margin: 0 0 3px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.card-video__category {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 20px;
    color: #9f9f9f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.card-video__category::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 2px;
    content: "";
    background-color: #f95319;
}

.card-video__descr {
    margin: 0;
    opacity: .58;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.card-video__voices {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #171717;
    font-size: 14px;
    line-height: 59px;
}

.card-video__voices a {
    margin-left: 5px;
    text-decoration: underline;
}

.card-blog {
    position: relative;
    display: block;
    width: 100%;
    min-height: 256px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.card-blog__content {
    position: relative;
    display: block;
    padding: 40px;
    transition: all .3s ease;
    opacity: 1;
}

.card-blog:hover .card-blog__content {
    opacity: 0;
}

.card-blog__button-wrapper {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    text-align: center;
    opacity: 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.card-blog:hover .card-blog__button-wrapper {
    z-index: 10;
    opacity: 1;
}

.card-blog__title {
    position: relative;
    margin: 0 auto 25px;
    padding-bottom: 25px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
}

.card-blog__title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 16px;
    height: 2px;
    margin-left: -8px;
    content: "";
    background-color: #f95319;
}

.card-blog__text {
    overflow-y: hidden;
    max-width: 280px;
    max-height: 5.1em;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.card-speaker {
    position: relative;
    display: inline-block;
    width: 280px;
    padding: 30px 20px 35px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}

.card-speaker:hover .player__button {
    opacity: 1;
}

.card-speaker__number {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-block;
    color: #b4b4b4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.card-speaker__player {
    margin-bottom: 15px;
}

.card-speaker__name {
    margin: 0 0 8px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.card-speaker__name a {
    position: relative;
}

.card-speaker__name a .svg-icon {
    position: absolute;
    top: 4px;
    right: -23px;
    display: block;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #ff6538;
}

.card-speaker__name a:hover {
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
    text-decoration: none;
}

.card-speaker__name a:hover .svg-icon {
    -webkit-transform: translateX(3px);
       -moz-transform: translateX(3px);
        -ms-transform: translateX(3px);
         -o-transform: translateX(3px);
            transform: translateX(3px);
}

.card-speaker__price {
    margin: 0 0 3px;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card-speaker__price strong {
    font-size: 16px;
    font-weight: 700;
}

.card-speaker__download {
    display: inline-block;
    margin: 0 0 15px;
    text-align: center;
    text-decoration: none;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
}

.card-speaker__download:hover {
    text-decoration: none;
    color: #c83800;
}

.card-speaker__text {
    margin: 0 0 18px;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
}

.card-speaker__button {
    margin-bottom: 15px;
    padding: 11px 43px !important;
    letter-spacing: .2em;
    font-size: 12px;
    font-weight: 500;
}

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

.card-speaker__order-link {
    display: inline-block;
    margin: 0;
    text-align: center;
    text-decoration: none;
    color: #ff5b1b;
    border-bottom: 1px dashed #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card-speaker__order-link:hover {
    text-decoration: none;
    color: #c83800;
    border-color: #c83800;
}

.card-price {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.card-price::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    border: 2px solid #f4f4f4;
    background-color: #f4f4f4;
}

.card-price:hover {
    z-index: 30;
}

.card-price__in {
    position: relative;
    z-index: 20;
    padding: 40px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
    background-color: #f4f4f4;
}

.card-price__title {
    margin: 0 -5px 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.285;
}

.card-price__descr {
    margin: 0 0 15px;
    text-align: center;
    opacity: .48;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.285;
}

.card-price__options {
    display: block;
    margin: 0 0 30px;
    padding: 18px 0;
    list-style: none;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.card-price__option {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    margin: 10px 0;
    padding: 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.card-price__option-caption {
            flex: 0 1 auto;
    margin-right: 5px;
    opacity: .62;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.card-price__option-value {
            flex: 0 1 auto;
    color: #151515;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.card-price__option-value b {
    font-weight: 500;
}

.card-price__total {
    margin: 0 0 15px;
    text-align: center;
    color: #717171;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card-price__total strong {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}

.card-price__link {
    display: block;
    margin: 0;
    text-align: center;
    text-decoration: underline;
    color: #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card-price__link:hover {
    text-decoration: underline;
    color: #f8471c;
}

.card-adv {
    position: relative;
    display: inline-block;
    overflow: hidden;
    min-height: 400px;
}

.card-adv__back {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.card-adv--1 .card-adv__back {
    background-image: url("../img/card-adv-1-bg.jpg");
}

.card-adv--2 .card-adv__back {
    background-image: url("../img/card-adv-2-bg.jpg");
}

.card-adv:hover .card-adv__back {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}

.card-adv__content {
    position: relative;
    z-index: 10;
    padding: 100px 40px 50px;
    text-align: center;
}

.card-adv__title {
    margin: 0 0 40px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.card-adv__text {
    max-width: 420px;
    margin: 0 auto 40px;
    text-align: center;
    color: #202020;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.7;
}

.card-adv__button {
    padding: 12px 25px 11px;
    letter-spacing: .2em;
    font-size: 12px;
}

.card-adv__button .svg-icon {
    display: inline-block;
    margin-top: -1px;
    margin-left: 12px;
    -webkit-transition: .2s ease;
       -moz-transition: .2s ease;
         -o-transition: .2s ease;
            transition: .2s ease;
    vertical-align: middle;
}

.card-adv__button:hover .svg-icon {
    margin-right: -2px;
    margin-left: 14px;
}

.card-sim {
    position: relative;
    display: inline-block;
    width: 211px;
    min-height: 260px;
    padding: 0;
    padding: 10px 15px 10px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    vertical-align: top;
    background-color: #fff;
    box-shadow: 0 0 0 1px #dfdfdf;
}

.card-sim.featured {
    z-index: 10;
    box-shadow: 0 0 0 2px #f95319;
}

.card-sim:hover {
    z-index: 50;
    box-shadow: 0 0 0 1px #f95319;
}

.card-sim.featured:hover {
    box-shadow: 0 0 0 2px #f95319, -.5px 15px 40px rgba(185,185,185,.75);
}

.card-sim__link {
    position: absolute;
    z-index: 30;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    text-decoration: none;
}

.card-sim__link:hover {
    text-decoration: none;
}

.card-sim__featured {
    position: absolute;
    top: 230px;
    left: 20px;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
        -ms-transform-origin: left top;
         -o-transform-origin: left top;
            transform-origin: left top;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #f95319;
    font-family: "Roboto", sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.card-sim__top {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    width: 100%;
    min-height: 16px;
    margin: 0 0 15px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.card-sim__favorites {
    display: inline-block;
            flex: 0 0 auto;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    color: #000;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card-sim__favorites .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #191919;
}

.card-sim__favorites:hover {
    text-decoration: none;
    color: #000;
}

.card-sim__favorites:hover .svg-icon {
    fill: #e43b00;
}

.card-sim__favorites.active .svg-icon {
    fill: #f95319;
}

.card-sim__favorites:hover.active .svg-icon {
    fill: #e43b00;
}

.card-sim__number {
    display: inline-block;
            flex: 0 0 auto;
    margin: 0;
    color: #b4b4b4;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card-sim__vip {
    display: inline-block;
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card-sim__vip .svg-icon {
    fill: #f95319;
}

.card-sim__player {
    display: block;
    width: 125px;
    height: 125px;
    margin: 0 auto 20px;
    border-radius: 50%;
}

.card-sim__name {
    margin: 0 0 10px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.card-sim__name a {
    text-decoration: none;
    color: #212121;
}

.card-sim__name a:hover {
    text-decoration: none;
    color: #C1492E;
}

.card-sim__age {
    color: #909090;
}

.card-sim__name a:hover .card-sim__age {
    color: #C1492E;
}

.card-sim__price {
    margin: 0 0 12px;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.card-sim__price a {
    text-decoration: none;
    color: #212121;
}

.card-sim__price a:hover {
    text-decoration: none;
    color: #C1492E;
}

.card-var {
    position: relative;
    display: inline-block;
    width: 210px;
    padding: 40px 30px 30px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    background-color: #fff;
}

.card-var:hover {
    z-index: 50;
    box-shadow: 0 0 0 1px #f95319, -.5px 15px 40px rgba(185,185,185,.75);
}

.card-var:hover .player__download {
    display: inline-block;
}

.card-var__caption {
    display: block;
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #969696;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
}

.card-var__number {
    display: block;
    margin: 0 0 25px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
}

.card-var__player {
    display: block;
    margin: 0 auto 25px;
}

.card-var__price {
    margin: 0 0 30px;
    text-align: center;
    letter-spacing: .075em;
    color: #5c5c5c;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.card-var__price strong {
    color: #151515;
    font-size: 16px;
    font-weight: 500;
}

.card-var__button {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: 12px;
}

.card-service {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 315px;
}

.card-service::before {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    border: 2px solid #fff;
    background-color: #fff;
}

.card-service:hover {
    z-index: 30;
}

.card-service__wrapper {
    position: relative;
    z-index: 20;
    padding: 40px 35px 35px;
    background-color: #fff;
}

.card-service__title {
    margin: 0 0 35px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.card-service__player {
    display: block;
    margin: 0 auto 35px;
}

.card-service__player .player__timer {
    top: 30px;
    left: -40px;
    width: auto;
}

.card-service__price {
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    letter-spacing: .075em;
    color: #5c5c5c;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 52px;
}

.card-service__price strong {
    color: #151515;
    font-size: 20px;
    font-weight: 500;
}

.card-service__descr {
    text-align: center;
    color: #5c5c5c;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.card-service__options {
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.card-service__option {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    margin: 0 0 15px;
    padding: 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.card-service__option-caption {
    display: inline-block;
            flex: 0 0 auto;
    margin: 0;
    color: #5c5c5c;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card-service__option-value {
            flex: 0 0 auto;
    letter-spacing: .075em;
    color: #5c5c5c;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.card-service__option-value strong {
    color: #151515;
    font-size: 16px;
    font-weight: 500;
}

.card-service__button {
    display: block;
    width: 100%;
    max-width: 154px;
    margin: 0 auto;
    padding: 12px;
    font-size: 12px;
}

.card-work {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 315px;
    height: 265px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.card-work--1 .player__back,
.card-work--2 .player__back,
.card-work--6 .player__back,
.card-work--8 .player__back,
.card-work--1 .player__button,
.card-work--2 .player__button,
.card-work--6 .player__button,
.card-work--8 .player__button {
    background-color: #f4f4f4;
}

.card-work--3 .player__back,
.card-work--4 .player__back,
.card-work--5 .player__back,
.card-work--7 .player__back,
.card-work--3 .player__button,
.card-work--4 .player__button,
.card-work--5 .player__button,
.card-work--7 .player__button {
    background-color: #fff;
}

.card-work__back {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.card-work--1 .card-work__back {
    background-image: url("../img/card-work-3-bg.jpg");
}

.card-work--2 .card-work__back {
    background-image: url("../img/card-work-7-bg.jpg");
}

.card-work--3 .card-work__back {
    background-image: url("../img/card-work-3-bg.jpg");
}

.card-work--4 .card-work__back {
    background-image: url("../img/card-work-4-bg.jpg");
}

.card-work--5 .card-work__back {
    background-image: url("../img/card-work-5-bg.jpg");
}

.card-work--6 .card-work__back {
    background-image: url("../img/card-work-3-bg.jpg");
}

.card-work--7 .card-work__back {
    background-image: url("../img/card-work-7-bg.jpg");
}

.card-work--8 .card-work__back {
    background-image: url("../img/card-work-3-bg.jpg");
}

.card-work__content {
    position: relative;
    z-index: 30;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    opacity: 1;
}

.card-work:hover .card-work__content {
    opacity: 0;
}

.card-work__content-hover {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    opacity: 0;
    background-color: rgba(255,91,27,.6);
}

.card-work:hover .card-work__content-hover {
    z-index: 40;
    opacity: 1;
}

.card-work__player {
    position: absolute;
    z-index: 100;
    top: 55px;
    left: 50%;
    display: inline-block;
    margin-left: -31px;
}

.card-work__captions {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 35px 45px;
}

.card-work__title {
    display: block;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.card-work--4 .card-work__title,
.card-work--5 .card-work__title,
.card-work--7 .card-work__title {
    color: #fff;
}

.card-work__subtitle {
    position: relative;
    display: block;
    margin: 0;
    padding-bottom: 15px;
    color: #9f9f9f;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.card-work__subtitle::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 2px;
    content: "";
    background-color: #f95319;
}

.card-work--4 .card-work__subtitle,
.card-work--5 .card-work__subtitle,
.card-work--7 .card-work__subtitle {
    color: #fff;
}

.card-work__text {
    display: block;
    margin: 0;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.card-work__play-video {
    position: absolute;
    z-index: 100;
    top: 58px;
    left: 50%;
    display: block;
    width: 64px;
    height: 64px;
    margin-left: -31px;
    text-decoration: none;
    border-radius: 50%;
}

.card-work__play-video .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 30px;
    height: 35px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    -webkit-transform: translate(-48%, -50%);
       -moz-transform: translate(-48%, -50%);
        -ms-transform: translate(-48%, -50%);
         -o-transform: translate(-48%, -50%);
            transform: translate(-48%, -50%);
    fill: #fff;
}

.card-work__play-video:hover {
    text-decoration: none;
    background-color: #fff;
}

.card-work__play-video:hover .svg-icon {
    fill: #f95319;
}

.card-audio-price {
    position: relative;
    display: block;
    width: 100%;
}

.card-audio-price__in {
    position: relative;
    z-index: 20;
    padding: 40px 45px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
    background-color: #fff;
}

.card-audio-price__in svg {
    margin: -5px 0 0 5px;
    fill: #008000;
}

.card-audio-price__title {
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.285;
}

.card-audio-price__descr {
    min-height: 3.855em;
    margin: 0 0 15px;
    text-align: center;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.285;
}

.card-audio-price__descr.popular {
    color: #008000;
    font-weight: 500;
}

.card-audio-price__options {
    display: block;
    margin: 0 0 30px;
    padding: 18px 0;
    list-style: none;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.card-audio-price__option {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    margin: 10px 0;
    padding: 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.card-audio-price__option-caption {
            flex: 0 1 auto;
    margin-right: 5px;
    opacity: .62;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.card-audio-price__option-value {
            flex: 0 1 auto;
    color: #151515;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.card-audio-price__option-value b {
    font-weight: 500;
}

.card-audio-price__total {
    margin: 0 0 25px;
    text-align: center;
    color: #717171;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card-audio-price__total strong {
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
}

.card-audio-price__button {
    display: block;
    width: 100%;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    letter-spacing: .2em;
}

.card-audiobook-price {
    position: relative;
    display: block;
    width: 100%;
}

.card-audiobook-price__in {
    position: relative;
    z-index: 20;
    padding: 40px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
    background-color: #fff;
}

.card-audiobook-price__number {
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #f44b1d;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 700;
}

.card-audiobook-price__title {
    min-height: 3.855em;
    margin: 0 0 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.285;
}

.card-audiobook-price__descr {
    min-height: 3.855em;
    margin: 0 0 15px;
    text-align: center;
    opacity: .48;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.285;
}

.card-audiobook-price__condition {
    letter-spacing: .2em;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.card-audiobook-price__total {
    margin: 0 0 25px;
    text-align: center;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
}

.card-audiobook-price__total strong {
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
}

.table-services {
    display: block;
    width: 100%;
}

.table-services__table {
    width: 100%;
    border: none;
}

.table-services__tr {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.table-services__tr:first-child {
    border-bottom: 2px solid #727272;
}

.table-services__th {
    display: block;
    margin: 0;
    padding-bottom: 10px;
    text-align: left;
    color: #131313;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.table-services__th:nth-child(1) {
            flex: 0 0 33%;
    max-width: 33%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
}

.table-services__th:nth-child(2) {
            flex: 0 0 40%;
    max-width: 40%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
}

.table-services__th:nth-child(3) {
            flex: 0 0 13%;
    max-width: 13%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 13%;
        -ms-flex: 0 0 13%;
}

.table-services__th:nth-child(4) {
            flex: 0 0 14%;
    max-width: 14%;
    padding-right: 10px;
    text-align: right;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 14%;
        -ms-flex: 0 0 14%;
}

.table-services__td {
    padding: 30px 30px 30px 0;
    color: #131313;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.table-services__td:nth-child(1) {
            flex: 0 0 33%;
    max-width: 33%;
    text-transform: uppercase;
    color: #171717;
    font-weight: 700;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 33%;
        -ms-flex: 0 0 33%;
}

.table-services__td:nth-child(2) {
            flex: 0 0 40%;
    max-width: 40%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
}

.table-services__td:nth-child(3) {
            flex: 0 0 13%;
    max-width: 13%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 13%;
        -ms-flex: 0 0 13%;
}

.table-services__td:nth-child(4) {
            flex: 0 0 14%;
    max-width: 14%;
    padding-right: 0;
    text-align: right;
    color: #151515;
    font-family: "Roboto", sans-serif;
    font-size: 18px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 14%;
        -ms-flex: 0 0 14%;
}

.table-services__td:nth-child(4) b {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.table-services__comment {
    margin: 25px 0 0;
    opacity: .58;
    color: #1b1b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.audios {
    display: block;
}

.audios__icon {
    margin-right: 10px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
}

.audios__icon--info {
    fill: #118e17;
}

.audios__icon--game {
    fill: #fcac00;
}

.audios__icon--vocal {
    fill: #ff5b1b;
}

.audios__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;
    margin: 0 -8px 30px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.audios__button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
    height: 42px;
    margin: 0 8px 10px;
    padding: 0 20px;
    transition: all .2s ease;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #0b0b0b;
    border: 1px solid #dedede;
    border-radius: 2px;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 42px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.audios__button .svg-icon {
    position: relative;
    margin-bottom: 1px;
}

.audios__button.active .svg-icon {
    fill: #fff;
}

.audios__button--info:hover {
    color: #118e17;
}

.audios__button--info.active {
    color: #fff;
    border-color: #118e17;
    background-color: #118e17;
}

.audios__button--game:hover {
    color: #fcac00;
}

.audios__button--game.active {
    color: #fff;
    border-color: #fcac00;
    background-color: #fcac00;
}

.audios__button--vocal:hover {
    color: #ff5b1b;
}

.audios__button--vocal.active {
    color: #fff;
    border-color: #ff5b1b;
    background-color: #ff5b1b;
}

.audios__subtitle {
    margin: 0 0 35px;
    text-align: center;
    color: #f94e1e;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}

.audios__audios {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.audios__audio {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
            flex: 0 1 310px;
    max-width: 310px;
    margin: 0;
    padding: 14px 24px 12px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 310px;
        -ms-flex: 0 1 310px;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.audios__audio::before {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: -1px;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    border: 1px solid #e4e4e4;
}

.audios__audio:hover {
    z-index: 10px;
}

.audios__audio:hover::before {
    right: 0;
    bottom: 0;
    border: 1px solid #ff5b1b;
    box-shadow: -.6px 16px 27px rgba(109,109,109,.2);
}

.audios__audio> .svg-icon {
    position: absolute;
    top: 10px;
    right: 12px;
    margin: 0;
}

.audios__audio.hidden {
    display: none;
}

.audios__player {
    position: relative;
    z-index: 10;
            flex: 0 0 auto;
    margin-right: 10px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.audios__content {
    position: relative;
    z-index: 10;
            flex: 0 1 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.audios__caption {
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.audios__caption a {
    text-decoration: underline;
}

.audios__subcaption {
    margin: 0 0 2px;
    opacity: .7;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}

.audios__more {
    text-decoration: underline;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.form-popup {
    display: block;
    width: 100%;
}

.form-popup__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    margin: 0 -6px;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.form-popup__col-wide {
            flex: 0 0 100%;
    width: 100%;
    margin: 0 0 12px;
    padding: 0 6px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.form-popup__col {
            flex: 0 0 50%;
    width: 50%;
    margin: 0 0 12px;
    padding: 0 6px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
}

.form-popup__footer {
    margin: 20px 0 15px;
    text-align: center;
}

.form-popup__submit {
    padding: 18px 43px 16px;
    letter-spacing: .1em;
}

.form-popup__agree .form-item__label span {
    letter-spacing: inherit;
    font-size: 13px;
}

.form-popup__agree .form-item__label a {
    font-weight: 400;
}

.form-question {
    display: block;
    width: 100%;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
}

.form-question__item {
    margin-bottom: 13px;
}

.form-question__submit {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 45px auto 0;
    letter-spacing: .075em;
}

.form-contacts {
    display: block;
    width: 100%;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
}

.form-contacts__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    margin: 0 -10px;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.form-contacts__col {
            flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
}

.form-contacts__col-wide {
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
}

.form-contacts__submit {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 25px auto 0;
    letter-spacing: .075em;
}

.form-search {
    position: relative;
    display: block;
    width: 100%;
}

.form-search__submit {
    position: absolute;
    z-index: 20;
    top: 15px;
    right: 14px;
    display: inline-block;
    width: 15px;
    height: 16px;
    padding: 0;
    border: none;
    background-color: transparent;
}

.form-search__submit .svg-icon {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #bfbfbf;
}

.form-search__submit:hover .svg-icon {
    fill: #999;
}

.form-order {
    display: block;
    width: 100%;
}

.form-order__title {
    margin: 0 0 40px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #0f0f0f;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.form-order__item {
    margin-bottom: 35px;
}

.form-order__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: space-between;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.form-order__col {
    width: -webkit-calc(50% - 35px);
    width:    -moz-calc(50% - 35px);
    width:         calc(50% - 35px);
    word-wrap: break-word;
}

.form-order__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: space-between;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.form-order__agree {
    flex: 0 1 auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

.form-order__submit {
    flex: 0 1 auto;
    width: 100%;
    max-width: 300px;
    margin-bottom: 20px;
    letter-spacing: .1em;
}

.form-order__submit:disabled {
    cursor: not-allowed;
    background-color: #c6c6c6;
}

.form-order__types {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 40px 10px;
}

.form-order__type {
    width: 16.6666%;
    word-wrap: break-word;
}

.form-order__label {
    display: block;
    margin: 0 0 20px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}

.form-order__speakers {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 20px;
}

.form-order__speaker {
    width: 16.6666%;
    min-height: 189px;
    word-wrap: break-word;
}

.form-order__add-speaker {
    position: relative;
    display: inline-block;
    width: 16.6666%;
    min-height: 189px;
    padding: 120px 10px 20px;
    transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    letter-spacing: .2em;
    text-transform: uppercase;
    word-wrap: break-word;
    color: #fff;
    border: none;
    border-radius: 2px;
    background-color: #ff5b1b;
    box-shadow: 0 0 0 1px #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.form-order__add-speaker::before {
    position: absolute;
    top: 65px;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    padding-left: 1px;
    content: "+";
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.form-order__add-speaker:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ee4300;
    box-shadow: 0 0 0 1px #ee4300;
}

.headers {
    display: block;
}

.headers__pretitle {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 27px;
    text-align: center;
    letter-spacing: .08em;
    color: #C1492E;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1;
}

.headers__pretitle::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 34px;
    height: 2px;
    margin-left: -17px;
    content: "";
    background-color: #C1492E;
}

.headers--big .headers__pretitle {
    text-transform: uppercase;
}

.headers--white .headers__pretitle {
    color: #fff;
}

.headers--white .headers__pretitle::after {
    background-color: #fff;
}

.headers--q .headers__pretitle {
    font-size: 20px;
}

.headers__title {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.36;
}

.headers--white .headers__title {
    color: #fff;
}

.headers--big .headers__title {
    max-width: 1000px;
    margin: 0 auto 20px;
    font-size: 62px;
    font-weight: 600;
}

.headers--smaller .headers__title {
    font-size: 36px;
}

.headers__title .br {
    display: block;
    overflow: hidden;
    height: 0;
}

.headers__subtitle {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.headers__subtitle a {
    text-decoration: none;
    color: #121212;
    font-weight: 500;
}

.headers__subtitle a:hover {
    text-decoration: none;
    color: #C1492E;
}

.headers--white .headers__subtitle {
    color: #fff;
}

.headers--big .headers__subtitle {
    font-size: 18px;
}

.s-start {
    display: block;
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #ececec;
    background-image: url("../img/s-start-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.s-start__container {
    width: 100%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-start__headers {
    margin-bottom: 50px;
}

.s-start__button-wrapper {
    margin-bottom: 70px;
    text-align: center;
}

.s-start__steps {
    max-width: 1050px;
    margin: 0 auto;
}

.s-start__audio-sale {
    position: absolute;
    top: 180px;
    right: 70px;
}

.s-about {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #f4f4f4;
}

.s-about__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-about__headers {
    margin-bottom: 45px;
}

.s-about__text {
    margin: 0 0 10px;
}

.s-about__text p {
    max-width: 860px;
    margin: 0 auto 25px;
    text-align: center;
    color: #656464;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
}

.s-about__text p a {
    text-decoration: underline;
    color: #000;
}

.s-about__text p a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.s-about__text p a:active {
    text-decoration: underline;
    color: #cb3501;
}

.s-about__text-more {
    display: none;
}

.s-about__more {
    margin-bottom: 60px;
    text-align: center;
}

.s-services {
    display: block;
    padding-top: 80px;
    padding-bottom: 30px;
}

.s-services__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-services__headers {
    margin-bottom: 60px;
}

.s-services__block {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100px;
    background-color: #ddd;
}

.s-services__tiles {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    margin-bottom: -20px;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-services__left {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    width: -webkit-calc(75% - 10px);
    width:    -moz-calc(75% - 10px);
    width:         calc(75% - 10px);
    word-wrap: break-word;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-services__right {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    width: -webkit-calc(25% - 10px);
    width:    -moz-calc(25% - 10px);
    width:         calc(25% - 10px);
    word-wrap: break-word;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-services__tile-1 {
    width: -webkit-calc(33.3333333% - 10px);
    width:    -moz-calc(33.3333333% - 10px);
    width:         calc(33.3333333% - 10px);
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-services__tile-2 {
    width: -webkit-calc(66.6666666% - 10px);
    width:    -moz-calc(66.6666666% - 10px);
    width:         calc(66.6666666% - 10px);
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-services__tile-3 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-services__tile-4,
.s-services__tile-5,
.s-services__tile-6 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-works {
    display: block;
    padding-top: 80px;
    padding-bottom: 70px;
    background-color: #fff;
}

.s-works__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-works__headers {
    margin-bottom: 60px;
}

.s-works__button-wrapper {
    text-align: center;
}

.s-works__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    margin-bottom: 30px;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-works__left {
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
    word-wrap: break-word;
}

.s-works__right {
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
    word-wrap: break-word;
}

.s-works__item-1 {
    width: 100%;
    min-height: 510px;
    margin-bottom: 30px;
}

.s-calc-cost {
    display: block;
    padding-top: 80px;
    padding-bottom: 95px;
    background-color: #d22927;
    background-image: url("../img/s-calc-cost-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.s-calc-cost__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-calc-cost__headers {
    margin-bottom: 35px;
}

.s-calc-cost__button-wrapper {
    text-align: center;
}

.s-speakers {
    display: block;
    padding-top: 80px;
    padding-bottom: 30px;
    background-color: #fff;
}

.s-speakers--audio {
    padding-bottom: 80px;
}

.s-speakers__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-speakers__headers {
    margin-bottom: 60px;
}

.s-speakers__tiles {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    margin-bottom: -30px;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-speakers__left {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
    word-wrap: break-word;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-speakers__mid {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    width: -webkit-calc(25% - 15px);
    width:    -moz-calc(25% - 15px);
    width:         calc(25% - 15px);
    word-wrap: break-word;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-speakers__right {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    width: -webkit-calc(25% - 15px);
    width:    -moz-calc(25% - 15px);
    width:         calc(25% - 15px);
    word-wrap: break-word;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-speakers__tile-1 {
    width: -webkit-calc(50% - 10px);
    width:    -moz-calc(50% - 10px);
    width:         calc(50% - 10px);
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-speakers__tile-2 {
    width: -webkit-calc(50% - 10px);
    width:    -moz-calc(50% - 10px);
    width:         calc(50% - 10px);
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-speakers__tile-3 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-speakers__tile-4 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-speakers__tile-5 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-speakers__tile-6 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-speakers__tile-7 {
    width: 100%;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.s-advantages {
    display: block;
    padding-top: 80px;
    padding-bottom: 110px;
    background-color: #fff;
}

.s-advantages--bg {
    background-color: #f4f4f4;
}

.s-advantages--audio {
    padding-top: 110px;
    background-image: url("../img/s-advantages-audio-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.s-advantages__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-advantages__headers {
    margin-bottom: 85px;
}

.s-reviews {
    display: block;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #f4f4f4;
}

.s-reviews__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-reviews__headers {
    margin-bottom: 65px;
}

.s-reviews__reviews {
    margin: 0 auto;
}

.s-clients {
    display: block;
    padding-top: 80px;
    padding-bottom: 0;
    background-color: #fff;
}

.s-clients__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-clients__headers {
    margin-bottom: 30px;
}

.s-clients__items {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 20px;
}

.s-clients__item {
    position: relative;
    width: 226px;
    height: 167px;
    border-top: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background-color: #fff;
}

.s-clients__item img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: auto !important;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.s-clients .slick-prev,
.s-clients .slick-next {
    position: absolute;
    top: 0;
}

.s-clients .slick-prev {
    left: 50%;
    margin-left: -40px;
}

.s-clients .slick-next {
    left: 50%;
    margin-left: 2px;
}

.s-blog {
    display: block;
    padding-top: 80px;
    padding-bottom: 70px;
    background-color: #f4f4f4;
}

.s-blog__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-blog__headers {
    margin: 0 0 60px;
}

.s-blog__button-wrapper {
    text-align: center;
}

.s-blog__tiles {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    margin-bottom: 60px;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-blog__left,
.s-blog__right {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
    word-wrap: break-word;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-blog__tile-1,
.s-blog__tile-2 {
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
    word-wrap: break-word;
}

.s-blog__tile-3 {
    width: 100%;
    margin-bottom: 30px;
}

.s-blog__tile-4,
.s-blog__tile-5 {
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
    word-wrap: break-word;
}

.s-blog__cards {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: space-between;
            align-items: flex-start;
    margin: 0 -15px 30px;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: start;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-blog__card {
            flex: 0 0 430px;
    max-width: 430px;
    margin: 0 0 30px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 430px;
        -ms-flex: 0 0 430px;
}

.s-questions {
    display: block;
    width: 100%;
    padding-top: 110px;
    padding-bottom: 110px;
    background-color: #d22927;
    background-image: url("../img/s-questions-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.s-questions__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-questions__headers {
    margin-bottom: 50px;
}

.s-questions__phone {
    display: block;
    margin: 0 0 55px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
}

.s-questions__phone:hover {
    text-decoration: none;
    color: #fff;
}

.s-questions__email {
    display: block;
    margin: 0 0 55px;
    text-align: center;
    text-decoration: underline;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}

.s-questions__email:hover {
    text-decoration: none;
    color: #fff;
}

.s-questions__button-wrapper {
    text-align: center;
}

.s-first {
    position: relative;
    display: block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.s-first--left {
    text-align: left;
    background-color: #f4f4f4 !important;
    background-image: none !important;
}

.s-first--left .s-first__container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
    max-width: 1300px;
}

.s-first--left .s-first__container img {
    max-width: 370px;
}

.s-first--left .s-first__subtitle {
    max-width: 670px;
    margin: 0 0 50px;
    color: #000;
}

.s-first--left .s-first__title {
    max-width: 100%;
    color: #000;
    font-weight: 700;
}

.s-first--left .s-first__caption {
    color: #000;
}

.s-first--left .s-first__button-wrapper {
    position: relative;
    display: inline-block;
}

.s-first--left .s-first__arrow {
    position: absolute;
    top: -80px;
    right: -225px;
    width: 200px;
    height: 200px;
    -webkit-transform: rotate(170deg);
       -moz-transform: rotate(170deg);
        -ms-transform: rotate(170deg);
         -o-transform: rotate(170deg);
            transform: rotate(170deg);
}

.s-first--left .s-first__img {
            align-self: center;
    margin: 0 auto 40px;
    padding-left: 60px;

    -webkit-align-self: center;
    -ms-flex-item-align: center;
}

.s-first--scripts {
    max-height: 882px;
    padding-top: 85px;
    padding-bottom: 90px;
    background-color: #e74c20;
    background-image: url("../img/scenario-bg.jpg");
}

.s-first--audio {
    max-height: 810px;
    padding-top: 125px;
    padding-bottom: 115px;
    background-color: #e74c20;
    background-image: url("../img/audio-bg.jpg");
}

.s-first--autoresponders {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #2b2d33;
    background-image: url("../img/ivr-bg.jpg");
}

.s-first--autoresponders .link-brief {
    margin-top: 30px;
}

.s-first--autoresponders .link-brief .link-brief__icon {
    margin-bottom: 10px;
}

.s-first--video {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #2b2d33;
    background-image: url("../img/video-bg.jpg");
}

.s-first--audiobooks {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
}

.s-first--audioguide {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
}

.s-first--youtube {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
}

.s-first--ivr {
    max-height: 810px;
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: left;
    background-color: #2b2d33;
    background-image: url("../img/ivr-bg-2.jpg");
}

.s-first--ivr .s-first__container {
    max-width: 1300px;
}

.s-first--ivr .s-first__title {
    max-width: 100%;
    text-align: left;
    letter-spacing: .08em;
    font-size: 58px;
    font-weight: 500;
}

.s-first--ivr .s-first__items {
    display: block;
    margin: 0;
    text-align: left;
}

.s-first--ivr .s-first__item {
    display: block;
    width: auto;
    margin-bottom: 16px;
    text-align: left;
}

.s-first--ivr .s-first__icon {
    display: inline-block;
    margin: 0 10px -6px 0;
}

.s-first--ivr .s-first__caption {
    display: inline-block;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.s-first--ivr .s-first__button-wrapper {
    display: inline-block;
    margin-right: 70px;
    text-align: left;
}

.s-first--ivr .link-brief {
    margin-top: 30px;
}

.s-first--ivr .link-brief .link-brief__icon {
    margin-bottom: 10px;
}

.s-first--game {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #2b2d33;
    background-image: url("../img/game-bg.jpg");
}

.s-first--translation {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #2b2d33;
    background-image: url("../img/translation-bg.jpg");
}

.s-first--studio {
    max-height: 810px;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #2b2d33;
    background-image: url("../img/studio-bg.jpg");
}

.s-first__container {
    width: 100%;
    max-width: 1150px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-first__title {
    margin: 0 auto 40px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.2;
}

.s-first__subtitle {
    max-width: 660px;
    margin: 0 auto 50px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
}

.s-first__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin: 0 -15px 60px;
    padding: 0;
    list-style: none;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-first__item {
            flex: 0 0 20%;
    width: 20%;
    margin: 0 0 20px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
}

.s-first__icon {
    position: relative;
    display: block;
    width: 27px;
    height: 27px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background-color: #e8c540;
}

.s-first__icon::after {
    position: absolute;
    top: 7px;
    left: 11px;
    display: block;
    width: 6px;
    height: 10px;
    content: "";
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 1px;
    border-style: none solid solid none;
    border-color: #63551e;
}

.s-first__caption {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.s-first__caption span {
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.s-first__button {
    letter-spacing: .1em;
    border-radius: 15px;
    font-weight: 700;
}

.s-first__audio-sale {
    position: absolute;
    top: 200px;
    right: 70px;
}

.s-first__photo {
    position: absolute;
    right: 200px;
    bottom: 0;
}

.s-first__note {
    margin: 30px 15px 0;
    opacity: .5;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.s-need {
    display: block;
    padding-top: 90px;
    padding-bottom: 80px;
    background-color: #f4f4f4;
}

.s-need__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

.s-need__title {
    margin: 0 0 45px;
    text-align: center;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
}

.s-need__text {
    max-width: 1050px;
    margin: 0 auto 40px;
    text-align: center;
}

.s-need__text p {
    margin-bottom: 20px;
    color: #656464;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
}

.s-types {
    display: block;
    padding-top: 80px;
    padding-bottom: 0;
}

.s-types__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-types__headers {
    margin-bottom: 75px;
}

.s-types__items {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: types;
}

.s-types__item {
    display: block;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    border-bottom: 1px solid #ececec;
}

.s-types__item:first-child {
    border-top: 1px solid #ececec;
}

.s-types__in {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-types__number {
    margin-right: 60px;
    color: #f3f3f3;
    font-family: "Roboto", sans-serif;
    font-size: 228px;
    font-weight: 700;
    line-height: .7;
}

.s-types__content {
            flex: 1 1 940px;
    max-width: 940px;
    padding-right: 80px;

    -webkit-box-flex: 1;
       -moz-box-flex: 1;
    -webkit-flex: 1 1 940px;
        -ms-flex: 1 1 940px;
}

.s-types__player {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            align-items: center;
            flex: 0 0 112px;
    width: 112px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 112px;
        -ms-flex: 0 0 112px;
    -ms-flex-align: center;
}

.s-types__video {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            align-items: center;
            flex: 0 0 340px;
    width: 340px;
    margin: -20px 0;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 340px;
        -ms-flex: 0 0 340px;
    -ms-flex-align: center;
}

.s-types__caption {
    margin: 0 0 25px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
}

.s-types__descr {
    margin: 0 0 20px;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.s-types__descr[data-tab] {
    min-height: 144px;
}

.s-types__link {
    display: block;
    margin: 0;
    text-decoration: none;
    color: #f44a1d;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
}

.s-types__link span {
    border-bottom: 1px dotted #f44a1d;
}

.s-types__link:hover {
    text-decoration: none;
    color: #f95f3a;
}

.s-types__link:hover span {
    border-bottom-color: transparent;
}

.s-script-prices {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
}

.s-script-prices__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-script-prices__headers {
    margin-bottom: 70px;
}

.s-script-prices__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 -1px;
    padding: 0;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-script-prices__item {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;
            justify-content: space-between;
            flex: 0 1 auto;
    margin: 0 1px 2px;

    -webkit-box-direction: normal;
       -moz-box-direction: normal;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-box-orient: vertical;
       -moz-box-orient: vertical;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-script-prices .slick-prev,
.s-script-prices .slick-next {
    position: absolute;
    top: 0;
    margin-top: 0;
}

.s-script-prices .slick-prev {
    left: 50%;
    margin-left: -40px;
}

.s-script-prices .slick-next {
    right: auto;
    left: 50%;
    margin-left: 2px;
}

.s-script-examples {
    display: block;
    padding-top: 110px;
    padding-bottom: 70px;
}

.s-script-examples__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-script-examples__headers {
    margin-bottom: 30px;
}

.s-script-examples__button-wrapper {
    margin: 60px 0 0;
    text-align: center;
}

.s-stages {
    display: block;
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.s-stages--scripts {
    background-image: url("../img/s-stages-scripts-bg.jpg");
}

.s-stages--autoresponders,
.s-stages--audio {
    background-image: url("../img/s-stages-autoresponders-bg.jpg");
}

.s-stages__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-stages__headers {
    margin-bottom: 80px;
}

.s-stages__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 -15px;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-stages__item {
    position: relative;
            flex: 0 0 170px;
    max-width: 170px;
    margin: 0 15px 30px;
    padding: 0;
    text-align: center;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 170px;
        -ms-flex: 0 0 170px;
}

.s-stages__item a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dashed #212121;
    font-weight: 500;
    line-height: 16px;
}

.s-stages__item a:hover {
    text-decoration: none;
    color: #C1492E;
    border-color: #C1492E;
}

.s-stages__item:not(:last-child)::after {
    position: absolute;
    top: 24px;
    right: -20px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 2px;
    border-style: solid solid none none;
    border-color: #cacaca;
}

.s-stages__item:hover::after {
    right: -28px;
}

.s-stages__item-header {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
}

.s-stages__number {
    display: block;
    width: 61px;
    height: 61px;
    margin: 0 auto 24px;
    text-align: center;
    color: #ff5b1b;
    border: 2px solid #ff5b1b;
    border-radius: 50%;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 59px;
}

.s-stages__chief {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: flex-end;
    margin-top: 50px;

    -webkit-box-pack: end;
       -moz-box-pack: end;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
}

.s-stages__chief-header {
    padding-top: 30px;
    text-align: right;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.3;
}

.s-stages__chief-header .mark {
    white-space: nowrap;
    font-weight: 500;
}

.s-stages__chief-name {
    margin-top: 20px;
    color: #828282;
    font-size: 22px;
    font-weight: 400;
}

.s-stages__chief-photo {
    margin-right: 20px;
    margin-left: 70px;
}

.s-stages__chief-photo img {
    width: 250px;
    border-radius: 50%;
}

.s-studio {
    position: relative;
    display: block;
    padding-top: 80px;
    padding-bottom: 100px;
}

.s-studio--bg {
    background-color: #f4f4f4;
}

.s-studio__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-studio__items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-around;
    margin: 0 -15px 50px;
    padding: 0;
    list-style: none;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
}

.s-studio__item {
            flex: 0 0 50%;
    max-width: 560px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
}

.s-studio__item p a {
    text-decoration: underline;
    font-weight: 500;
}

.s-studio__headers {
    margin-bottom: 50px;
}

.s-studio__caption {
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.s-studio p {
    min-height: 130px;
    margin: 0 0 15px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.s-studio__channel {
    text-align: center;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.s-studio__link {
    display: block;
    width: 200px;
    margin: 20px auto 0;
}

.s-answers {
    display: block;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #f6f6f6;
}

.s-answers__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-answers__headers {
    margin-bottom: 60px;
}

.s-answers__items {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.s-answers__item {
    display: block;
    margin: 0 0 4px;
    padding: 30px 30px 30px 55px;
    border-radius: 2px;
    background-color: #fff;
}

.s-answers__question {
    position: relative;
    display: block;
            align-items: center;
    margin: 0;
    padding-right: 45px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    color: #181818;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-touch-callout: none;
}

.s-answers__question::before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 37px;
    height: 37px;
    margin-top: -19px;
    content: "";
    -webkit-transition: border-color .2s ease;
       -moz-transition: border-color .2s ease;
         -o-transition: border-color .2s ease;
            transition: border-color .2s ease;
    border: 2px solid #ededed;
    border-radius: 50%;
}

.s-answers__question::after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    content: "";
    -webkit-transition: border-color .2s ease;
       -moz-transition: border-color .2s ease;
         -o-transition: border-color .2s ease;
            transition: border-color .2s ease;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    border-width: 2px;
    border-style: none solid solid none;
    border-color: #585858;
}

.s-answers__question:hover {
    color: #ff5b1b;
}

.s-answers__question:hover::before {
    border-color: #fdcbba;
}

.s-answers__question:hover::after {
    border-color: #f9541a;
}

.s-answers__item.active .s-answers__question::after {
    margin-top: -1px;
    border-style: solid none none solid;
}

.s-answers__answer {
    display: none;
    width: 100%;
    padding-top: 25px;
    padding-right: 40px;
}

.s-answers__answer p {
    margin: 0 0 15px;
    color: #656464;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.s-answers__answer p:last-child {
    margin-bottom: 0;
}

.s-answers__answer p a {
    text-decoration: underline;
    font-weight: 400;
}

.s-why {
    display: block;
    padding-top: 90px;
    padding-bottom: 80px;
}

.s-why__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-why__title {
    margin: 0 0 100px;
    text-align: center;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.25;
}

.s-why__items {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}

.s-why__item {
    flex: 0 0 25%;
    width: 25%;
    margin: 0 0 30px;
    padding: 0 20px;
}

.s-why__items-3 .s-why__item {
    flex: 0 0 33.3333%;
    width: 33.33333%;
    padding: 0 17px;
}

.s-why__caption {
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 35px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.s-why__caption::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 22px;
    height: 2px;
    content: "";
    background-color: #f44b1d;
}

.s-why__text {
    margin: 0;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}

.s-choice {
    position: relative;
    display: block;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #f4f4f4;
}

.s-choice__container {
    position: relative;
    z-index: 10;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-choice__headers {
    margin-bottom: 70px;
}

.s-choice__items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
    margin: 0 0 80px;
    padding: 0;
    list-style: none;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-choice__items::before {
    position: absolute;
    z-index: 1;
    top: -webkit-calc(50% - 95px);
    top:    -moz-calc(50% - 95px);
    top:         calc(50% - 95px);
    left: 0;
    display: block;
    width: 100%;
    content: "VS";
    text-align: center;
    color: #e6e6e6;
    font-family: "Roboto", sans-serif;
    font-size: 190px;
    font-weight: 700;
    line-height: 1;
}

.s-choice__icon {
    position: absolute;
    z-index: 2;
    top: -webkit-calc(50% - 30px);
    top:    -moz-calc(50% - 30px);
    top:         calc(50% - 30px);
    left: 50%;
    display: block;
    width: 57px;
    height: 57px;
    margin-left: -28px;
    fill: #f44b1b;
}

.s-choice__item {
    z-index: 10;
    display: inline-block;
            flex: 0 0 546px;
    max-width: 546px;
    padding: 50px 50px 20px 60px;
    background-color: #fff;
    box-shadow: -1px 46px 59px rgba(220,220,220,.6);

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 546px;
        -ms-flex: 0 0 546px;
    positiopn: relative;
}

.s-choice__caption {
    margin: 0 0 30px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.s-choice__text {
    margin: 0 0 15px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}

.s-choice__caption-2 {
    margin: 25px 0 30px;
    color: #606060;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
}

.s-choice__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            align-items: flex-start;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.s-choice__examples {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            align-items: flex-start;
    margin-right: 22px;
    margin-left: -3px;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.s-choice__player {
    position: relative;
    top: -10px;
            flex: 0 0 auto;
    width: 59px;
    margin: 0 6px 10px 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-choice__player-label {
    display: block;
    margin: 2px 0 0;
    text-align: center;
    text-transform: uppercase;
    color: #adadad;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.s-choice__button {
    margin-bottom: 10px;
    padding: 10px 43px;
    font-size: 12px;
}

.s-avr-examples {
    display: block;
    padding-top: 110px;
    padding-bottom: 70px;
}

.s-avr-examples__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-avr-examples__headers {
    margin-bottom: 45px;
}

.s-avr-examples__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-avr-examples__item {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
            flex: 0 1 310px;
    max-width: 310px;
    margin: 0;
    padding: 14px 24px 12px;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 310px;
        -ms-flex: 0 1 310px;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-avr-examples__item::before {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: -1px;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    border: 1px solid #e4e4e4;
}

.s-avr-examples__item:hover {
    z-index: 10px;
}

.s-avr-examples__item:hover::before {
    right: 0;
    bottom: 0;
    border: 1px solid #ff5b1b;
    box-shadow: -.6px 16px 27px rgba(109,109,109,.2);
}

.s-avr-examples__player {
    position: relative;
    z-index: 10;
            flex: 0 0 auto;
    margin-right: 13px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-avr-examples__content {
    position: relative;
    z-index: 10;
            flex: 0 1 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-avr-examples__caption {
    margin-bottom: 8px;
    text-transform: uppercase;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.s-avr-examples__caption a {
    text-decoration: underline;
}

.s-avr-examples__subcaption {
    margin: 0 0 2px;
    opacity: .7;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}

.s-avr-examples__more {
    text-decoration: underline;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.s-avr-examples__button-wrapper {
    margin: 40px 0 0;
    text-align: center;
}

.s-text-examples {
    display: block;
    padding-top: 90px;
    padding-bottom: 40px;
}

.s-text-examples__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-text-examples__headers {
    margin-bottom: 80px;
}

.s-text-examples__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: texts;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: space-between;
}

.s-text-examples__item {
    position: relative;
    display: inline-block;
    width: -webkit-calc(33.33333% - 15px);
    width:    -moz-calc(33.33333% - 15px);
    width:         calc(33.33333% - 15px);
    margin: 0 0 30px;
    padding: 75px 45px 40px;
    word-wrap: break-word;
    color: #656464;
    border: 1px solid rgba(224,224,224,.4);
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
}

.s-text-examples__item::before {
    position: absolute;
    top: 34px;
    left: 0;
    display: block;
    width: 100%;
    content: "#" counter(texts);
    counter-increment: texts;
    text-align: center;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
}

.s-text-examples__label {
    display: block;
    margin: 15px 0 10px;
    font-weight: 400;
}

.s-ar-speakers {
    display: block;
    padding-top: 80px;
    padding-bottom: 60px;
}

.s-ar-speakers__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-ar-speakers__headers {
    margin-bottom: 55px;
}

.s-ar-speakers__cards {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
}

.s-ar-speakers__cards .card-speaker {
    margin: 0 20px;
}

.s-ar-speakers__button-wrapper {
    margin-top: 50px;
    text-align: center;
}

.s-ar-speakers .slick-prev,
.s-ar-speakers .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -19px;
}

.s-ar-speakers .slick-prev {
    left: -60px;
}

.s-ar-speakers .slick-next {
    right: -60px;
}

.s-dev {
    display: block;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #e9e9e9;
    background-image: url("../img/s-dev-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.s-dev--audio {
    background-image: url("../img/s-dev-audio-bg.jpg");
}

.s-dev__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-dev__headers {
    max-width: 1100px;
    margin: 0 auto 70px;
}

.s-dev--audio .s-dev__headers {
    max-width: 850px;
}

.s-dev__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 0 35px;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-dev__item {
    position: relative;
    display: inline-block;
            flex: 0 0 250px;
    max-width: 250px;
    margin: 0 35px 30px;
    padding: 60px 0 0;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #1e1e1e;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 250px;
        -ms-flex: 0 0 250px;
}

.s-dev__item .svg-icon {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    fill: #f44b1b;
}

.s-dev__button-wrapper {
    text-align: center;
}

.s-prices {
    display: block;
    padding-top: 90px;
    padding-bottom: 60px;
    background-color: #fff;
}

.s-prices__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-prices__headers {
    margin-bottom: 55px;
}

.s-prices__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 auto;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-prices__item {
            flex: 0 0 25%;
    max-width: 25%;
    margin: 0;
    padding: 0 1px 1px 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
}

.s-prices .slick-prev,
.s-prices .slick-next {
    position: absolute;
    top: 0;
    margin-top: 0;
}

.s-prices .slick-prev {
    left: 50%;
    margin-left: -40px;
}

.s-prices .slick-next {
    right: auto;
    left: 50%;
    margin-left: 2px;
}

.s-other-services {
    display: block;
    padding-top: 60px;
    padding-bottom: 70px;
}

.s-other-services__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-other-services__headers {
    margin-bottom: 80px;
}

.s-other-services__table {
    margin-bottom: 80px;
}

.s-other-services__download {
    display: block;
    width: 160px;
    margin: 0 auto 40px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-align: center;
    text-decoration: none;
    color: #fa6439;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.s-other-services__download .svg-icon {
    display: inline-block;
    margin-bottom: 16px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #f94e1e;
}

.s-other-services__download span {
    display: block;
    text-align: center;
    text-decoration: underline;
}

.s-other-services__download:hover {
    text-decoration: none;
    color: #f8471c;
}

.s-other-services__download:hover .svg-icon {
    fill: #f53b07;
}

.s-other-services__text {
    max-width: 800px;
    margin: 0 auto 15px;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.s-calc {
    display: block;
    padding-top: 70px;
    padding-bottom: 0;
    background-color: #f3f3f3;
}

.s-calc__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-calculator {
    display: block;
    padding-top: 35px;
    padding-bottom: 85px;
    background-color: #f4f4f4;
}

.s-calculator__container {
    max-width: 1080px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

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

.s-calculator__title {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 30px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
}

.s-calculator__title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 34px;
    height: 2px;
    margin-left: -17px;
    content: "";
    background-color: #f95319;
}

.s-calculator__subtitle {
    margin: 0 0 30px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #f95319;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.s-calculator__text {
    margin: 0 0 55px;
    text-align: center;
    color: #000;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
}

.s-calculator__button {
    margin-top: -20px;
    margin-bottom: 60px;
}

.s-faq {
    display: block;
    padding-top: 35px;
    padding-bottom: 110px;
    background-color: #f4f4f4;
}

.s-faq__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-faq__title {
    margin: 0 0 70px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1;
}

.s-faq__content {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: space-between;
            align-items: flex-start;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: start;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-faq__aside {
    width: -webkit-calc(26% - 15px);
    width:    -moz-calc(26% - 15px);
    width:         calc(26% - 15px);
    word-wrap: break-word;
}

.s-faq__main {
    width: -webkit-calc(74% - 15px);
    width:    -moz-calc(74% - 15px);
    width:         calc(74% - 15px);
    word-wrap: break-word;
}

.s-contacts {
    display: block;
    padding-top: 35px;
    background-color: #f4f4f4;
}

.s-contacts__container {
    position: relative;
    z-index: 100;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-contacts__title {
    margin: 0 0 70px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1;
}

.s-contacts__top-box {
    position: relative;
    display: block;
    width: 100%;
    padding: 55px 55px 30px;
    background-color: #fdfdfd;
}

.s-contacts__top-box::after {
    position: absolute;
    right: 55px;
    bottom: 0;
    left: 55px;
    display: block;
    height: 1px;
    content: "";
    background-color: #e6e6e6;
}

.s-contacts__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin: 0 -15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-contacts__col {
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
}

.s-contacts__bottom-box {
    display: block;
    width: 100%;
    padding: 35px 55px 40px;
    background-color: rgba(255,255,255,.78);
}

.s-contacts__main {
    position: relative;
    display: block;
    width: 100%;
    min-height: 640px;
    background-color: #eee;
}

.s-contacts__map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.s-contacts__phone {
    display: block;
    margin: 0 0 7px;
    text-decoration: none;
    letter-spacing: -.025em;
    text-transform: uppercase;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}

.s-contacts__phone:hover {
    text-decoration: none;
    color: #f95f3a;
}

.s-contacts__label {
    display: block;
    margin: 0 0 8px;
    color: #989898;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.s-contacts__label strong {
    color: #000;
    font-weight: 400;
}

.s-contacts__text {
    display: block;
    margin: 0 0 8px;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.s-contacts__email {
    display: block;
    margin: 0 0 9px;
    text-decoration: underline;
    letter-spacing: .02em;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}

.s-contacts__email:hover {
    text-decoration: underline;
    color: #fd400a;
}

.s-contacts__messenger {
    letter-spacing: .02em;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.s-contacts__messenger a {
    margin-right: 5px;
    text-decoration: none;
}

.s-contacts__messenger a:hover {
    text-decoration: none;
}

.s-contacts__messenger a:hover svg {
    position: relative;
    top: 5px;
}

.s-contacts__messenger .whatsapp:hover svg {
    fill: #ec4010;
}

.s-contacts__messenger .telegram:hover svg .tg-bg {
    fill: #ec4010;
}

.s-contacts__social {
    margin-top: 14px;
}

.s-contacts__title-2 {
    margin: 0 0 18px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.s-contacts__address {
    font-style: normal;
}

.s-contacts__address-link {
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
    text-decoration: none;
}

.s-contacts__address-link:hover {
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
    text-decoration: none;
    color: #f95f3a;
}

.s-contacts__city {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            align-items: center;
    margin: 0 0 10px;
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
    text-decoration: none;
    color: #131313;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.s-contacts__city .svg-icon {
            flex: 0 0 auto;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #ff6538;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-contacts__city:hover {
    -webkit-transition: all .2s ease 0s;
       -moz-transition: all .2s ease 0s;
         -o-transition: all .2s ease 0s;
            transition: all .2s ease 0s;
    text-decoration: none;
    color: #f95f3a;
}

.s-contacts__city:hover .svg-icon {
    -webkit-transform: translateX(3px);
       -moz-transform: translateX(3px);
        -ms-transform: translateX(3px);
         -o-transform: translateX(3px);
            transform: translateX(3px);
}

.s-contacts__city-caption {
            flex: 0 0 auto;
    margin-right: 12px;
    -webkit-transition: border-color .2s ease 0s;
       -moz-transition: border-color .2s ease 0s;
         -o-transition: border-color .2s ease 0s;
            transition: border-color .2s ease 0s;
    text-decoration: none;
    border-bottom: 1px dotted #131313;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-contacts__city:hover .s-contacts__city-caption {
    -webkit-transition: border-color .2s ease 0s;
       -moz-transition: border-color .2s ease 0s;
         -o-transition: border-color .2s ease 0s;
            transition: border-color .2s ease 0s;
    text-decoration: none;
    border-color: #f95f3a;
}

.s-contacts__street-address {
    margin: 0;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    color: #7c7c7c;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.s-contacts__street-address:hover {
    text-decoration: none;
    color: #f95f3a;
}

.s-page {
    display: block;
    padding: 35px 0;
    background-color: #f4f4f4;
}

.s-page__container {
    position: relative;
    z-index: 100;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-page__title {
    margin: 0 0 70px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1;
}

.s-page__title.pay {
    margin: 70px 0 50px;
}

.s-page__content {
    position: relative;
    display: block;
    width: 100%;
    padding: 55px 55px 30px;
    background-color: #fdfdfd;
}

.s-page__content a {
    text-decoration: underline;
}

.s-page__content p,
.s-page__content ul {
    color: #373737;
    font-size: 16px;
    font-weight: 300;
}

.s-page__content h1,
.s-page__content h2,
.s-page__content h3,
.s-page__content h4,
.s-page__content h5,
.s-page__content h6 {
    font-weight: 500;
}

.s-page__content b,
.s-page__content strong {
    font-weight: 500;
}

.s-page__content.pay {
    max-width: 800px;
    margin: 0 auto 70px;
}

.s-login {
    position: relative;
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 0 auto 40px;
    padding: 55px 55px 30px;
    background-color: #fff;
}

.payment-methods {
    padding: 0;
}

.payment-methods li span {
    display: inline-block;
    margin-bottom: 10px;
}

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

.requisites img {
    max-width: 400px;
    margin: 0 auto;
}

.s-bank-info {
    display: block;
    padding-top: 90px;
    padding-bottom: 70px;
    background-color: #fff;
}

.s-bank-info__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-bank-info__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin: 0 -15px;
    padding-left: 55px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-bank-info__col {
            flex: 0 0 36%;
    max-width: 36%;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 36%;
        -ms-flex: 0 0 36%;
}

.s-bank-info__col:nth-child(1) {
            flex: 0 0 28%;
    max-width: 28%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 28%;
        -ms-flex: 0 0 28%;
}

.s-bank-info__title {
    margin: 0 0 25px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #111;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.s-bank-info__text {
    margin: 0;
    color: #8f8f8f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.s-bank-info__text strong {
    margin-right: 5px;
    color: #111;
    font-weight: 400;
}

.s-bank-info__company-name {
    display: block;
    margin-bottom: 20px;
    color: #111;
    font-size: 16px;
    font-weight: 500;
}

.s-viewed {
    display: block;
    padding-top: 80px;
    padding-bottom: 50px;
    background-color: #f4f4f4;
}

.s-viewed__headline {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: wrap;
            justify-content: center;
            align-items: center;
    margin: 0 0 40px;
    padding: 0 20px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-viewed__title {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1, 2;
}

.s-viewed__items {
    width: 100%;
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    font-size: 0;
}

.s-viewed__items .card-sim {
    margin-top: 2px;
    margin-bottom: 30px;
}

.s-viewed .slick-list {
    position: relative;
}

.s-viewed .slick-list::before {
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 150px;
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#f4f4f4), color-stop(50%, rgba(244,244,244,.8)), to(rgba(244,244,244,0)));
    background: -webkit-linear-gradient(left, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
    background:    -moz-linear-gradient(left, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
    background:      -o-linear-gradient(left, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
    background:         linear-gradient(to right, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
}

.s-viewed .slick-list::after {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 150px;
    content: "";
    background: -webkit-gradient(linear, right top, left top, from(#f4f4f4), color-stop(50%, rgba(244,244,244,.8)), to(rgba(244,244,244,0)));
    background: -webkit-linear-gradient(right, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
    background:    -moz-linear-gradient(right, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
    background:      -o-linear-gradient(right, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
    background:         linear-gradient(to left, #f4f4f4 0%, rgba(244,244,244,.8) 50%, rgba(244,244,244,0) 100%);
}

.s-viewed .slick-prev,
.s-viewed .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -35px;
}

.s-viewed .slick-prev {
    left: 20px;
}

.s-viewed .slick-next {
    right: 20px;
}

.s-similar {
    display: block;
    max-width: 1350px;
    margin: 0 auto;
    padding-top: 80px;
}

.s-similar__headline {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: wrap;
            justify-content: center;
            align-items: center;
    margin: 0 0 40px;
    padding: 0 20px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-similar__title {
            flex: 0 1 auto;
    margin: 0 30px 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 500;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-similar__title .new {
    color: #f95319;
}

.s-similar__items {
    width: 100%;
    max-width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    font-size: 0;
}

.s-similar__items .card-sim {
    margin-top: 2px;
    margin-bottom: 30px;
}

.s-similar__items .card {
    margin-top: 2px;
}

.s-similar .slick-list {
    position: relative;
    width: 100%;
    height: 420px;
}

.s-similar .slick-list::before {
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 80px;
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, rgba(255,255,255,.8)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(left, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(left, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to right, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
}

.s-similar .slick-list::after {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 80px;
    content: "";
    background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(50%, rgba(255,255,255,.8)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(right, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(right, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(right, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
    background:         linear-gradient(to left, #fff 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 100%);
}

.s-similar .slick-prev,
.s-similar .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -105px;
}

.s-similar .slick-prev {
    left: 20px;
}

.s-similar .slick-next {
    right: 20px;
}

.s-base {
    display: block;
    padding-top: 35px;
    padding-bottom: 0;
    background-color: #f4f4f4;
}

.s-base__head {
    padding-bottom: 15px;
}

.s-base__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-base__head .s-base__container {
    text-align: center;
}

.s-base__title {
    position: relative;
    max-width: 90%;
    margin: 0 auto 30px;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 62px;
    font-weight: 700;
}

.s-base__subtitle {
    display: flex;
    justify-content: center;
    gap: 15px;
    text-align: center;
    margin: 0 auto 30px;
    color: #C1492E;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

.s-base__subtitle span {
    font-size: 15px;
    font-weight: 500;
    color: #C1492E;
    border: 1px solid #C1492E;
    border-radius: 100px;
    padding: 11px 12px;
}

.s-base__text {
    max-width: 1000px;
    margin: 0 auto 30px;
    text-align: center;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
}

.s-base__text a {
    text-decoration: underline;
    font-weight: 500;
}

.s-base__body {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-right: 70px;
    padding-left: 70px;
    background-color: #fff;
}

.s-base__list {
    display: flex;
    gap: 20px;
}
.s-base__list--new {
    gap: 36px
}

.s-base__left {
    width: 250px;
    flex-shrink: 0;
    margin-bottom: 50px;
}
.s-base__list--new .s-base__left {
    width: 274px;
}

.s-base__list .list-view {
    width: calc(100% - 270px);
}

.s-base__cards {
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto 50px;
}

.s-base__share-bar {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 100px;
    padding: 15px 5px;
    background-color: #f8f8f8;
    box-shadow: 0 0 0 1px #dfdfdf;
}

.s-base__share-title {
    flex: 0 1 auto;
    margin: 5px 10px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #1e1e1e;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.s-base__share-buttons {
    display: inline-block;
    flex: 0 1 auto;
    margin: 5px 10px;
}

.s-base__share-buttons .ya-share2__container_size_m .ya-share2__item {
    margin: 0 6px 0 0;
}

.s-base__chronomer {
    margin-bottom: 50px;
}

.s-base__controls {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.s-base__top-info {
    margin-top: 15px;
    margin-bottom: 25px;
    color: #f00;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.s-base__languages .headers {
    margin-bottom: 80px;
}

.s-base__language {
    margin: 0 0 15px;
}

.s-base__language a {
    padding-right: 5px;
    text-decoration: none;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #0b0b0b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.s-base__language a:hover {
    text-decoration: none;
    color: #C1492E;
}

.s-base__language-count {
    margin-top: 5px;
    color: #545454;
    font-size: 14px;
}

.s-base__language-price {
    padding-left: 5px;
}

.s-base__language-price strong {
    color: #212121;
    font-weight: 700;
}

.s-base__category {
    margin: 0 0 15px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #0b0b0b;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.s-base__menu {
            flex: 0 1 auto;
    margin: 0 20px 10px 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-base__sorting {
            flex: 0 0 auto;
    margin: 0 0 10px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-base .foreigner-start .foreigner-form {
    text-align: left;
}

.s-base .foreigner-start .foreigner-form .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-wrap: wrap;
            justify-content: center;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    -webkit-justify-content: center;
}

.s-base .foreigner-start .foreigner-form .form-item__input {
    width: 25%;
    min-width: 290px;
}

.s-base .foreigner-start .foreigner-form button {
    padding: 0 43px;
    border-radius: 0;
    line-height: 45px;
}

.s-base .foreigner-start .foreigner-form select {
    height: 45px;
    padding: 0 30px 0 15px;
    color: #171717;
    border: 1px solid rgba(215,215,215,.54);
    background-color: #fff;
    font-weight: 300;
}

.s-base .foreigner-start .foreigner-form .selectric {
    border-radius: 0;
}

.s-base .foreigner-start .foreigner-form .selectric:hover,
.s-base .foreigner-start .foreigner-form .selectric:focus {
    border: 1px solid #f94e1e;
}

.s-base .foreigner-start .foreigner-form .selectric-disabled {
    opacity: 1;
}

.s-adv {
    display: block;
    padding-top: 110px;
    padding-bottom: 95px;
}

.s-adv__title {
    position: relative;
    margin: 0 0 60px;
    padding-bottom: 40px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1.05;
}

.s-adv__title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 34px;
    height: 2px;
    margin-left: -17px;
    content: "";
    background-color: #f95319;
}

.s-adv__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-adv__item {
            flex: 0 0 50%;
    width: 50%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
}

.s-notfound {
    display: block;
    margin: 0 auto;
    padding-top: 130px;
    padding-bottom: 200px;
    text-align: center;
}

.s-notfound__icon {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 45px;
    border: 0;
}

.s-notfound__pretitle {
    position: relative;
    display: block;
    margin: 0 0 40px;
    padding-bottom: 30px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #b0b0b0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
}

.s-notfound__pretitle::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 34px;
    height: 2px;
    margin-left: -17px;
    content: "";
    background-color: #d3d3d3;
}

.s-notfound__title {
    margin: 0 0 20px;
    text-align: center;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
}

.s-notfound__subtitle {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    color: #3B4173;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

.s-notfound__button {
    margin-top: 20px;
}

.s-texts {
    display: block;
    padding: 55px 0;
    background-color: #f4f4f4;
}

.s-texts__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-texts h2,
.s-texts h3 {
    margin: 30px 0;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
}

.s-texts h2:first-child {
    margin-top: 0;
}

.s-texts p,
.s-texts ul,
.s-texts ol,
.s-texts__text {
    margin: 0 0 20px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.s-texts p:last-child {
    margin-bottom: 0;
}

.s-texts b,
.s-texts strong {
    font-weight: 500;
}

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

.s-texts__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-texts__col {
    width: -webkit-calc(50% - 25px);
    width:    -moz-calc(50% - 25px);
    width:         calc(50% - 25px);
    word-wrap: break-word;
}

.s-texts__more {
    margin: 30px auto 0;
    text-align: center;
}

.s-variants {
    display: block;
    padding-top: 50px;
    padding-bottom: 90px;
    background-color: #f4f4f4;
    background-image: url("../img/s-variants-bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.s-variants__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-variants__headers {
    max-width: 850px;
    margin: 0 auto 50px;
}

.s-variants__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 0 70px;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-variants__items .card-var {
            flex: 0 0 auto;
    margin: 0 1px 1px 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-variants__video {
    max-width: 640px;
    margin: 0 auto;
}

.s-parody {
    display: block;
    padding-top: 45px;
    padding-bottom: 50px;
    background-color: #f4f4f4;
}

.s-parody__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-parody__top {
    position: relative;
    display: block;
    margin-bottom: 55px;
    text-align: center;
}

.s-parody__link-back {
    position: absolute;
    top: 0;
    left: 0;
}

.s-parody__title {
    margin: 0 0 55px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1.3;
}

.s-parody__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin: 0 -15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-parody__col:nth-child(1) {
            flex: 0 0 320px;
    width: 320px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 320px;
        -ms-flex: 0 0 320px;
}

.s-parody__col:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            flex: 0 1 980px;
    max-width: 980px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 980px;
        -ms-flex: 0 1 980px;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-parody__speaker {
    position: relative;
    display: block;
    width: 100%;
    min-height: 320px;
    margin-bottom: 1px;
    padding: 30px 30px 20px;
    text-align: center;
    background-color: #fff;
}

.s-parody__social-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;
    width: 100%;
    min-height: 79px;
    padding: 10px 30px;
    background-color: #fff;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-parody__main {
    display: block;
    width: 100%;
    min-height: 420px;
    padding: 45px 60px 30px 60px;
    background-color: #fff;
}

.s-parody__favorites {
    position: absolute;
    top: 20px;
    left: 25px;
    display: inline-block;
            flex: 0 0 auto;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    color: #000;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-parody__favorites .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #191919;
}

.s-parody__favorites:hover {
    text-decoration: none;
    color: #000;
}

.s-parody__favorites:hover .svg-icon {
    fill: #e43b00;
}

.s-parody__favorites.active {
    opacity: 1;
}

.s-parody__favorites.active .svg-icon {
    fill: #f95319;
}

.s-parody__favorites:hover.active .svg-icon {
    fill: #e43b00;
}

.s-parody__photo {
    display: block;
    max-width: 150px;
    height: auto;
    margin: 0 auto 20px;
    border: 0;
    border-radius: 50%;
}

.s-parody__name {
    margin: 0 0 10px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.s-parody__price {
    margin: 0 0 14px;
    text-align: center;
    letter-spacing: .075em;
    color: #878686;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.s-parody__price strong {
    color: #171717;
    font-size: 14px;
    font-weight: 500;
}

.s-parody__order-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    max-width: 230px;
    margin: 0 auto 20px;
    height: 50px;
    padding: unset;
}

.s-parody__order-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #ff5b1b;
    border-bottom: 1px dotted #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
}

.s-parody__order-link:hover {
    text-decoration: none;
    color: #e23f00;
    border-bottom-color: #e23f00;
}

.s-parody__text {
    margin: 0 0 10px;
}

.s-parody__text h2 {
    color: #151515;
    font-size: 18px;
    font-weight: 400;
}

.s-parody__text p,
.s-parody__text ul {
    margin: 0 auto 12px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.s-parody__text p a,
.s-parody__text ul a {
    text-decoration: underline;
}

.s-parody__text p b,
.s-parody__text ul b,
.s-parody__text p strong,
.s-parody__text ul strong {
    font-weight: 400;
}

.s-parody__text> p:first-child {
    margin-bottom: 25px;
    color: #151515;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}

.s-parody__more {
    margin-top: 30px;
    text-align: center;
}

.s-speaker {
    display: block;
    padding-top: 35px;
    padding-bottom: 50px;
    background-color: #f4f4f4;
}

.s-speaker__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-speaker__top {
    position: relative;
    display: block;
    text-align: center;
}

.s-speaker__link-back {
    position: absolute;
    top: 0;
    left: 0;
}

.s-speaker__title {
    margin: 0 0 65px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
}

.s-speaker__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin: 0 -15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-speaker__col:nth-child(1) {
            flex: 0 0 340px;
    width: 340px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 340px;
        -ms-flex: 0 0 340px;
}

.s-speaker__col:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            flex: 0 1 980px;
    max-width: 980px;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 980px;
        -ms-flex: 0 1 980px;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-speaker__speaker {
    position: relative;
    display: block;
    width: 100%;
    min-height: 500px;
    margin-bottom: 1px;
    padding: 30px 30px 20px;
    text-align: center;
    background-color: #fff;
}

.s-speaker__social-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;
    width: 100%;
    min-height: 79px;
    padding: 10px 30px;
    background-color: #fff;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-speaker__main {
    display: block;
    width: 100%;
    min-height: 580px;
    margin-right: 1px;
    padding: 45px 50px 30px;
    background-color: #fff;
}

.s-speaker__aside {
            flex: 0 0 320px;
    max-width: 320px;
    min-height: 580px;
    margin-left: 1px;
    padding: 50px 25px 30px;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 320px;
        -ms-flex: 0 0 320px;
}

.s-speaker__favorites {
    position: absolute;
    top: 20px;
    left: 25px;
    display: inline-block;
            flex: 0 0 auto;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    text-decoration: none;
    color: #000;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-speaker__favorites .svg-icon {
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #191919;
}

.s-speaker__favorites:hover {
    text-decoration: none;
    color: #000;
}

.s-speaker__favorites:hover .svg-icon {
    fill: #e43b00;
}

.s-speaker__favorites.active {
    opacity: 1;
}

.s-speaker__favorites.active .svg-icon {
    fill: #f95319;
}

.s-speaker__favorites:hover.active .svg-icon {
    fill: #e43b00;
}

.s-speaker__number {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
            flex: 0 0 auto;
    margin: 0;
    color: #b4b4b4;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-speaker__vip {
    position: absolute;
    top: 20px;
    right: 25px;
    display: inline-block;
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-speaker__vip .svg-icon {
    width: 1.1em;
    fill: #f95319;
    font-size: 1.2rem;
}

.s-speaker__photo {
    display: block;
    max-width: 150px;
    height: auto;
    margin: 0 auto 20px;
    border: 0;
    border-radius: 50%;
}

.s-speaker__name {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.s-speaker__age {
    margin: -10px 0 20px;
    text-align: center;
    color: #878686;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}

.s-speaker__options {
    display: block;
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.s-speaker__option {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: flex-start;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;

    -webkit-align-items: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: start;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-speaker__option::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 14px;
    content: "";
    border-bottom: 1px dotted #b2b2b2;
}

.s-speaker__option-caption {
    position: relative;
    z-index: 10;
    display: inline-block;
            flex: 0 0 auto;
    margin: 0;
    padding-right: 1px;
    color: #878787;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-speaker__option-value {
    position: relative;
    z-index: 10;
    display: inline-block;
            flex: 0 0 auto;
    margin: 0;
    padding-left: 1px;
    text-align: right;
    color: #141414;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-speaker__option-value a {
    display: inline-block;
    margin-bottom: 4px;
    text-decoration: underline;
}

.s-speaker__order-button {
    display: block;
    max-width: 230px;
    margin: 0 auto 20px;
    padding: 12px;
    letter-spacing: .2em;
    font-size: 12px;
}

.s-speaker__order-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #ff5b1b;
    border-bottom: 1px dotted #ff5b1b;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
}

.s-speaker__order-link:hover {
    text-decoration: none;
    color: #e23f00;
    border-bottom-color: #e23f00;
}

.s-speaker__text {
    margin: 0 0 10px;
}

.s-speaker__text p {
    margin: 0 auto 25px;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
}

.s-speaker__text p a {
    text-decoration: underline;
}

.s-speaker__text p b,
.s-speaker__text p strong {
    font-weight: 400;
}

.s-speaker__text> p:first-child {
    color: #151515;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
}

.s-speaker__text> p:first-child b,
.s-speaker__text> p:first-child strong {
    color: #f95319;
    font-weight: 400;
}

.s-speaker__roles-more {
    display: none;
}

.s-speaker__aside-title {
    margin: 0 0 35px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #0f0f0f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.s-speaker__aside-title .br {
    display: block;
    overflow: hidden;
    height: 0;
}

.s-speaker__roles {
    padding: 0;
    list-style: none;
}

.s-speaker__role {
    margin: 0 0 25px;
}

.s-speaker__vacation {
    display: block;
    width: 100%;
    max-width: 226px;
    margin: 0 auto 20px;
    padding: 13px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #121212;
    border-radius: 2px;
    background-color: #e9e9e9;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.s-sp-services {
    display: block;
    padding-top: 50px;
    padding-bottom: 90px;
    background-color: #f4f4f4;
    background-image: url("../img/s-variants-bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.s-sp-services__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-sp-services__headers {
    margin: 0 auto 55px;
}

.s-sp-services__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 0 70px;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-sp-services__items .card-service {
            flex: 0 1 auto;
    margin: 0 1px 15px 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-sp-services__video {
    max-width: 640px;
    margin: 0 auto;
}

.s-sp-works {
    display: block;
    padding-top: 50px;
    padding-bottom: 80px;
    background-color: #f4f4f4;
}

.s-sp-works__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-sp-works__headers {
    margin-bottom: 55px;
}

.s-sp-works__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-sp-works__items .card-work {
            flex: 0 0 auto;
    margin: 0;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-order {
    display: block;
    padding-top: 70px;
    padding-bottom: 90px;
    background-color: #f4f4f4;
}

.s-order__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-order__title {
    margin: 0 0 70px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
}

.s-order__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: center;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-order__main {
            flex: 0 1 950px;
    max-width: 950px;
    padding: 70px 60px;
    border-right: 1px solid #f4f4f4;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 950px;
        -ms-flex: 0 1 950px;
}

.s-order__aside {
            flex: 0 1 320px;
    max-width: 320px;
    border-left: 1px solid #f4f4f4;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 320px;
        -ms-flex: 0 1 320px;
}

.s-share {
    display: block;
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
    background-color: #eee;
}

.s-share__container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
            align-items: center;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-share__title {
            flex: 0 1 auto;
    margin: 5px 10px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #1e1e1e;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-share__buttons {
    display: inline-block;
            flex: 0 1 auto;
    margin: 5px 10px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-share__buttons .ya-share2__container_size_m .ya-share2__item {
    margin: -3px 6px 0 0;
}

.s-chrono {
    display: block;
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #f4f4f4;
}

.s-chrono__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-chrono__row {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
    margin: 0 -15px;

    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-chrono__main {
    position: relative;
            flex: 0 0 80%;
    max-width: 80%;
    margin: 0 auto;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 80%;
        -ms-flex: 0 0 80%;
}

.s-chrono__label {
    margin: 15px 0;
    text-align: center;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}

.s-chrono__text-insert {
    position: absolute;
    top: -40px;
    right: 15px;
    display: none;
    color: #565656;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.s-chrono.empty .s-chrono__text-insert {
    display: inline-block;
}

.s-chrono__aside {
            flex: 0 0 32%;
    max-width: 32%;
    padding: 0 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 32%;
        -ms-flex: 0 0 32%;
}

.s-chrono__aside-box {
    display: block;
    width: 100%;
    min-height: 345px;
    padding: 45px 50px 25px;
    border-radius: 2px;
    background-color: #fff;
}

.s-chrono__aside-title {
    margin: 0 0 20px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.s-chrono__aside-subtitle {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 25px;
    text-align: center;
    color: #919191;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.s-chrono__aside-subtitle::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 34px;
    height: 2px;
    margin-left: -17px;
    content: "";
    background-color: #f95319;
}

.s-chrono__rule {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    margin-bottom: 20px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-chrono__rule-icon-right {
            flex: 0 0 auto;
    margin-right: 30px;
    fill: #066019;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-chrono__rule-icon-wrong {
            flex: 0 0 auto;
    margin-right: 30px;
    fill: #a41506;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-chrono__rule-caption {
            flex: 0 1 auto;
    margin: 0;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-chrono__top-box {
    position: relative;
    display: block;
    width: 100%;
    min-height: 270px;
    margin-bottom: 1px;
    padding: 40px 30px 40px 40px;
    border-radius: 2px;
    background-color: #fff;
}

.s-chrono textarea {
    min-height: 270px;
    margin-bottom: 30px;
    padding: 30px;
    color: #000;
    border: 1px solid #fff;
    border-radius: 2px;
    line-height: 22px;
}

.s-chrono textarea:hover,
.s-chrono textarea:focus {
    border: 1px solid #C1492E;
}

.s-chrono__footer {
    display: block;
    min-height: 30px;
    margin-bottom: 50px;
}

.s-chrono__textarea {
    display: block;
    overflow-y: auto;
    width: 100%;
    height: 190px;
    padding-right: 10px;
    word-wrap: break-word;
    color: #000;
    border: 1px solid #fff;
    border-radius: 4px;
    outline: none;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.s-chrono__textarea .text-selected {
    text-decoration: none;
    color: #f95319;
    border-bottom: 1px dotted #f95319;
    line-height: 1;
}

.s-chrono__textarea .text-selected:hover {
    text-decoration: none;
    color: #d63b06;
}

.s-chrono__textarea .text-marked {
    padding: 0 5px;
    color: #f95319;
    background-color: #fedbce;
    line-height: 1.1;
}

.s-chrono__results {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-chrono__result {
            flex: 0 1 auto;
    margin-bottom: 15px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-chrono__timings-box {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
    width: 100%;
    min-height: 74px;
    margin-bottom: 20px;
    padding: 7px 40px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-chrono__total {
            flex: 0 0 auto;
    margin-right: 40px;
    font-family: "Roboto", sans-serif;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-chrono__total span {
    color: #151515;
    font-size: 45px;
    font-weight: 600;
    line-height: 1;
}

.s-chrono__total span.seconds,
.s-chrono__total span.minutes {
    margin-left: 10px;
}

.s-chrono__total span:after {
    color: #363636;
    font-size: 32px;
    font-weight: 400;
}

.s-chrono__durations {
            flex: 0 1 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-chrono__duration {
    margin: 8px 0;
    color: #363636;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.s-chrono__duration span {
    color: #151515;
    font-size: 16px;
    font-weight: 500;
}

.s-chrono__duration span:after {
    color: #363636;
    font-size: 14px;
    font-weight: 400;
}

.s-chrono .minutes {
    display: none;
}

.s-chrono .minutes:after {
    content: " мин";
}

.s-chrono .seconds:after {
    content: " сек";
}

.s-chrono .equals {
    display: none;
    font-size: 34px;
}

.s-audio-examples {
    display: block;
    padding-top: 110px;
    padding-bottom: 70px;
}

.s-audio-examples__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-audio-examples__headers {
    margin-bottom: 55px;
}

.s-audio-examples__button-wrapper {
    margin: 40px 0 0;
    text-align: center;
}

.s-audio-prices {
    display: block;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fff;
}

.s-audio-prices__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-audio-prices__headers {
    margin-bottom: 70px;
}

.s-audio-prices__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    max-width: 920px;
    margin: 0 auto;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-audio-prices__item {
            flex: 0 0 33.3333%;
    max-width: 33.3333%;
    min-height: 100px;
    margin: 0 -1px 0 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
}

.s-audio-prices__item-main {
    z-index: 100;
    border: 3px solid #f94e1e;
}

.s-audio-prices__bottom {
    position: relative;
    z-index: 100;
    display: block;
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    padding: 45px 20px;
    border: 1px solid #e4e4e4;
    border-top: none;
    background-color: #fff;
}

.s-audio-prices__bottom-or {
    position: absolute;
    z-index: 100;
    top: -11px;
    left: 50%;
    display: block;
    width: 80px;
    margin-left: -40px;
    text-align: center;
    color: #c6c6c6;
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.s-audio-prices__bottom-text {
    display: block;
    margin: 0;
    text-align: center;
    color: #222;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.s-audio-prices__bottom-text a {
    text-decoration: underline;
    color: #ff5b1b;
}

.s-audio-prices__bottom-text a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.s-audio-prices__note {
    text-align: center;
}

.s-audio-prices .slick-prev,
.s-audio-prices .slick-next {
    position: absolute;
    top: 0;
    margin-top: 0;
}

.s-audio-prices .slick-prev {
    left: 50%;
    margin-left: -40px;
}

.s-audio-prices .slick-next {
    right: auto;
    left: 50%;
    margin-left: 2px;
}

.s-sale {
    display: block;
    padding-top: 130px;
    padding-bottom: 75px;
    background-image: -webkit-linear-gradient(49deg, #f94e1e 0%, #e72c2c 100%);
    background-image:    -moz-linear-gradient(49deg, #f94e1e 0%, #e72c2c 100%);
    background-image:      -o-linear-gradient(49deg, #f94e1e 0%, #e72c2c 100%);
    background-image:         linear-gradient(41deg, #f94e1e 0%, #e72c2c 100%);
    background-image: url("../img/sale-bg.jpg");
    background-position: center center;
}

.s-sale__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-sale__content {
    max-width: 620px;
    margin-right: 0;
    margin-left: auto;
    text-align: center;
}

.s-sale__title {
    margin-bottom: 35px;
    letter-spacing: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 75px;
    font-weight: 500;
}

.s-sale__title span {
    display: block;
    padding-top: 30px;
    letter-spacing: normal;
    text-transform: none;
    font-size: 24px;
    font-weight: 300;
}

.s-sale__subtitle {
    margin-bottom: 65px;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    font-weight: 500;
}

.s-sale__subtitle span {
    color: #fa8d00;
}

.s-sale__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-sale__item {
    position: relative;
            flex: 0 0 156px;
    max-width: 156px;
    margin: 0 25px 40px;
    padding: 0;
    text-align: center;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 156px;
        -ms-flex: 0 0 156px;
}

.s-sale__caption {
    letter-spacing: 2.4px;
    word-spacing: 156px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.s-sale__old-price {
    position: relative;
    display: inline-block;
    margin-top: 38px;
    margin-bottom: 10px;
    padding: 0 2px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

.s-sale__old-price:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    content: "";
    -webkit-transform: rotate(-10deg);
       -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg);
    border-top: 1px solid #000;
}

.s-sale__new-price {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 18px;
}

.s-sale__icon {
    height: 131px;
    margin-top: 20px;
    background-image: url("../img/badge.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.s-sale__conditions {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.s-sale__conditions span {
    margin-right: 3px;
    color: #fa8d00;
    font-size: 18px;
}

.s-sale__conditions a {
    text-decoration: underline;
}

.s-sale__conditions a:hover {
    color: #fff;
}

.s-audiobook-examples {
    display: block;
    padding-top: 110px;
    padding-bottom: 70px;
}

.s-audiobook-examples__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-audiobook-examples__headers {
    margin-bottom: 45px;
}

.s-audiobook-examples__items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-audiobook-examples__item {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
            flex: 0 1 calc(50% - 15px);
    margin-bottom: 30px;
    padding: 0;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    background-color: #f4f4f4;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 -webkit-calc(50% - 15px);
        -ms-flex: 0 1 calc(50% - 15px);
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.s-audiobook-examples__item::before {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: -1px;
    left: 0;
    display: block;
    content: "";
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    border: 1px solid #e4e4e4;
}

.s-audiobook-examples__item:hover {
    z-index: 10px;
}

.s-audiobook-examples__item:hover::before {
    right: 0;
    bottom: 0;
    border: 1px solid #ff5b1b;
    box-shadow: -.6px 16px 27px rgba(109,109,109,.2);
}

.s-audiobook-examples__player {
    position: relative;
    z-index: 10;
            flex: 0 0 auto;
    margin-right: 13px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.s-audiobook-examples__content {
    position: relative;
    z-index: 10;
            flex: 0 1 auto;
    width: 100%;
    padding: 30px 80px 35px 45px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.s-audiobook-examples__content hr {
    height: 1px;
    border-color: #e4e4e4;
}

.s-audiobook-examples__name {
    margin-bottom: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.s-audiobook-examples__author {
    margin-bottom: 25px;
    color: #9f9f9f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.s-audiobook-examples__voices {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #171717;
    font-size: 14px;
    line-height: 59px;
}

.s-audiobook-examples__voices a {
    margin-left: 5px;
    text-decoration: underline;
}

.s-audiobook-examples__caption {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.s-audiobook-examples__caption a {
    text-decoration: underline;
}

.s-audiobook-examples__subcaption {
    margin: 0;
    opacity: .7;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 15px;
}

.s-audiobook-examples__button-wrapper {
    margin: 40px 0 0;
    text-align: center;
}

.s-audiobook-prices {
    display: block;
    padding-top: 80px;
    padding-bottom: 70px;
}

.s-audiobook-prices__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-audiobook-prices__headers {
    margin-bottom: 70px;
}

.s-audiobook-prices__items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 auto 60px;
    padding: 0;
    list-style: none;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-audiobook-prices__item {
            flex: 0 0 33.3333%;
    max-width: 300px;
    min-height: 100px;
    margin: 0 50px 0 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
}

.s-audiobook-prices__item--last {
    margin-right: 0;
    border: 3px solid #f94e1e;
}

.s-audiobook-prices__icon {
    position: absolute;
    z-index: 50;
    top: 130px;
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    color: #ff5b1b;
    border: 2px solid #ff5b1b;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    font-size: 36px;
    font-weight: 500;
    line-height: 68px;
}

.s-audiobook-prices__icon--plus {
    left: -webkit-calc(50% - 210px);
    left:    -moz-calc(50% - 210px);
    left:         calc(50% - 210px);
}

.s-audiobook-prices__icon--result {
    left: -webkit-calc(50% + 140px);
    left:    -moz-calc(50% + 140px);
    left:         calc(50% + 140px);
}

.s-audiobook-prices__button-wrapper {
    text-align: center;
}

.s-audiobook-prices__button {
    margin-bottom: 15px;
}

.s-audiobook-prices__button-caption {
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.s-readers {
    display: block;
    padding-top: 80px;
    padding-bottom: 30px;
    background-color: #fff;
}

.s-readers--audio {
    padding-bottom: 80px;
}

.s-readers__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-readers__headers {
    margin-bottom: 60px;
}

.s-readers__cards {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: center;
    margin: 0 auto 70px;
    text-align: center;

    -webkit-box-pack: center;
       -moz-box-pack: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.s-readers__cards .card-speaker {
    width: 250px;
    margin: 0 15px 30px;
    padding: 35px 20px 20px;
}

.s-readers__cards .card-speaker__name {
    margin: 0 0 10px;
}

.s-readers__cards .card-speaker__price {
    margin: 0 0 6px;
}

.s-readers__cards .card-speaker__download {
    margin: 0 0 20px;
}

.s-video-examples {
    padding-top: 110px;
    padding-bottom: 70px;
}

.s-video-examples__container {
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.s-video-examples__headers {
    margin-bottom: 55px;
}

.s-video-examples__videos {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            justify-content: space-between;
    margin: 0;
    padding: 0;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.s-video-examples__videos .card-video {
    width: -webkit-calc(50% - 15px);
    width:    -moz-calc(50% - 15px);
    width:         calc(50% - 15px);
}

.top-bar__container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    max-width: 1300px;
    height: 44px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.top-bar__menu {
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.top-bar__actions {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;
            flex-flow: row nowrap;
            align-items: center;
            flex: 0 0 auto;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.top-bar__action {
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.top-bar__action:not(:last-child) {
    margin-right: 35px;
}

.mmenu {
    position: fixed;
    z-index: 450;
    top: 0;
    left: 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    background: rgba(255,255,255,.97);
}

.mmenu--scale {
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility 0s .2s, -webkit-transform .2s;
       -moz-transition: transform .2s, opacity .2s, visibility 0s .2s, -moz-transform .2s;
         -o-transition: transform .2s, opacity .2s, visibility 0s .2s, -o-transform .2s;
            transition: opacity .2s, visibility 0s .2s, -webkit-transform .2s;
            transition: transform .2s, opacity .2s, visibility 0s .2s;
            transition: transform .2s, opacity .2s, visibility 0s .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s;
    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
         -o-transform: scale(.9);
            transform: scale(.9);
    opacity: 0;
}

.mmenu--scale.on {
    visibility: visible;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
       -moz-transition: transform .4s, opacity .4s, -moz-transform .4s;
         -o-transition: transform .4s, opacity .4s, -o-transform .4s;
            transition: opacity .4s, -webkit-transform .4s;
            transition: transform .4s, opacity .4s;
            transition: transform .4s, opacity .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.mmenu__container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.mmenu__top {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: flex-end;
            align-items: center;
    width: 100%;
    height: 60px;
    margin-bottom: 40px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: end;
       -moz-box-pack: end;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
}

.mmenu__main {
    overflow: hidden;
    width: 260px;
    margin-right: auto;
    margin-left: auto;
}

.mmenu__action {
            flex: 0 0 auto;
    margin-right: 30px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.mmenu__action:first-child {
    margin-right: 35px;
}

.mmenu__action:last-child {
    margin-right: 10px;
}

.mmenu__menu {
    margin-bottom: 30px;
}

.mmenu__button-order {
    width: 100%;
    margin-bottom: 20px;
    padding: 12px 10px;
}

.mmenu__phone {
    width: 100%;
    margin-bottom: 40px;
}

.collapse-text {
    position: relative;
    margin-bottom: 0;
}

.collapse-text.hide {
    overflow: hidden;
}

.collapse-text.hide::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    content: "";
    pointer-events: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff 100%);
    background:    -moz-linear-gradient(top, rgba(255,255,255,0), #fff 100%);
    background:      -o-linear-gradient(top, rgba(255,255,255,0), #fff 100%);
    background:         linear-gradient(to bottom, rgba(255,255,255,0), #fff 100%);
}

.collapse-text.hide.gray::after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(244,244,244,0)), to(#f4f4f4));
    background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%, #f4f4f4 100%);
    background:    -moz-linear-gradient(top, rgba(244,244,244,0) 0%, #f4f4f4 100%);
    background:      -o-linear-gradient(top, rgba(244,244,244,0) 0%, #f4f4f4 100%);
    background:         linear-gradient(to bottom, rgba(244,244,244,0) 0%, #f4f4f4 100%);
}

.collapse-text.shown {
    overflow: visible;
}

.collapse-text.shown::after {
    display: none;
}

.link-more-block {
    display: none;
    margin-top: 30px;
    text-align: center;
}

.p-audios {
    display: block;
    padding: 55px 40px 50px;
}

.p-audios__title {
    overflow: hidden;
    margin: 0 auto 15px;
    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.p-audios__subtitle {
    margin: 0 auto 35px;
    text-align: center;
    color: rgba(255,255,255,.7);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.p-audios__player {
    display: block;
    margin: 0 auto 35px;
}

.p-audios__descr {
    text-align: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.p-audios__speakers-title {
    margin: 0 0 15px;
    text-align: center;
    color: rgba(255,255,255,.39);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.p-audios__speakers {
    margin: 0 0 20px;
}

.p-audios__speaker {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: underline;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.p-audios__speaker:hover {
    color: #fff;
}

.p-audios__download {
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    border-radius: 50%;
    background-color: #f94e1e;
}

.p-audios__download .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 16px;
    margin-top: -8px;
    margin-left: -5px;
    fill: #fff;
}

.p-audios__download:hover {
    text-decoration: none;
    background-color: #e73f0f;
}

.p-audios .slick-prev,
.p-audios .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 35px;
    height: 60px;
    margin-top: -30px;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.p-audios .slick-prev::before,
.p-audios .slick-next::before {
    top: 13px;
    width: 42px;
    height: 42px;
    border-width: 3px;
    border-color: #fff;
}

.p-audios .slick-prev.slick-disabled,
.p-audios .slick-next.slick-disabled {
    display: none !important;
}

.p-audios .slick-prev.slick-disabled::before,
.p-audios .slick-next.slick-disabled::before {
    cursor: default;
    border-color: #666;
}

.p-audios .slick-prev::before {
    right: auto;
    left: 12px;
}

.p-audios .slick-next::before {
    right: 11px;
    left: auto;
}

.p-audios .slick-prev {
    left: -180px;
}

.p-audios .slick-next {
    right: -180px;
}

.p-item {
    display: block;
}

.p-item__caption {
    display: block;
    margin: 0 0 15px;
    color: #959595;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.p-item__caption .svg-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    fill: #f95319;
}

.p-item__text {
    display: block;
    margin: 0;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.popup {
    position: relative;
    display: block;
    width: 100%;
    max-width: 620px;
    margin: 80px auto;
    padding: 50px 55px 15px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.3);
}

.popup--contacts {
    margin: 0 auto;
}

.popup--success {
    padding-top: 170px;
    padding-bottom: 40px;
    text-align: center;
}

.popup--success a {
    text-decoration: underline;
    color: #383838;
    font-weight: 700;
}

.popup--success a:hover {
    color: #C1492E;
}

.popup--speakers {
    max-width: 950px;
    padding: 70px 60px;
}

.popup--script {
    max-width: 645px;
    padding: 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;
}

.popup--audio {
    max-width: 400px;
    padding: 0;
    border: 1px solid #808080;
    background-color: transparent;
}

.popup__close {
    position: absolute;
    z-index: 100;
    top: 5px;
    right: 4px;
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    border: none;
    background-color: transparent;
}

.popup__close::before,
.popup__close::after {
    position: absolute;
    top: 19px;
    left: 11px;
    display: block;
    width: 19px;
    height: 1px;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    background-color: #a8a8a8;
}

.popup__close::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.popup__close::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.popup__close:hover::before,
.popup__close:hover::after {
    background-color: #fff;
}

.popup__icon-success {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -35px;
    fill: #36a639;
}

.popup__icon-failure {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -35px;
    fill: #ce0000;
}

.popup__title {
    margin: 0 auto 25px;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
}

.popup--success .popup__title {
    max-width: 400px;
}

.popup--speakers .popup__title {
    margin-bottom: 40px;
}

.popup__text {
    max-width: 420px;
    margin: 0 auto 25px;
    text-align: center;
    color: #383838;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

.popup--success .popup__text {
    font-size: 16px;
}

.popup__text a {
    text-decoration: underline;
    color: #383838;
    font-weight: 700;
}

.popup__text a:hover {
    text-decoration: none;
    color: #C1492E;
}

.popup__info {
    margin-bottom: 35px;
    text-align: center;
    color: #383838;
    font-size: 15px;
}

.popup__info a {
    text-decoration: underline;
    font-weight: 500;
}

.popup__form {
    margin: 15px 0 0;
}

.popup__form-search {
    margin-bottom: 35px;
}

.popup__speakers-label {
    display: block;
    margin-bottom: 20px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.popup__speakers-items {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
    margin-bottom: 30px;

    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.popup__speaker {
    width: 20%;
    min-height: 239px;
    word-wrap: break-word;
}

.popup__top {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
    padding: 40px 40px 35px;
    border-bottom: 1px solid #e8e8e8;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.popup__top-item {
            flex: 0 0 130px;
    max-width: 130px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 130px;
        -ms-flex: 0 0 130px;
}

.popup__main {
    padding: 40px;
}

.popup__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    padding: 25px 40px;
    border-top: 1px solid #e8e8e8;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.popup__caption {
    text-transform: uppercase;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.popup__content:not(:last-child) {
    margin-bottom: 30px;
}

.popup__content p {
    margin: 0 0 15px;
    color: #212121;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.popup__content p:last-of-type {
    margin-bottom: 0;
}

.popup__player {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row wrap;
            align-items: center;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
}

.popup__player .player {
    margin-right: 15px;
}

.popup__player-caption {
    margin: 0;
    text-transform: uppercase;
    color: #0e0e0e;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.popup__link-download {
    text-decoration: none;
}

.popup__link-download .svg-icon {
    width: 23px;
    height: 26px;
    margin-right: 15px;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    fill: #f94e1e;
}

.popup__link-download span {
    text-decoration: underline;
    color: #fa6439;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.popup__link-download:hover {
    color: #f9410c;
}

.popup__link-download:hover .svg-icon {
    fill: #e73706;
}

.popup__card {
    position: relative;
    display: block;
    width: 211px;
    height: 100%;
    min-height: 260px;
    margin: 0 auto 30px;
    padding: 10px 15px 10px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #dfdfdf;
}

.popup.featured .popup__card {
    z-index: 10;
    box-shadow: 0 0 0 2px #f95319;
}

.ios .popup__card {
    min-height: 280px;
}

.popup.featured .popup__card {
    box-shadow: 0 0 0 2px #f95319, -.5px 15px 40px rgba(185,185,185,.75);
}

.popup__card .player__button {
    opacity: 1;
}

.popup__card .card__bottom {
    display: none;
}

.popup__exit {
    position: absolute;
    z-index: 1500;
    top: 25px;
    right: 30px;
    display: block;
    width: 34px;
    height: 34px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    opacity: 1;
    color: transparent;
    border: none;
    background-color: transparent;
    font-size: 0;
}

.popup__exit::before,
.popup__exit::after {
    position: absolute;
    top: 15px;
    left: 0;
    display: block;
    width: 40px;
    height: 3px;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    background-color: #fff;
}

.popup__exit::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.popup__exit::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.popup__exit:hover::before,
.popup__exit:hover::after {
    background-color: #f95f3a;
}

button.mfp-close {
    position: absolute;
    z-index: 1500;
    top: 25px;
    right: 30px;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    opacity: 1;
    color: transparent;
    border: none;
    background-color: transparent;
    font-size: 0;
}

button.mfp-close::before,
button.mfp-close::after {
    position: absolute;
    z-index: 1500;
    top: 15px;
    right: 0;
    display: block;
    width: 40px;
    height: 3px;
    content: "";
    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    background-color: #fff;
}

button.mfp-close::before {
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

button.mfp-close::after {
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

button.mfp-close:hover::before,
button.mfp-close:hover::after {
    background-color: #f95f3a;
}

.mfp-container {
    padding: 0;
}

.mfp-zoom-in .popup {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
       -moz-transform: scale(.8);
        -ms-transform: scale(.8);
         -o-transform: scale(.8);
            transform: scale(.8);
    opacity: 0;
}

.mfp-wrap .mfp-iframe-holder .mfp-content {
    opacity: 0;
}

.mfp-wrap.mfp-ready .mfp-iframe-holder .mfp-content {
    opacity: 1;
}

.mfp-wrap.mfp-removing .mfp-iframe-holder .mfp-content {
    opacity: 0;
}

.mfp-iframe-holder .mfp-content {
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

.mfp-zoom-in.mfp-bg {
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    opacity: 0;
}

.mfp-zoom-in.mfp-ready .popup {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .95;
}

.mfp-zoom-in.mfp-removing .popup {
    -webkit-transform: scale(.8);
       -moz-transform: scale(.8);
        -ms-transform: scale(.8);
         -o-transform: scale(.8);
            transform: scale(.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.popups {
    display: none;
}

.header {
    position: relative;
    z-index: 500;
    display: block;
            flex: none;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
}

.header__top-bar {
    display: block;
    border-bottom: 1px solid #e8e8e8;
}

.header__main {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            align-items: center;
    max-width: 1300px;
    height: 86px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
}

.header__mail {
    display: none;
    text-align: center;
    text-decoration: underline;
    padding: 5px;
}

.header__logo {
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.header__menu-main {
            flex: 0 1 auto;
    margin: 0 auto 0 40px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
}

.header__button-order {
            flex: 0 0 auto;
    margin-right: 30px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.header__phone {
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.header__button-menu {
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;
    display: none;
    width: 52px;
    height: 100%;
}

.header-chrono {
    display: block;
            flex: none;
    padding: 30px 0;
    background-color: #eee;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
}

.header-chrono__container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
}

.header-chrono__logo {
    display: inline-block;
            flex: 0 0 auto;
    max-width: 250px;
    margin-right: 60px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.header-chrono__title {
    margin: 0 0 10px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #171717;
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

.header-chrono__title:first-letter {
    color: #ec3628;
}

.header-chrono__subtitle {
    margin: 0;
    letter-spacing: .2em;
    text-transform: uppercase;
    opacity: .4;
    color: #191919;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
}

.header-chrono__about {
    padding-left: 60px;
    color: #7b7b7b;
    border-left: 2px solid #f95319;
}

.header-chrono__about h1,
.header-chrono__about h2,
.header-chrono__about h3 {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}

.header-chrono__about h1 {
    margin-bottom: 5px;
    letter-spacing: .12em;
    color: #171717;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.content {
            flex: 1 0 auto;
    width: 100%;

    -webkit-box-flex: 1;
       -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
}

.content.blur {
    -webkit-filter: blur(3px);
            filter: blur(3px);
}

.chrono .content {
    padding-top: 0 !important;
}

.footer {
    display: block;
            flex: none;
    width: 100%;
    background-color: #fff;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
}

.footer__top {
    padding-top: 60px;
    padding-bottom: 15px;
}

.footer__top-container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.footer__top-left {
            flex: 0 0 60%;
    width: 60%;
    padding-right: 10px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 60%;
        -ms-flex: 0 0 60%;
}

.footer__top-right {
            flex: 0 0 40%;
    width: 40%;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
}

.footer__bottom {
    padding-top: 40px;
    padding-bottom: 10px;
    border-top: 1px solid #e5e5e5;
}

.footer__bottom-container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.footer__bottom-left,
.footer__bottom-right {
            flex: 0 0 185px;
    max-width: 185px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 185px;
        -ms-flex: 0 0 185px;
}

.footer__bottom-mid {
            flex: 0 1 500px;
    max-width: 500px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 500px;
        -ms-flex: 0 1 500px;
}

.footer__logo {
    margin-bottom: 17px;
}

.footer__copyright {
    margin: 0 0 18px;
    color: #727272;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.footer__payoptions {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    width: 100%;
    margin: 0 0 25px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.footer__payoptions img {
    display: inline-block;
            flex: 0 0 auto;
    max-width: 100%;
    height: auto;
    margin: 0;
    -webkit-transition: -webkit-filter .3s ease;
       -moz-transition:         filter .3s ease;
         -o-transition:         filter .3s ease;
            transition: -webkit-filter .3s ease;
            transition:         filter .3s ease;
            transition:         filter .3s ease, -webkit-filter .3s ease;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.footer__payoptions img:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.footer__about {
    margin: 0 0 18px;
    text-align: center;
    color: #959595;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3;
}

.footer__rules {
    display: block;
    margin: 0 0 18px;
    text-align: center;
    text-decoration: none;
    color: #f94e1e;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
}

.footer__rules:hover {
    text-decoration: underline;
    color: #f94e1e;
}

.footer-chrono {
    display: block;
            flex: none;
    padding: 30px 0;
    background-color: #eee;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
}

.footer-chrono__container {
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-align-items: center;
    -webkit-box-align: center;
       -moz-box-align: center;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
    -ms-flex-align: center;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
}

.footer-chrono__copyright {
            flex: 0 1 270px;
    max-width: 270px;
    margin: 0;
    padding-right: 10px;
    color: #7f7f7f;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 270px;
        -ms-flex: 0 1 270px;
}

.footer-chrono__copyright a {
    text-decoration: underline;
    color: #f95319;
}

.footer-chrono__copyright a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.footer-chrono__logo {
            flex: 0 0 auto;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
}

.footer-chrono__email {
            flex: 0 1 250px;
    max-width: 250px;
    margin: 0;
    padding-left: 10px;
    text-align: right;
    color: #696969;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

    -webkit-box-flex: 0;
       -moz-box-flex: 0;
    -webkit-flex: 0 1 250px;
        -ms-flex: 0 1 250px;
}

.footer-chrono__email a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
    color: #f95319;
}

.footer-chrono__email a:hover {
    text-decoration: underline;
    color: #C1492E;
}

.page {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;
    height: 100%;

    -webkit-box-direction: normal;
       -moz-box-direction: normal;
    -webkit-box-orient: vertical;
       -moz-box-orient: vertical;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}

.page--chronomer {
    background-color: #eee;
}

.page--chronomer .content {
    padding: 0;
    background-color: #f4f4f4;
}

@media only screen and (min-width: 600px) {
    .form-item__duration {
        top: 30px;
    }
}

@media only screen and (min-width: 650px) {
    .card-service:hover::before {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        border-color: #ff5b1b;
        box-shadow: -.5px 15px 40px rgba(185,185,185,.48);
    }
}

@media only screen and (min-width: 759px) {
    .card__wrapper:hover {
        position: absolute;
        z-index: 50;
        top: 0;
        right: -20px;
        left: -20px;
        width: 251px;
        height: auto;
        box-shadow: 0 0 0 1px #dfdfdf, -.5px 15px 40px rgba(185,185,185,.75);
    }

    .card.featured .card__wrapper:hover {
        z-index: 20;
        left: -20px;
        box-shadow: 0 0 0 2px #f95319, -.5px 15px 40px rgba(185,185,185,.75);
    }

    .card__wrapper:hover .player__button {
        opacity: 1;
    }

    .card__wrapper:hover .card__featured {
        top: 210px;
        left: 20px;
    }
}

@media only screen and (min-width: 1000px) {
    .tile-service--1 {
        overflow-y: hidden;
        height: 350px;
        background-image: url("../img/services/ivr.jpg");
        background-repeat: no-repeat;
        background-position: top left;
        -webkit-background-size: 80% 80%;
           -moz-background-size: 80%;
             -o-background-size: 80%;
                background-size: 80%;
    }

    .tile-service--2 {
        height: 350px;
        background-image: url("../img/services/audio.png");
        background-repeat: no-repeat;
        background-position: 110% 105%;
    }

    .tile-service--2:hover {
        background-position: 115% 100%;
    }

    .tile-service--3 {
        height: 300px;
    }

    .tile-service--4 {
        height: 165px;
    }

    .tile-service--5 {
        height: 165px;
    }

    .tile-service--6 {
        height: 300px;
        background-image: url("../img/services/all.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }

    .tile-service--1 .tile-service__content {
        padding-top: 220px;
        padding-right: 20px;
        padding-left: 20px;
        border: 2px solid transparent;
        background-color: transparent;
    }

    .tile-service--1:hover .tile-service__content {
        width: 100%;
        height: 100%;
        padding-top: 25px;
        border-color: #ff5b1b;
        background-color: #f6f6f6;
    }

    .tile-service--2 .tile-service__content {
        max-width: 280px;
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .tile-service--3 .tile-service__content {
        display: -webkit-box;
        display: -webkit-flex;
        display:    -moz-box;
        display: -ms-flexbox;
        display:         flex;
                flex-flow: row nowrap;
                align-items: flex-start;
        padding-top: 40px;
        padding-left: 40px;

        -webkit-align-items: flex-start;
        -webkit-box-align: start;
           -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
    }

    .tile-service--4 .tile-service__content {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 70px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        background-color: #f6f6f6;
        background-image: url("../img/services/scripts.jpg");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .tile-service--4:hover .tile-service__content {
        z-index: 20;
        height: 350px;
        padding-top: 30px;
    }

    .tile-service--5 .tile-service__content {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 70px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        background-color: #f6f6f6;
        background-image: url("../img/services/video.jpg");
        background-repeat: no-repeat;
        background-position: top right;
    }

    .tile-service--5:hover .tile-service__content {
        z-index: 20;
        height: 350px;
        padding-top: 30px;
    }

    .tile-service--6 .tile-service__content {
        padding-top: 30px;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
    }

    .tile-service__title {
        font-size: 16px;
    }

    .tile-service--1 .tile-service__title {
        margin-bottom: 15px;
        padding-top: 30px;
        padding-bottom: 0;
        text-align: left;
        font-size: 15px;
        line-height: 1.2;
    }

    .tile-service--1 .tile-service__title::after {
        top: 0;
        bottom: auto;
        left: 0;
        margin-left: 0;
    }

    .tile-service--1:hover .tile-service__title {
        padding-top: 0;
    }

    .tile-service--1:hover .tile-service__title::after {
        display: none;
    }

    .tile-service--2 .tile-service__title {
        margin-bottom: 30px;
        padding-bottom: 30px;
        text-align: left;
    }

    .tile-service--2 .tile-service__title::after {
        left: 0;
        margin-left: 0;
    }

    .tile-service--2:hover .tile-service__title {
        padding-bottom: 0;
    }

    .tile-service--2:hover .tile-service__title::after {
        display: none;
    }

    .tile-service--3 .tile-service__title {
        max-width: 130px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 30px;
        padding-bottom: 0;
        text-align: left;
    }

    .tile-service--3 .tile-service__title::after {
        top: 0;
        bottom: auto;
        left: 0;
        margin-left: 0;
    }

    .tile-service--4 .tile-service__title {
        padding-bottom: 0;
        text-align: center;
    }

    .tile-service--4 .tile-service__title::after {
        display: none;
    }

    .tile-service--5 .tile-service__title {
        max-width: 120px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 0;
        text-align: center;
    }

    .tile-service--5 .tile-service__title::after {
        display: none;
    }

    .tile-service--1 .tile-service__text {
        text-align: left;
        opacity: 0;
        line-height: 1.5;
    }

    .tile-service--1:hover .tile-service__text {
        opacity: 1;
    }

    .tile-service--2 .tile-service__text {
        text-align: left;
    }

    .tile-service--3 .tile-service__text {
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        text-align: left;
        opacity: 0;
    }

    .tile-service--3:hover .tile-service__text {
        opacity: 1;
    }

    .tile-service--4 .tile-service__text {
        opacity: 0;
    }

    .tile-service--4:hover .tile-service__text {
        opacity: 1;
    }

    .tile-service--5 .tile-service__text {
        opacity: 0;
    }

    .tile-service--5:hover .tile-service__text {
        opacity: 1;
    }

    .tile-service--6 .tile-service__text {
        max-width: 200px;
        margin: 0 auto 30px;
    }

    .tile-service--1 .tile-service__button {
        opacity: 0;
    }

    .tile-service--1:hover .tile-service__button {
        opacity: 1;
    }

    .tile-service--2 .tile-service__button {
        margin-right: 0;
        margin-left: 0;
        opacity: 0;
    }

    .tile-service--2:hover .tile-service__button {
        opacity: 1;
    }

    .tile-service--3 .tile-service__button {
        width: 100%;
        max-width: 240px;
        margin-right: 0;
        margin-left: 0;
        padding-right: 5px;
        padding-left: 5px;
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        opacity: 0;
    }

    .tile-service--3:hover .tile-service__button {
        opacity: 1;
    }

    .tile-service--4 .tile-service__button,
    .tile-service--5 .tile-service__button {
        opacity: 0;
    }

    .tile-service--4:hover .tile-service__button,
    .tile-service--5:hover .tile-service__button {
        opacity: 1;
    }

    .tile-service__left {
                flex: 0 1 220px;
        max-width: 220px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 220px;
            -ms-flex: 0 1 220px;
    }

    .tile-service__right {
                flex: 0 1 400px;
        max-width: 400px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 400px;
            -ms-flex: 0 1 400px;
    }

    .tile-service__quantity {
        margin: 0 0 70px;
    }

    .tile-service__background {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        opacity: 1;
        background-image: url("../img/services/speakers.jpg");
        background-repeat: no-repeat;
        background-position: bottom right;
        -webkit-background-size: 85% 85%;
           -moz-background-size: 85%;
             -o-background-size: 85%;
                background-size: 85%;
    }

    .tile-service:hover .tile-service__background {
        opacity: 0;
    }

    .card-service--single {
        max-width: 100%;
    }

    .card-service--single .card-service__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display:    -moz-box;
        display: -ms-flexbox;
        display:         flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                align-items: center;

        -webkit-align-items: center;
        -webkit-box-align: center;
           -moz-box-align: center;
        -webkit-box-pack: justify;
           -moz-box-pack: justify;
        -ms-flex-align: center;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
    }

    .card-service--single .card-service__title {
                flex: 0 1 140px;
        max-width: 140px;
        margin: 0;
        text-align: left;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 140px;
            -ms-flex: 0 1 140px;
    }

    .card-service--single .card-service__player {
                flex: 0 0 auto;
        margin: 0 40px 0 10px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
    }

    .card-service--single .card-service__options {
        display: -webkit-box;
        display: -webkit-flex;
        display:    -moz-box;
        display: -ms-flexbox;
        display:         flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                align-items: center;
                flex: 0 0 50%;
        max-width: 50%;
        margin: 0;

        -webkit-align-items: center;
        -webkit-box-align: center;
           -moz-box-align: center;
        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-box-pack: justify;
           -moz-box-pack: justify;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
        -ms-flex-align: center;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
    }

    .card-service--single .card-service__option {
        display: block;
                flex: 0 0 100px;
        max-width: 100px;
        margin: 0 5px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100px;
            -ms-flex: 0 0 100px;
    }

    .card-service--single .card-service__option-caption {
        display: block;
                flex: none;
        margin-bottom: 7px;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .card-service--single .card-service__option-value {
        display: block;
                flex: none;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .card-service--single .card-service__button {
                flex: 0 0 auto;
        margin: 0 0 0 40px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
    }

    .headers--q .headers__pretitle {
        font-size: 24px;
    }

    .headers--q .headers__subtitle {
        font-size: 18px;
    }

    .header.fixed .top-bar__container {
        height: 34px;
    }

    .header.fixed {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        opacity: .95;
        border-bottom-color: #fff;
        box-shadow: 0 1px 20px rgba(0,0,0,.1);
    }

    .header.fixed .header__main {
        height: 60px;
    }

    .content.scrolled {
        padding-top: 116px;
    }
}

@media only screen and (min-width: 1100px) {
    .card-service--single .card-service__title {
                flex: 0 0 auto;
        max-width: 100%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
    }
}

@media only screen and (min-width: 1150px) {
    .tile-service--1 .tile-service__title {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.33;
    }

    .tile-service--1 .tile-service__text {
        line-height: 1.7;
    }
}

@media only screen and (min-width: 1200px) {
    .tile-service--2 {
        background-position: 100% 105%;
    }

    .tile-service--2:hover {
        background-position: 105% 100%;
    }

    .tile-service--1:hover .tile-service__content {
        padding-top: 30px;
    }

    .tile-service--2 .tile-service__content {
        max-width: 320px;
    }

    .tile-service--4 .tile-service__content {
        padding-right: 40px;
        padding-left: 40px;
    }

    .tile-service--5 .tile-service__content {
        padding-right: 40px;
        padding-left: 40px;
    }

    .tile-service--6 .tile-service__content {
        padding-right: 40px;
        padding-left: 40px;
    }

    .tile-service__right {
                flex: 0 1 440px;
        max-width: 440px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 440px;
            -ms-flex: 0 1 440px;
    }
}

@media only screen and (min-width: 1300px) {
    .s-first .breadcrumbs {
        position: absolute;
        top: 35px;
    }

    .tile-service--1 .tile-service__content {
        padding-right: 40px;
        padding-left: 40px;
    }

    .tile-service--2 .tile-service__content {
        max-width: 360px;
        padding-right: 40px;
        padding-left: 40px;
    }

    .tile-service__left {
                flex: 0 1 330px;
        max-width: 330px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 330px;
            -ms-flex: 0 1 330px;
    }

    .card-price:hover::before {
        top: -25px;
        right: -15px;
        bottom: -25px;
        left: -15px;
        border-color: #ff5b1b;
        box-shadow: -.5px 15px 40px rgba(185,185,185,.48);
    }

    .card-price:hover .card-price__in {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .s-start {
        display: -webkit-box;
        display: -webkit-flex;
        display:    -moz-box;
        display: -ms-flexbox;
        display:         flex;
                justify-content: center;
                align-items: center;
        height: -webkit-calc(100vh - 130px);
        height:    -moz-calc(100vh - 130px);
        height:         calc(100vh - 130px);
        min-height: 630px;
        max-height: 800px;

        -webkit-align-items: center;
        -webkit-box-align: center;
           -moz-box-align: center;
        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-first {
        display: -webkit-box;
        display: -webkit-flex;
        display:    -moz-box;
        display: -ms-flexbox;
        display:         flex;
                justify-content: center;
                align-items: center;
        height: -webkit-calc(100vh - 130px);
        height:    -moz-calc(100vh - 130px);
        height:         calc(100vh - 130px);
        min-height: 630px;

        -webkit-align-items: center;
        -webkit-box-align: center;
           -moz-box-align: center;
        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }
}

@media only screen and (min-width: 1500px) {
    .tile-service--1 {
        height: 390px;
        -webkit-background-size: auto auto;
           -moz-background-size: auto;
             -o-background-size: auto;
                background-size: auto;
    }

    .tile-service--2 {
        height: 390px;
    }

    .tile-service--3 {
        height: 360px;
    }

    .tile-service--4 {
        height: 185px;
    }

    .tile-service--5 {
        height: 185px;
    }

    .tile-service--6 {
        height: 360px;
    }

    .tile-service--1 .tile-service__content {
        padding-top: 255px;
    }

    .tile-service--1:hover .tile-service__content {
        padding-top: 40px;
    }

    .tile-service--2 .tile-service__content {
        padding-top: 55px;
    }

    .tile-service--3 .tile-service__content {
        padding-top: 50px;
    }

    .tile-service--4:hover .tile-service__content {
        height: 390px;
        padding-top: 50px;
    }

    .tile-service--5:hover .tile-service__content {
        height: 390px;
        padding-top: 50px;
    }

    .tile-service--6 .tile-service__content {
        padding-top: 60px;
    }

    .tile-service__title {
        font-size: 18px;
    }

    .tile-service__text {
        line-height: 1.7;
    }

    .tile-service__quantity {
        margin: 0 0 110px;
    }

    .tile-service__background {
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
    }

    .headers--big .headers__title {
        font-size: 66px;
    }

    .s-first--autoresponders .s-first__title {
        font-size: 55px;
    }

    .s-similar .slick-prev {
        left: 0;
    }

    .s-similar .slick-next {
        right: 0;
    }
}

@media only screen and (max-width: 1699px) {
    .s-start__audio-sale {
        top: 200px;
        right: 30px;
    }

    .s-start__audio-sale img {
        width: 170px;
    }

    .s-first__photo {
        right: 110px;
        height: 680px;
    }
}

@media only screen and (max-width: 1649px) {
    .s-first__audio-sale {
        right: 40px;
    }

    .s-first__audio-sale img {
        width: 170px;
    }
}

@media only screen and (max-width: 1599px) {
    .reviews {
        max-width: 1298px;
        padding: 0 60px;
    }

    .reviews__review {
        width: 360px;
    }

    .reviews .slick-prev {
        left: 0;
    }

    .reviews .slick-next {
        right: 0;
    }
}

@media only screen and (max-width: 1499px) {
    .menu-contents__item {
        margin: 18px 0;
    }

    .menu-contents__link::before {
        width: 9px;
        height: 9px;
    }

    .tile-speaker__content {
        padding: 40px;
    }

    .tile-blog__content {
        padding: 50px 30px 30px;
    }

    .advantages__items {
        max-width: 1240px;
        margin: 0 auto;
    }

    .reviews__text {
        font-size: 15px;
        line-height: 1.5;
    }

    .calc {
        padding: 50px 90px 15px;
    }

    .calc__header {
        margin-bottom: 45px;
    }

    .calc__col {
        margin-bottom: 35px;
    }

    .calc-type__button {
        padding: 16px 32px;
    }

    .card-audio-price__total strong {
        font-size: 33px;
    }

    .card-audio-price__button {
        padding: 18px 5px 16px;
    }

    .card-audiobook-price__total strong {
        font-size: 33px;
    }

    .table-services__td {
        padding: 28px 25px 28px 0;
    }

    .headers__pretitle {
        padding-bottom: 25px;
    }

    .headers__title {
        font-size: 44px;
        line-height: 1.26;
    }

    .s-start {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .s-start__button-wrapper {
        margin-bottom: 64px;
    }

    .s-about {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .s-services {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .s-services__container {
        max-width: 1240px;
    }

    .s-services__headers {
        margin-bottom: 50px;
    }

    .s-works {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .s-works__container {
        max-width: 1240px;
    }

    .s-works__headers {
        margin-bottom: 50px;
    }

    .s-speakers {
        padding-top: 80px;
    }

    .s-speakers__container {
        max-width: 1240px;
    }

    .s-speakers__headers {
        margin-bottom: 50px;
    }

    .s-advantages {
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .s-advantages__headers {
        margin-bottom: 65px;
    }

    .s-reviews {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .s-reviews__headers {
        margin-bottom: 50px;
    }

    .s-clients {
        padding-top: 60px;
    }

    .s-clients__items {
        padding-top: 100px;
    }

    .s-blog {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-blog__container {
        max-width: 1240px;
    }

    .s-blog__headers {
        margin-bottom: 50px;
    }

    .s-blog__card {
                flex: 0 0 410px;
        max-width: 410px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 410px;
            -ms-flex: 0 0 410px;
    }

    .s-questions {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .s-first--scripts {
        padding-bottom: 85px;
    }

    .s-first--autoresponders {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--video {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--audiobooks {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--audioguide {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--youtube {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--ivr .s-first__title {
        font-size: 48px;
    }

    .s-first--ivr {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--game {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--translation {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first--studio {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .s-first__title {
        max-width: 1050px;
        font-size: 48px;
    }

    .s-first__items {
        margin-bottom: 20px;
    }

    .s-need {
        padding-top: 80px;
        padding-bottom: 70px;
    }

    .s-need__title {
        font-size: 46px;
    }

    .s-types {
        padding-top: 70px;
    }

    .s-types__item {
        padding: 35px 0;
    }

    .s-types__in {
        max-width: 1240px;
    }

    .s-types__number {
        font-size: 200px;
    }

    .s-types__caption {
        margin-bottom: 20px;
    }

    .s-script-examples {
        padding-top: 100px;
    }

    .s-answers {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .s-answers__container {
        max-width: 1240px;
    }

    .s-why {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .s-why__container {
        max-width: 1240px;
    }

    .s-why__title {
        margin-bottom: 70px;
        font-size: 46px;
    }

    .s-why__text {
        font-size: 17px;
    }

    .s-choice {
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .s-choice__container {
        max-width: 1240px;
    }

    .s-choice__headers {
        margin-bottom: 60px;
    }

    .s-choice__text {
        font-size: 17px;
    }

    .s-avr-examples {
        padding-top: 100px;
    }

    .s-text-examples {
        padding-top: 80px;
    }

    .s-text-examples__headers {
        margin-bottom: 60px;
    }

    .s-text-examples__item::before {
        top: 30px;
    }

    .s-text-examples__item {
        padding: 75px 45px 40px;
        font-size: 16px;
    }

    .s-dev {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .s-dev__headers {
        margin-bottom: 60px;
    }

    .s-dev__items {
        margin-bottom: 30px;
    }

    .s-prices {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    .s-prices__headers {
        margin-bottom: 45px;
    }

    .s-other-services__table {
        margin-bottom: 70px;
    }

    .s-calculator__title {
        font-size: 46px;
    }

    .s-calculator__text {
        margin-bottom: 50px;
    }

    .s-faq {
        padding-bottom: 90px;
    }

    .s-faq__title {
        margin-bottom: 60px;
        font-size: 46px;
    }

    .s-contacts__container {
        max-width: 1240px;
    }

    .s-contacts__title {
        margin: 0 0 60px;
        font-size: 46px;
    }

    .s-contacts__top-box {
        padding: 50px 55px 30px;
    }

    .s-contacts__bottom-box {
        padding: 35px 55px 35px;
    }

    .s-page__container {
        max-width: 1240px;
    }

    .s-page__title {
        margin: 0 0 60px;
        font-size: 46px;
    }

    .s-page__content {
        padding: 50px 55px 30px;
    }

    .s-bank-info {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .s-bank-info__container {
        max-width: 1240px;
    }

    .s-base__head {
        margin-bottom: 10px;
    }

    .s-base__title {
        font-size: 46px;
    }

    .s-base__text {
        margin-bottom: 25px;
    }

    .s-base__body {
        padding-right: 30px;
    }

    .s-speaker__title {
        margin: 0 0 60px;
        font-size: 42px;
    }

    .s-order {
        padding-top: 60px;
    }

    .s-order__title {
        margin-bottom: 60px;
        font-size: 46px;
    }

    .s-audio-examples {
        padding-top: 100px;
    }

    .s-audio-prices__bottom {
        padding: 40px 20px;
    }

    .s-audiobook-examples {
        padding-top: 100px;
    }

    .s-readers {
        padding-top: 80px;
    }

    .s-readers__container {
        max-width: 1240px;
    }

    .s-readers__headers {
        margin-bottom: 50px;
    }

    .s-video-examples {
        padding-top: 100px;
    }

    .footer__top {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .footer__top-container {
        max-width: 1240px;
    }

    .footer__bottom {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .footer__bottom-container {
        max-width: 1240px;
    }
}

@media only screen and (max-width: 1449px) {
    .s-first__audio-sale {
        display: none;
    }
}

@media only screen and (max-width: 1439px) {
    .reviews__review {
        width: 330px;
    }

    .s-base__body {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1429px) {
    .s-ar-speakers__cards {
        padding-bottom: 70px;
    }

    .s-ar-speakers .slick-prev,
    .s-ar-speakers .slick-next {
        top: auto;
        bottom: 0;
        margin-top: 0;
    }

    .s-ar-speakers .slick-prev {
        left: 50%;
        margin-left: -40px;
    }

    .s-ar-speakers .slick-next {
        right: auto;
        left: 50%;
        margin-left: 2px;
    }
}

@media only screen and (max-width: 1399px) {
    .s-first__photo {
        height: 580px;
    }
}

@media only screen and (max-width: 1380px) {
    .card {
        width: 208px;
    }

    .card__wrapper {
        width: 208px;
        padding: 10px;
    }

    .card-language {
        width: 208px;
    }

    .popup__card {
        width: 208px;
        padding: 10px;
    }
}

@media only screen and (max-width: 1369px) {
    .s-reviews__container {
        max-width: 1210px;
    }
}

@media only screen and (max-width: 1365px) {
    .reviews {
        max-width: 1208px;
    }

    .reviews__review {
        width: 330px;
    }

    .card {
        width: 211px;
    }

    .card__wrapper {
        width: 211px;
        padding: 10px 15px 10px;
    }

    .card-language {
        width: 211px;
    }

    .s-base__languages .card:nth-child(5) {
        display: none;
    }

    .s-base__share-bar {
        display: none;
    }

    .s-video-examples__videos {
                justify-content: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-video-examples__videos .card-video {
        width: 100%;
        max-width: 640px;
    }

    .popup__card {
        width: 211px;
        padding: 10px 15px 10px;
    }
}

@media only screen and (max-width: 1359px) {
    .menu-contents {
        display: none;
    }
}

@media only screen and (max-width: 1299px) {
    .menu-faq__item {
        padding: 12px 20px;
    }

    .menu-base__items {
        margin: 0 -15px;
        text-align: center;
    }

    .menu-base__item {
        margin: 5px 15px;
    }

    .menu-base__item:last-child {
        margin: 5px 15px;
    }

    .script-price {
        padding: 35px 20px 30px;
    }

    .faq {
        padding: 30px 20px 10px;
    }

    .faq__item {
        padding: 5px 0 30px 40px;
    }

    .sorting {
        text-align: center;
    }

    .calc-type--order .calc-type__buttons {
                justify-content: flex-start;

        -webkit-box-pack: start;
           -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
    }

    .calc-type--order .calc-type__button {
        padding: 17px 25px;
    }

    .card-price__in {
        padding-right: 25px;
        padding-left: 25px;
    }

    .s-start__audio-sale {
        top: 150px;
        right: 20px;
    }

    .s-start__audio-sale img {
        width: 130px;
    }

    .s-first--ivr .s-first__container {
        width: 90%;
    }

    .s-first__photo {
        right: 70px;
        height: 560px;
    }

    .s-script-prices__item {
        max-width: 279px;
        margin: 0 1px 0 0;
    }

    .s-ar-speakers__cards {
        max-width: 930px;
    }

    .s-prices__items {
        display: block;
        max-width: 840px;
        padding-top: 70px;
    }

    .s-prices__item {
        max-width: 100%;
        max-width: 280px;
    }

    .s-viewed__items {
        padding-top: 75px;
    }

    .s-viewed .slick-prev,
    .s-viewed .slick-next {
        top: 0;
        margin-top: 0;
    }

    .s-viewed .slick-prev {
        left: 50%;
        margin-left: -40px;
    }

    .s-viewed .slick-next {
        right: auto;
        left: 50%;
        margin-left: 2px;
    }

    .s-similar__items {
        padding-top: 75px;
    }

    .s-similar .slick-prev,
    .s-similar .slick-next {
        top: 0;
        margin-top: 0;
    }

    .s-similar .slick-prev {
        left: 50%;
        margin-left: -40px;
    }

    .s-similar .slick-next {
        right: auto;
        left: 50%;
        margin-left: 2px;
    }

    .s-base__controls {
        display: block;
    }

    .s-base__menu {
        display: block;
                flex: none;
        width: 100%;
        margin: 0 0 15px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-base__sorting {
        display: block;
                flex: none;
        width: 100%;
        margin-bottom: 30px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-order__main {
        padding: 55px 30px;
    }
}

@media only screen and (max-width: 1279px) {
    .tile-speaker--3 {
        height: 320px;
    }

    .tile-speaker--4 {
        height: 270px;
    }

    .tile-speaker--5 {
        height: 270px;
    }

    .tile-speaker--6 {
        height: 200px;
    }

    .tile-speaker--7 {
        height: 200px;
    }

    .tile-speaker--5 .tile-speaker__content {
        padding-top: 160px;
    }

    .tile-speaker--5 .tile-speaker__title {
        margin-bottom: 30px;
    }

    .tile-speaker--7 .tile-speaker__title {
        max-width: 200px;
        text-align: left;
    }

    .tile-speaker--4 .tile-speaker__price {
        width: 100%;
    }

    .tile-speaker--7 .tile-speaker__price {
        text-align: left;
    }

    .tile-speaker--7 .tile-speaker__img {
        right: 10px;
        bottom: -90px;
        width: 250px;
    }

    .tile-speaker--7:hover .tile-speaker__img {
        right: 20px;
        bottom: -80px;
    }

    .tile-speaker__icon {
        width: 97px;
        height: 100px;
    }

    .tile-speaker--3 .tile-speaker__text {
        max-width: 280px;
    }

    .tile-blog--4 .tile-blog__content {
        position: relative;
    }

    .tile-blog__pic {
        display: none;
    }

    .tile-blog--4 .tile-blog__title {
        text-align: left;
        color: #171717;
    }

    .tile-blog--4 .tile-blog__title::after {
        left: 0;
        margin-left: 0;
    }

    .tile-blog--5 .tile-blog__title {
        text-align: left;
    }

    .tile-blog--5 .tile-blog__title::after {
        left: 0;
        margin-left: 0;
    }

    .tile-blog__title {
        margin-bottom: 25px;
    }

    .tile-blog--4 .tile-blog__text {
        text-align: left;
        color: #373737;
    }

    .tile-blog--5 .tile-blog__text {
        text-align: left;
    }

    .tile-blog__next {
        margin-top: 20px;
    }

    .reviews {
        max-width: 754px;
        padding: 75px 0 0;
    }

    .reviews__review {
        width: 360px;
    }

    .reviews .slick-prev,
    .reviews .slick-next {
        top: 0;
        margin-top: 0;
    }

    .reviews .slick-prev {
        left: 50%;
        margin-left: -40px;
    }

    .reviews .slick-next {
        right: auto;
        left: 50%;
        margin-left: 2px;
    }

    .audio-collection__top {
                flex-flow: column wrap;
        padding: 35px 35px 30px;

        -webkit-flex-flow: column wrap;
            -ms-flex-flow: column wrap;
    }

    .audio-collection__title {
        margin-bottom: 20px;
    }

    .audio-collection__item {
        padding-top: 20px;
        padding-right: 35px;
        padding-bottom: 20px;
    }

    .audio-collection__item::before {
        right: 35px;
        left: 35px;
    }

    .audio-collection__audio {
                flex: 0 0 110px;
        max-width: 110px;
        padding-left: 25px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 110px;
            -ms-flex: 0 0 110px;
    }

    .s-works__left {
        width: -webkit-calc(43% - 15px);
        width:    -moz-calc(43% - 15px);
        width:         calc(43% - 15px);
    }

    .s-works__right {
        width: -webkit-calc(57% - 15px);
        width:    -moz-calc(57% - 15px);
        width:         calc(57% - 15px);
    }

    .s-speakers__left {
        width: 100%;
    }

    .s-speakers__mid {
        width: 100%;
    }

    .s-speakers__right {
        width: 100%;
    }

    .s-speakers__tile-4 {
        width: -webkit-calc(50% - 10px);
        width:    -moz-calc(50% - 10px);
        width:         calc(50% - 10px);
    }

    .s-speakers__tile-5 {
        width: -webkit-calc(50% - 10px);
        width:    -moz-calc(50% - 10px);
        width:         calc(50% - 10px);
    }

    .s-speakers__tile-6 {
        width: -webkit-calc(50% - 10px);
        width:    -moz-calc(50% - 10px);
        width:         calc(50% - 10px);
    }

    .s-speakers__tile-7 {
        width: -webkit-calc(50% - 10px);
        width:    -moz-calc(50% - 10px);
        width:         calc(50% - 10px);
    }

    .s-blog__tiles {
        margin-bottom: 40px;
    }

    .s-blog__left,
    .s-blog__right {
        width: 100%;
    }

    .s-blog__tile-1,
    .s-blog__tile-2 {
        margin-bottom: 30px;
    }

    .s-blog__tile-3 {
        width: -webkit-calc(33.33333333% - 15px);
        width:    -moz-calc(33.33333333% - 15px);
        width:         calc(33.33333333% - 15px);
    }

    .s-blog__tile-4,
    .s-blog__tile-5 {
        width: -webkit-calc(33.33333333% - 15px);
        width:    -moz-calc(33.33333333% - 15px);
        width:         calc(33.33333333% - 15px);
        margin-bottom: 30px;
    }

    .s-blog__cards {
                justify-content: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-stages__headers {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1249px) {
    .s-stages__items {
        max-width: 970px;
        margin: 0 auto;
        padding-top: 50px;
    }

    .s-stages__item {
        margin: 0 30px 20px 0;
    }

    .s-stages__item:not(:last-child)::after {
        display: none;
    }

    .s-sale {
        padding-top: 80px;
        padding-bottom: 50px;
        background-image: -webkit-linear-gradient(49deg, #f94e1e 0%, #e72c2c 100%);
        background-image:    -moz-linear-gradient(49deg, #f94e1e 0%, #e72c2c 100%);
        background-image:      -o-linear-gradient(49deg, #f94e1e 0%, #e72c2c 100%);
        background-image:         linear-gradient(41deg, #f94e1e 0%, #e72c2c 100%);
    }

    .s-sale__content {
        margin: 0 auto;
    }

    .s-sale__items {
        max-width: 970px;
        margin: 0 auto;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 1199px) {
    .advantages__item {
        padding: 75px 10px 0;
    }

    .calc-type--order .calc-type__button {
        padding: 17px 20px;
    }

    .s-base__languages .card:nth-child(4) {
        display: none;
    }

    .s-stages__chief-photo img {
        width: 220px;
        height: 220px;
    }

    .s-why__item {
        padding: 0 15px;
    }

    .s-choice__item {
                flex: 0 1 450px;
        max-width: 450px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 450px;
            -ms-flex: 0 1 450px;
    }

    .s-base__share-bar {
        display: block;
        padding: 20px 15px;
    }

    .s-base__share-title {
                flex: none;
        width: 100%;
        margin: 0 0 15px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-base__share-buttons {
        display: block;
                flex: none;
        width: 100%;
        margin: 0;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-adv__items {
        display: block;
        text-align: center;
    }

    .s-adv__item {
        display: block;
        width: 100%;
        max-width: 635px;
        margin: 0 auto;
    }

    .s-speaker__col:nth-child(2) {
        padding: 0 15px 0 0;
    }

    .s-speaker__main {
        padding: 30px;
    }

    .s-speaker__aside {
                flex: 0 0 280px;
        max-width: 280px;
        padding: 30px 25px 30px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 280px;
            -ms-flex: 0 0 280px;
    }

    .s-speaker__role {
        margin-bottom: 15px;
    }

    .s-chrono__aside-box {
        padding: 40px 20px;
    }

    .header__button-order {
        display: none;
    }
}

@media only screen and (max-width: 1179px) {
    .s-start__audio-sale {
        display: none;
    }
}

@media only screen and (max-width: 1099px) {
    .calc {
        padding: 50px 30px 15px;
    }

    .calc-type--order .calc-type__button {
        padding: 17px 10px;
    }

    .s-first--ivr .s-first__container {
        width: 97%;
    }

    .s-first__photo {
        right: 20px;
        height: 460px;
    }

    .s-stages__chief-header {
        font-size: 28px;
    }

    .s-stages__chief-name {
        font-size: 20px;
    }

    .s-stages__chief-photo img {
        width: 200px;
        height: 200px;
    }

    .s-texts {
        padding: 30px 0;
    }

    .footer__top-left {
                flex: 0 0 55%;
        width: 55%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 55%;
            -ms-flex: 0 0 55%;
    }

    .footer__top-right {
                flex: 0 0 45%;
        width: 45%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 45%;
            -ms-flex: 0 0 45%;
    }
}

@media only screen and (max-width: 1049px) {
    .s-stages__items {
        max-width: 770px;
        padding-top: 30px;
    }

    .s-sale__items {
        max-width: 770px;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 1023px) {
    .tile-speaker--7 .tile-speaker__img {
        right: -80px;
        bottom: -70px;
        width: 230px;
    }

    .tile-speaker--7:hover .tile-speaker__img {
        right: -70px;
        bottom: -60px;
    }

    .reviews {
        max-width: 694px;
    }

    .reviews__review {
        width: 330px;
    }

    .s-works {
        padding-top: 50px;
    }

    .s-works__headers {
        margin-bottom: 40px;
    }

    .s-works__items {
        margin-bottom: 20px;
    }

    .s-works__left {
        width: 100%;
    }

    .s-works__right {
        width: 100%;
    }

    .s-blog__cards {
        margin-bottom: 20px;
    }

    .s-stages {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 1019px) {
    .card-audio-price__in {
        padding-right: 25px;
        padding-left: 25px;
    }

    .card-audiobook-price__in {
        padding-right: 25px;
        padding-left: 25px;
    }

    .s-audio-prices__item {
        display: block;
        width: 320px;
        max-width: 100%;
    }

    .s-audio-prices__bottom {
        display: block;
        max-width: 639px;
    }

    .s-audiobook-prices__items {
        display: block;
        max-width: 640px;
        padding-top: 40px;
    }

    .s-audiobook-prices__item {
        display: block;
        width: 320px;
        max-width: 100%;
        margin: 0 auto;
    }

    .s-audiobook-prices__icon {
        position: relative;
        top: 0;
        margin: -15px auto;
    }

    .s-audiobook-prices__icon--plus {
        left: 0;
    }

    .s-audiobook-prices__icon--result {
        left: 0;
    }
}

@media only screen and (max-width: 999px) {
    .breadcrumbs {
        margin-bottom: 35px;
    }

    .link-action__icon {
        margin-right: 12px;
    }

    .link-action--favorites .link-action__icon {
        width: 29px;
        height: 24px;
    }

    .link-action--chronomer .link-action__icon {
        width: 24px;
        height: 25px;
    }

    .link-action--user .link-action__icon {
        width: 26px;
        height: 24px;
    }

    .show-more {
        margin-bottom: 30px;
    }

    .menu-faq__item {
        min-height: 44px;
    }

    .tile-speaker__content {
        padding-right: 25px;
        padding-left: 25px;
    }

    .tile-speaker--1 .tile-speaker__title {
        max-width: 200px;
    }

    .tile-speaker--2 .tile-speaker__title {
        max-width: 200px;
    }

    .tile-blog__content {
        padding: 30px 25px 25px;
    }

    .logo--header .logo__img {
        width: 120px;
        margin-top: 3px;
    }

    .header.fixed .logo__img {
        height: auto;
    }

    .phone__phone {
        margin: 1px 0 10px;
        text-align: center;
    }

    .phone--header .phone__icon {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

    .phone--header .phone__caption {
        font-size: 18px;
    }

    .phone__callback {
        text-align: center;
    }

    .phone--header .phone__callback {
        display: none;
    }

    .scroll-to-top {
        display: none;
    }

    .steps__caption {
        max-width: 140px;
        font-size: 14px;
    }

    .steps__icon-next {
        margin-right: 10px;
    }

    .advantages__items {
        display: block;
        max-width: 520px;
        margin: 0 auto;
        padding-top: 70px;
    }

    .advantages__item {
        width: 250px;
        margin: 0 10px;
    }

    .scripts__buttons {
        margin-bottom: 20px;
    }

    .pagination .prev a {
        padding-left: 20px;
    }

    .pagination .next a {
        padding-right: 20px;
    }

    .calc__row {
                flex-wrap: wrap;
                justify-content: center;
        max-width: 500px;
        margin: 0 auto;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: center;
    }

    .calc__col {
                flex: 0 0 100%;
        max-width: 100%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .calc-type__header {
                flex-wrap: wrap;
                justify-content: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: center;
    }

    .calc-type__title {
                flex: 0 0 100%;
        margin: 0 0 10px;
        text-align: center;
        font-size: 16px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .calc-type__subtitle {
                flex: 0 0 100%;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .calc-type__buttons {
                justify-content: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .calc-type--order .calc-type__buttons {
                justify-content: flex-start;

        -webkit-box-pack: start;
           -moz-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
    }

    .calc-type__button {
        padding: 12px 20px;
    }

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

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

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

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

    .calc-speakers__field {
        margin: 0 auto;
    }

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

    .calc-fee__field {
                justify-content: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

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

    .calc-music__item {
                flex: 0 0 100%;
        max-width: 100%;
        text-align: left;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

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

    .calc-extra__item {
                flex: 0 0 100%;
        max-width: 100%;
        text-align: left;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-base__languages .card:nth-child(3) {
        display: none;
    }

    .table-services__th:nth-child(1) {
                flex: 0 0 34%;
        max-width: 34%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 34%;
            -ms-flex: 0 0 34%;
    }

    .table-services__th:nth-child(2) {
                flex: 0 0 37%;
        max-width: 37%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 37%;
            -ms-flex: 0 0 37%;
    }

    .table-services__th:nth-child(4) {
                flex: 0 0 16%;
        max-width: 16%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 16%;
            -ms-flex: 0 0 16%;
    }

    .table-services__td {
        padding: 28px 15px 28px 0;
    }

    .table-services__td:nth-child(1) {
                flex: 0 0 34%;
        max-width: 34%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 34%;
            -ms-flex: 0 0 34%;
    }

    .table-services__td:nth-child(2) {
                flex: 0 0 37%;
        max-width: 37%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 37%;
            -ms-flex: 0 0 37%;
    }

    .table-services__td:nth-child(4) {
                flex: 0 0 16%;
        max-width: 16%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 16%;
            -ms-flex: 0 0 16%;
    }

    .audios__buttons {
        margin-bottom: 10px;
    }

    .headers__pretitle {
        padding-bottom: 20px;
    }

    .headers__title {
        font-size: 34px;
    }

    .headers--big .headers__title {
        font-size: 52px;
    }

    .headers--smaller .headers__title {
        font-size: 30px;
    }

    .s-start {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-about {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .s-about__more {
        margin-bottom: 40px;
    }

    .s-services__left {
        width: 100%;
    }

    .s-services__right {
        width: 100%;
    }

    .s-services__tile-1 {
        width: 100%;
    }

    .s-services__tile-2 {
        width: 100%;
    }

    .s-calc-cost {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-speakers {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .s-speakers--audio {
        padding-bottom: 40px;
    }

    .s-advantages {
        padding-bottom: 60px;
    }

    .s-advantages__headers {
        margin-bottom: 50px;
    }

    .s-reviews {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-reviews__headers {
        margin-bottom: 40px;
    }

    .s-clients {
        padding-top: 70px;
    }

    .s-clients__items {
        padding-top: 90px;
    }

    .s-questions {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-questions__headers {
        margin-bottom: 40px;
    }

    .s-questions__phone {
        margin-bottom: 30px;
        letter-spacing: .1em;
        font-size: 42px;
    }

    .s-questions__email {
        margin-bottom: 40px;
        font-size: 24px;
    }

    .s-first--left .s-first__container img {
        max-width: 200px;
    }

    .s-first--left .s-first__title {
        text-align: center;
    }

    .s-first--ivr .s-first__container {
        width: 100%;
    }

    .s-first--ivr .s-first__title {
        text-align: center;
        font-size: 46px;
    }

    .s-first--ivr .s-first__items {
        max-width: 450px;
        margin: 0 auto;
    }

    .s-first--ivr .s-first__button-wrapper {
        margin-left: -webkit-calc(50% - 250px);
        margin-left:    -moz-calc(50% - 250px);
        margin-left:         calc(50% - 250px);
    }

    .s-first__title {
        letter-spacing: .18em;
        font-size: 46px;
    }

    .s-first__items {
                flex-wrap: wrap;
                justify-content: center;
        margin-bottom: 20px;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: center;
    }

    .s-first__item {
                flex: 0 0 33.33333%;
        width: 33.333333%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
    }

    .s-first__photo {
        display: none;
    }

    .s-first__note {
        max-width: 420px;
        margin: 30px auto 0;
    }

    .s-need {
        padding-top: 75px;
        padding-bottom: 60px;
    }

    .s-need__title {
        margin-bottom: 30px;
        font-size: 32px;
    }

    .s-need__text {
        margin-bottom: 30px;
    }

    .s-need__text p {
        font-size: 16px;
    }

    .s-types__number {
        margin-right: 30px;
    }

    .s-types__content {
        padding-right: 20px;
    }

    .s-script-prices {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-script-prices__headers {
        margin-bottom: 30px;
    }

    .s-script-prices__items {
        display: block;
        max-width: 560px;
        margin: 0 auto;
        padding-top: 70px;
    }

    .s-script-examples {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-script-examples__button-wrapper {
        margin-top: 50px;
    }

    .s-stages__chief-header {
        font-size: 24px;
    }

    .s-stages__chief-name {
        font-size: 18px;
    }

    .s-stages__chief-photo {
        margin-left: 50px;
    }

    .s-why {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    .s-why__title {
        margin-bottom: 60px;
        font-size: 36px;
    }

    .s-why__item, .s-why__items-3 .s-why__item {
        flex: 0 0 50%;
        width: 50%;
    }

    .s-why__caption {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .s-choice__headers {
        margin-bottom: 50px;
    }

    .s-choice__items::before {
        top: 50%;
        margin-top: -100px;
    }

    .s-choice__items {
                flex-wrap: wrap;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
    }

    .s-choice__icon {
        position: relative;
        top: auto;
        left: auto;
        width: 50px;
        height: 50px;
        margin: 20px auto;
    }

    .s-choice__item {
                flex: 0 0 100%;
        max-width: 100%;
        padding: 50px 30px 20px 40px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-choice__text {
        font-size: 16px;
    }

    .s-avr-examples {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .s-avr-examples__button-wrapper {
        margin-top: 30px;
    }

    .s-text-examples {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .s-text-examples__headers {
        margin-bottom: 50px;
    }

    .s-text-examples__item {
        width: -webkit-calc(50% - 15px);
        width:    -moz-calc(50% - 15px);
        width:         calc(50% - 15px);
    }

    .s-ar-speakers {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .s-ar-speakers__cards {
        max-width: 610px;
    }

    .s-ar-speakers__button-wrapper {
        margin-top: 30px;
    }

    .s-dev {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .s-dev__headers {
        margin-bottom: 50px;
    }

    .s-dev__item {
        margin: 0 10px 25px;
    }

    .s-prices__headers {
        margin-bottom: 30px;
    }

    .s-prices__items {
        max-width: 560px;
    }

    .s-other-services {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-other-services__headers {
        margin-bottom: 40px;
    }

    .s-other-services__table {
        margin-bottom: 40px;
    }

    .s-other-services__download {
        margin-bottom: 30px;
    }

    .s-calculator {
        padding-bottom: 50px;
    }

    .s-calculator__title {
        font-size: 40px;
    }

    .s-calculator__text {
        margin-bottom: 40px;
        font-size: 16px;
    }

    .s-calculator__button {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .s-faq {
        padding-bottom: 50px;
    }

    .s-faq__title {
        margin-bottom: 50px;
        font-size: 40px;
    }

    .s-faq__aside {
        position: relative !important;
        top: 0 !important;
        width: 100%;
        margin-bottom: 10px;
    }

    .s-faq__main {
        width: 100%;
    }

    .s-contacts__title {
        margin-bottom: 50px;
        font-size: 40px;
    }

    .s-contacts__top-box {
        width: auto;
        margin: 0 -15px;
        padding: 25px 20px 20px;
        background-color: #fff;
    }

    .s-contacts__top-box::after {
        right: 20px;
        left: 20px;
    }

    .s-contacts__bottom-box {
        width: auto;
        margin: 0 -15px;
        padding: 25px 20px 20px;
        background-color: #fff;
    }

    .s-contacts__main {
        min-height: 100px;
        background-color: #fff;
    }

    .s-contacts__map {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 100%;
        height: 500px;
        background-color: #eee;
    }

    .s-page__title {
        margin-bottom: 50px;
        font-size: 40px;
    }

    .s-page__content {
        width: auto;
        margin: 0 -15px;
        padding: 25px 20px 20px;
        background-color: #fff;
    }

    .requisites {
        display: block;
    }

    .requisites img {
        max-width: 300px;
    }

    .s-bank-info {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-bank-info__row {
        padding-left: 20px;
    }

    .s-viewed {
        padding-top: 80px;
        padding-bottom: 40px;
    }

    .s-viewed__headline {
        margin-bottom: 20px;
    }

    .s-viewed__title {
        font-size: 30px;
    }

    .s-similar {
        padding-top: 60px;
    }

    .s-similar__headline {
        margin-bottom: 20px;
    }

    .s-similar__title {
        font-size: 28px;
    }

    .s-similar__title .new {
        display: none;
    }

    .s-base__head {
        margin-bottom: 5px;
    }

    .s-base__title {
        font-size: 40px;
    }

    .s-base__text {
        margin-bottom: 20px;
    }

    .s-base__body {
        padding-top: 20px;
        padding-left: 40px;
    }

    .s-base__cards {
        margin-bottom: 40px;
    }

    .s-base__chronomer {
        margin-bottom: 30px;
    }

    .s-adv {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .s-adv__title {
        margin-bottom: 40px;
        padding-bottom: 30px;
        font-size: 30px;
    }

    .s-notfound {
        padding-bottom: 100px;
    }

    .s-notfound__title {
        font-size: 30px;
    }

    .s-variants {
        padding-bottom: 50px;
    }

    .s-variants__items {
        margin-bottom: 30px;
    }

    .s-parody {
        padding-bottom: 35px;
    }

    .s-parody__link-back {
        position: relative;
        display: inline-block;
        display: none;
        margin-bottom: 15px;
        text-align: center;
    }

    .s-parody__title {
        margin-bottom: 45px;
        font-size: 36px;
    }

    .s-parody__row {
        display: block;
        margin: 0;
    }

    .s-parody__col:nth-child(1) {
                flex: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-parody__col:nth-child(2) {
        display: block;
                flex: none;
        width: 100%;
        max-width: 100%;
        padding: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-parody__speaker {
        max-width: 320px;
        margin: 0 auto 1px;
        padding: 20px;

        min-heigth: 100px;
    }

    .s-parody__social-bar {
        max-width: 320px;
        margin: 0 auto;
    }

    .s-speaker {
        padding-bottom: 35px;
    }

    .s-speaker__link-back {
        position: relative;
        display: none;
        margin-bottom: 30px;
        text-align: center;
    }

    .s-speaker__title {
        margin-bottom: 50px;
        font-size: 38px;
        line-height: 1.2;
    }

    .s-speaker__row {
        display: block;
        margin: 0;
    }

    .s-speaker__col:nth-child(1) {
                flex: none;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-speaker__col:nth-child(2) {
        display: block;
                flex: none;
        width: 100%;
        max-width: 100%;
        padding: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-speaker__speaker {
        max-width: 320px;
        min-height: 100px;
        margin: 0 auto 1px;
        padding: 20px;
    }

    .s-speaker__social-bar {
        max-width: 320px;
        margin: 0 auto;
    }

    .s-speaker__main {
        max-width: 100%;
        min-height: 100px;
        margin: 0 auto 20px;
    }

    .s-speaker__aside {
                flex: none;
        width: 100%;
        max-width: 320px;
        min-height: 100px;
        margin: 0 auto;
        padding: 30px 20px 30px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-sp-services {
        padding-bottom: 50px;
    }

    .s-sp-services__items {
        margin-bottom: 30px;
    }

    .s-sp-works {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .s-order {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-order__title {
        margin-bottom: 50px;
        font-size: 40px;
    }

    .s-order__row {
                flex-wrap: wrap;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
    }

    .s-order__main {
                flex: 0 0 100%;
        max-width: 100%;
        min-height: 100px;
        margin-bottom: 20px;
        padding: 30px 20px;
        border-right: none;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-share__container {
        display: block;
        padding: 20px 15px;
    }

    .s-share__title {
                flex: none;
        width: 100%;
        margin: 0 0 25px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-share__buttons {
        display: block;
                flex: none;
        width: 100%;
        margin: 0;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .s-chrono__row {
                flex-wrap: wrap;
                justify-content: center;
        margin: 0;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: center;
    }

    .s-chrono__main {
                flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
        padding: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-chrono__aside {
                flex: 0 1 400px;
        max-width: 400px;
        padding: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 400px;
            -ms-flex: 0 1 400px;
    }

    .s-chrono__aside-box {
        min-height: 100px;
        padding-bottom: 30px;
    }

    .s-audio-examples {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .s-audio-examples__button-wrapper {
        margin-top: 30px;
    }

    .s-audio-prices {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-audio-prices__headers {
        margin-bottom: 30px;
    }

    .s-audio-prices__items {
        display: block;
        max-width: 640px;
        padding-top: 70px;
    }

    .s-audiobook-examples {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .s-audiobook-examples__button-wrapper {
        margin-top: 30px;
    }

    .s-audiobook-prices {
        padding-top: 70px;
        padding-bottom: 60px;
    }

    .s-audiobook-prices__headers {
        margin-bottom: 30px;
    }

    .s-readers {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .s-readers--audio {
        padding-bottom: 40px;
    }

    .s-video-examples {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .p-audios .slick-prev {
        left: -60px;
    }

    .p-audios .slick-next {
        right: -60px;
    }

    .popup--speakers {
        padding: 60px 40px;
    }

    .popup--speakers .popup__title {
        margin-bottom: 25px;
    }

    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        opacity: .95;
        border-bottom-color: #fff;
        box-shadow: 0 1px 20px rgba(0,0,0,.1);
    }

    .header.fixed-hide {
        top: -52px;
    }

    .header__top-bar {
        display: none;
    }

    .header__main {
        position: relative;
        justify-content: center;
        height: 52px;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .header__mail {
        display: block;
    }

    .header__menu-main {
        display: none;
                flex: none;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
    }

    .header__phone {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -13px;
    }

    .header__button-menu {
        display: inline-block;
    }

    .header__button-menu:after {
        position: absolute;
        top: 19px;
        right: -44px;
        content: "Меню";
        -webkit-transition: color .2s linear;
           -moz-transition: color .2s linear;
             -o-transition: color .2s linear;
                transition: color .2s linear;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #000;
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: 400;
    }

    .header__button-menu:hover:after {
        color: #f95f3a;
    }

    .header-chrono__logo {
        margin-right: 30px;
    }

    .header-chrono__about {
        padding-left: 40px;
    }

    .content {
        padding-top: 82px;
    }

    .footer__top-container {
                flex-wrap: wrap;
        max-width: 600px;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
    }

    .footer__top-left {
                flex: 0 0 100%;
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0;
        padding-left: 40px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .footer__top-right {
                flex: 0 0 100%;
        width: 100%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .footer__bottom-container {
        display: block;
    }

    .footer__bottom-left,
    .footer__bottom-right {
        margin: 0 auto 30px;
        text-align: center;
    }

    .footer__bottom-mid {
        display: block;
        margin: 40px auto 30px;
    }
}

@media only screen and (max-width: 999px) and (max-width: 639px) {
    .header__button-menu:after {
        display: none;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
           -moz-transform: scale(.75);
            -ms-transform: scale(.75);
             -o-transform: scale(.75);
                transform: scale(.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
           -moz-transform-origin: 0;
            -ms-transform-origin: 0;
             -o-transform-origin: 0;
                transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
           -moz-transform-origin: 100%;
            -ms-transform-origin: 100%;
             -o-transform-origin: 100%;
                transform-origin: 100%;
    }

    .mfp-container {
        padding-right: 6px;
        padding-left: 6px;
    }
}

@media only screen and (max-width: 899px) {
    .s-first--left .s-first__container {
                flex-direction: column-reverse;

        -webkit-box-direction: reverse;
           -moz-box-direction: reverse;
        -webkit-box-orient: vertical;
           -moz-box-orient: vertical;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
    }

    .s-first--left .s-first__img {
        padding-left: 0;
    }

    .s-first--video {
        max-height: 100%;
    }

    .s-first--audiobooks {
        max-height: 100%;
    }

    .s-first--audioguide {
        max-height: 100%;
    }

    .s-first--youtube {
        max-height: 100%;
    }

    .mfp-container {
        padding: 0;
    }
}

@media only screen and (max-width: 849px) {
    .form-order__speaker {
        width: 140px;
    }

    .form-order__add-speaker {
        width: 140px;
    }

    .s-stages__items {
        max-width: 570px;
    }

    .s-sale__items {
        max-width: 570px;
        padding-top: 0;
    }

    .popup__speaker {
        width: 140px;
    }
}

@media only screen and (max-width: 800px) and (orientation: landscape), only screen and (max-height: 300px) {
    /**
    * Remove all paddings around the image on small screen
    */	.mfp-img-mobile .mfp-image-holder {
        padding-right: 0;
        padding-left: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        position: fixed;
        top: auto;
        bottom: 0;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        background: rgba(0, 0, 0, .6);
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }

    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }

    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        padding: 0;
        text-align: center;
        background: rgba(0, 0, 0, .6);
        line-height: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .tile-speaker--7 .tile-speaker__img {
        right: -90px;
        bottom: -70px;
        width: 220px;
    }

    .tile-speaker--7:hover .tile-speaker__img {
        right: -85px;
        bottom: -60px;
    }

    .reviews {
        max-width: 360px;
    }

    .reviews__review {
        width: 360px;
    }

    .s-base__list {
        gap: 0;
    }
    .s-base__list--new {
        gap: 0
    }
    .s-base__left {
        width: 0;
    }
    .s-base__list--new .s-base__left {
        width: 0;
    }
    .filter {
        display: none;
    }
    .s-base .list-view {
        width: auto;
    }
}

@media only screen and (max-width: 759px) {
    .s-base__languages .card:nth-child(3) {
        display: inline-block;
    }

    .s-base__share-bar {
        padding: 30px 15px;
    }

    .s-base__share-title {
        margin: 0 0 20px;
    }

    .s-base__share-buttons .ya-share2__container_size_m .ya-share2__item {
        margin: 0 8px 0 0;
    }
}

@media only screen and (max-width: 758px) {
    .card__favorites {
        opacity: 1;
    }

    .card__name a .svg-icon {
        display: block;
    }

    .card__bottom {
        display: block;
    }
}

@media only screen and (max-width: 749px) {
    .steps {
                flex-flow: column wrap;

        -webkit-flex-flow: column wrap;
            -ms-flex-flow: column wrap;
    }

    .steps__step {
        max-width: 290px;
    }

    .steps__step:not(:last-child) {
        margin-bottom: 20px;
    }

    .steps__caption {
        max-width: 100%;
    }

    .steps__icon-next {
        display: none;
    }

    .faq__rule {
                flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
        border-right: none;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
    }

    .faq__rule:nth-child(odd) {
        border-right: 1px solid #e7e7e7;
    }

    .form-order__col {
        width: 100%;
    }

    .form-order__type {
        width: 140px;
    }

    .s-start__button-wrapper {
        margin-bottom: 50px;
    }

    .s-blog__tiles {
        margin-bottom: 20px;
    }

    .s-blog__tile-1,
    .s-blog__tile-2 {
        width: 100%;
        margin-bottom: 20px;
    }

    .s-blog__tile-3 {
        width: 100%;
        margin-bottom: 20px;
    }

    .s-blog__tile-4,
    .s-blog__tile-5 {
        width: 100%;
        margin-bottom: 20px;
    }

    .s-types__number {
        display: none;
    }

    .s-types__content {
                flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
        padding-right: 0;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-types__player {
                justify-content: center;
                flex: 0 0 100%;
        width: 100%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-box-pack: center;
           -moz-box-pack: center;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-types__video {
                justify-content: center;
                flex: 0 0 100%;
        width: 100%;
        margin: 0;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-box-pack: center;
           -moz-box-pack: center;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-types__caption::before {
        display: inline-block;
        content: counter(types) ". ";
        counter-increment: types;
    }

    .s-types__descr[data-tab] {
        min-height: auto;
    }

    .s-answers__item {
        padding: 20px 20px;
    }

    .s-answers__question {
        font-size: 16px;
    }

    .s-answers__answer {
        padding-top: 20px;
    }

    .s-why__item, .s-why__items-3 .s-why__item {
        flex: 0 0 100%;
        width: 100%;
    }

    .s-text-examples__item {
        width: 100%;
        margin-bottom: 20px;
        padding: 65px 20px 20px;
    }

    .s-text-examples__item::before {
        top: 28px;
        font-size: 16px;
    }

    .s-contacts__row {
                flex-wrap: wrap;
                justify-content: space-around;
        margin: 0 -10px;
        margin-bottom: -20px;

        -ms-flex-pack: distribute;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: space-around;
    }

    .s-contacts__col {
                flex: 0 1 300px;
        max-width: 300px;
        margin-bottom: 20px;
        padding: 0 10px;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 1 300px;
            -ms-flex: 0 1 300px;
    }

    .s-contacts__social {
                justify-content: center;
        text-align: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-contacts__title-2 {
        text-align: center;
    }

    .s-contacts__city {
                justify-content: center;
        text-align: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    }

    .s-bank-info__row {
                flex-flow: row wrap;
                justify-content: space-around;
        padding: 0;

        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
    }

    .s-bank-info__col {
                flex: 0 0 50%;
        max-width: 50%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
    }

    .s-bank-info__col:nth-child(1) {
                flex: 0 0 100%;
        max-width: 100%;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-texts__row {
        display: block;
    }

    .s-texts__col {
        width: 100%;
    }

    .s-parody__main {
        padding: 30px 20px;
    }

    .s-speaker__main {
        padding: 30px 20px;
    }

    .s-share {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .s-chrono {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .s-chrono__main::before {
        display: none;
    }

    .s-chrono__text-insert {
        position: relative;
        top: auto;
        right: auto;
        display: none;
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .s-chrono.empty .s-chrono__text-insert {
        display: block;
    }

    .s-chrono__top-box {
        padding: 20px 10px 20px 20px;
    }

    .s-chrono__textarea {
        height: 240px;
    }

    .s-chrono__results {
                flex-wrap: wrap;
        padding-left: 20px;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
    }

    .s-chrono__result {
                flex: 0 0 50%;
        max-width: 50%;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
    }

    .s-chrono__timings-box {
                flex-wrap: wrap;
                justify-content: center;
        padding: 20px;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: center;
    }

    .s-chrono__total {
                flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .s-chrono__durations {
                flex: 0 0 100%;
        max-width: 100%;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .header-chrono {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .header-chrono__container {
                flex-wrap: wrap;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
    }

    .header-chrono__logo {
        display: block;
                flex: 0 0 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

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

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

    .header-chrono__about {
                flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        text-align: center;
        border-left: none;
        font-size: 14px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
    }

    .footer-chrono__container {
                flex-wrap: wrap;
                justify-content: center;

        -webkit-box-pack: center;
           -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
        -webkit-justify-content: center;
    }

    .footer-chrono__copyright {
                order: 2;
                flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding-right: 0;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-box-ordinal-group: 3;
           -moz-box-ordinal-group: 3;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
        -ms-flex-order: 2;
        -webkit-order: 2;
    }

    .footer-chrono__logo {
                order: 1;
        margin-bottom: 30px;

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

    .footer-chrono__email {
                order: 3;
                flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        text-align: center;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-box-ordinal-group: 4;
           -moz-box-ordinal-group: 4;
        -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
        -ms-flex-order: 3;
        -webkit-order: 3;
    }
}

@media only screen and (max-width: 748px) {
    .s-types__in {
                flex-wrap: wrap;

        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
    }
}

@media only screen and (max-width: 699px) {
    .headers--big .headers__title {
        font-size: 38px;
    }

    .s-audio-prices__items {
        max-width: 320px;
    }

    .s-audio-prices__item {
        margin: 0;
    }

    .s-audio-prices__bottom {
        max-width: 320px;
    }

    .s-audiobook-prices__items {
        max-width: 320px;
        margin-bottom: 40px;
        padding-top: 20px;
    }

    .s-audiobook-prices__item {
        margin: 0;
    }

    .popup__top {
        margin: 0;
        padding: 20px 5px;
    }

    .popup__top-item {
                flex: 0 0 33.3%;
        max-width: 33.3%;
        padding: 0 15px;

        -webkit-box-flex: 0;
           -moz-box-flex: 0;
        -webkit-flex: 0 0 33.3%;
            -ms-flex: 0 0 33.3%;
    }

    .popup__main {
        padding: 20px;
    }

    .popup__bottom {
        padding: 20px;
    }

    .s-start {
        background-position: 25% top;
    }
}

@media only screen and (max-width: 679px) {
    .tile-speaker--3 {
        height: auto;
    }

    .tile-speaker--4 {
        height: auto;
    }

    .tile-speaker--5 {
        height: auto;
    }

    .tile-speaker--6 {
        height: 170px;
    }

    .tile-speaker--7 {
        height: 170px;
    }

    .tile-speaker--5 .tile-speaker__content {
        padding-top: 110px;
    }

    .tile-speaker--3 .tile-speaker__title {
        text-align: center;
    }

    .tile-speaker--5 .tile-speaker__title {
        margin-bottom: 15px;
    }

    .tile-speaker--3 .tile-speaker__price {
        margin-bottom: 25px;
        padding-bottom: 30px;
        text-align: center;
    }

    .tile-speaker--3 .tile-speaker__price::after {
        left: 50%;
        margin-left: -8px;
    }

    .tile-speaker--3 .tile-speaker__img {
        display: none;
    }

    .tile-speaker__icon {
        width: 58px;
        height: 60px;
    }

    .tile-speaker--3 .tile-speaker__text {
        max-width: 100%;
        text-align: center;
    }

    .s-speakers__tile-1 {
        width: 100%;
    }

    .s-speakers__tile-2 {
        width: 100%;
    }

    .s-speakers__tile-3 {
        width: 100%;
    }

    .s-speakers__tile-4 {
        width: 100%;
    }

    .s-speakers__tile-5 {
        width: 100%;
    }

    .s-speakers__tile-6 {
        width: 100%;
    }

    .s-speakers__tile-7 {
        width: 100%;
    }
}

@media only screen and (max-width: 649px) {
    .advantages__caption {
        font-size: 16px;
        line-height: 20px;
    }

    .advantages__caption br:first-child {
        display: none;
    }

    .chronomer.on .chronomer__main {
        flex-flow: row wrap;
    }

    .chronomer__field {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 5px;
    }

    .chronomer__aside {
        flex: 0 0 100%;
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }

    .card-video {
        flex-flow: column wrap;
    }

    .card-video__video {
        overflow: hidden;
        flex: 0 0 100%;
        width: 100%;
        height: 180px;
    }

    .card-video__poster {
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
    }

    .card-video__content {
        flex: 0 0 100%;
        width: 100%;
    }

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

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

    .card-work__subtitle::after {
        left: 50%;
        margin-left: -8px;
    }

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

    .table-services__tr:first-child {
        display: none;
    }

    .table-services__tr:nth-child(2) {
        border-top: 1px solid #e1e1e1;
    }

    .table-services__tr {
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .table-services__td {
        padding: 0;
        text-align: center;
    }

    .table-services__td:nth-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.2;
    }

    .table-services__td:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .table-services__td:nth-child(3) {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .table-services__td:nth-child(4) {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        font-size: 16px;
    }

    .table-services__td:nth-child(4) b {
        font-size: 20px;
    }

    .form-contacts__col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .s-first--left .s-first__container img {
        max-width: 150px;
    }

    .s-first--left .s-first__button-wrapper {
        display: block;
        margin: 30px 0 0;
        text-align: center;
    }

    .s-first--left .s-first__arrow {
        display: none;
    }

    .s-first--scripts {
        padding-top: 50px;
        padding-bottom: 90px;
    }

    .s-first--audio {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-first--autoresponders {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--video {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--audiobooks {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--audioguide {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--youtube {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--ivr .s-first__title {
        font-size: 34px;
    }

    .s-first--ivr .s-first__caption {
        font-size: 16px;
    }

    .s-first--ivr .s-first__button-wrapper {
        display: block;
        margin: 30px 0 0;
        text-align: center;
    }

    .s-first--ivr .link-brief {
        display: block;
        margin: 30px auto 0;
        text-align: center;
    }

    .s-first--ivr .link-brief .link-brief__icon {
        margin-right: 5px;
    }

    .s-first--ivr {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-first--game {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--translation {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first--studio {
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .s-first__title {
        margin-bottom: 30px;
        font-size: 34px;
    }

    .s-first__item {
        flex: 0 0 50%;
        width: 50%;
    }

    .s-first__item:nth-child(5) {
        display: none;
    }

    .s-first__note {
        max-width: 100%;
        text-align: center;
    }

    .s-script-prices__items {
        max-width: 280px;
    }

    .s-stages__items {
        max-width: 370px;
    }

    .s-stages__chief-header {
        padding-top: 30px;
        font-size: 20px;
    }

    .s-stages__chief-photo {
        margin-left: 40px;
    }

    .s-stages__chief-photo img {
        width: 180px;
        height: 180px;
    }

    .s-studio__items {
        flex-flow: column nowrap;
        margin: 0 0 20px;
    }

    .s-studio__item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px 0 20px;
    }

    .s-studio__headers {
        margin-bottom: 10px;
    }

    .s-studio p {
        min-height: auto;
        margin: 0 0 25px;
    }

    .s-ar-speakers__container {
        margin-right: -15px;
        padding: 0;
    }

    .s-prices__items {
        max-width: 280px;
    }

    .s-viewed .slick-list::before {
        width: 80px;
    }

    .s-viewed .slick-list::after {
        width: 80px;
    }

    .s-similar .slick-list::before {
        width: 80px;
    }

    .s-similar .slick-list::after {
        width: 80px;
    }

    .s-sale__title span {
        padding-top: 18px;
        font-size: 22px;
    }

    .s-sale__title {
        margin-bottom: 25px;
        font-size: 46px;
    }

    .s-sale__subtitle {
        font-size: 26px;
    }

    .s-sale__items {
        display: block;
        max-width: 370px;
    }

    .s-sale__item {
        flex: 0 0 200px;
        max-width: 200px;
        margin: 0 auto 50px;
    }

    .s-sale__caption {
        font-size: 14px;
    }

    .p-audios .slick-prev {
        left: 10px;
    }

    .p-audios .slick-next {
        right: 10px;
    }
}

@media only screen and (max-width: 639px) {
    .phone__phone {
        margin-top: 0;
    }

    .phone--header .phone__icon {
        margin-right: 2px;
    }

    .phone--header .phone__caption {
        display: none;
    }
}

@media only screen and (max-width: 619px) {
    .popup {
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
    }

    .popup--success {
        padding-top: 140px;
        padding-bottom: 20px;
    }

    .popup--speakers {
        padding: 50px 20px 40px;
    }

    .popup--script {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .popup--audio {
        padding: 0;
    }
}

@media only screen and (max-width: 599px) {
    .menu-footer {
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    .menu-footer__col {
        flex: none;
        width: 100%;
        margin-bottom: 25px;
        padding: 0;
    }

    .menu-footer__col:nth-child(2) {
        width: 100%;
    }

    .menu-footer__title {
        margin-bottom: 20px;
    }

    .menu-footer__item {
        margin-bottom: 10px;
    }

    .contacts-footer__row {
        flex-wrap: wrap;
        margin-right: 0;
        margin-left: 0;
    }

    .contacts-footer__col {
        flex: 0 0 100%;
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }

    .contacts-footer__title {
        margin-bottom: 20px;
    }

    .advantages__items {
        max-width: 280px;
    }

    .advantages__item {
        width: 280px;
    }

    .s-stages__chief {
        flex-wrap: wrap;
        justify-content: center;
    }

    .s-stages__chief-header {
        margin-bottom: 20px;
        padding-top: 0;
        text-align: center;
    }

    .footer__top-container {
        max-width: 320px;
    }

    .footer__top-left {
        display: none;
    }
}

@media only screen and (max-width: 549px) {
    .audio-collection__tab {
        padding-right: 10px;
        padding-left: 10px;
    }

    .audio-collection__item {
        padding-right: 20px;
    }

    .audio-collection__item::before {
        right: 20px;
        left: 20px;
    }

    .audio-collection__audio {
        flex: 0 0 80px;
        max-width: 80px;
        padding-left: 10px;
    }

    .audio-collection__item-info {
        padding-right: 10px;
    }

    .card {
        width: 178px;
    }

    .card__wrapper {
        width: 178px;
        padding: 10px;
    }

    .card__featured {
        top: 210px;
        left: 20px;
    }

    .card-language {
        width: 251px;
    }

    .s-base__language a {
        text-decoration: underline;
    }

    .s-base__language {
        margin-bottom: 45px;
        text-align: center;
    }

    .popup__top {
        flex-flow: row wrap;
    }

    .popup__top-item {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    .popup__top-item:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 499px) {
    .s-first--ivr .s-first__title {
        font-size: 26px;
    }

    .s-first--ivr .s-first__items {
        max-width: 100%;
        margin: 0;
    }

    .s-first--ivr .s-first__caption {
        font-weight: 300;
    }

    .s-stages__chief-photo {
        margin-left: 30px;
    }

    .s-stages__chief-photo img {
        width: 160px;
        height: 160px;
    }
}

@media only screen and (max-width: 479px) {
    .button--frame {
        padding: 16px 25px 14px;
    }

    .button--orange {
        padding: 16px 25px 15px;
    }

    .button--shadow {
        padding: 16px 25px 15px;
    }

    .button--white {
        padding: 11px 20px 10px;
    }

    .form-item--big .form-item__label {
        letter-spacing: .075em;
        font-size: 14px;
    }

    .form-item__duration {
        letter-spacing: .075em;
        font-size: 14px;
    }

    .form-item--type-switcher .form-item__no {
        font-size: 15px;
    }

    .form-item--type-switcher .form-item__yes {
        font-size: 14px;
    }

    .form-item--type-switcher .form-item__switcher {
        margin: 0 10px;
    }

    .breadcrumbs {
        display: none;
    }

    .title-advice {
        padding-top: 0;
        padding-left: 35px;
    }

    .title-advice::before {
        width: 20px;
        height: 20px;
    }

    .title-advice::after {
        top: 8px;
        left: 8px;
    }

    .rule__icon {
        margin-bottom: 10px;
    }

    .rule__label {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .rule__text {
        font-size: 12px;
    }

    .link-action__icon {
        margin-right: 0;
    }

    .link-action__caption {
        display: none;
    }

    .share__title {
        font-size: 16px;
    }

    .reviews {
        max-width: 290px;
    }

    .reviews__review {
        width: 290px;
        min-height: 100px;
        margin: 0 10px;
        padding: 40px 20px 15px;
    }

    .link-brief__icon {
        margin-bottom: 15px;
    }

    .script-price__title br {
        display: none;
    }

    .scripts__button {
        width: 100%;
        max-width: 280px;
    }

    .scripts__script {
        flex: 0 1 280px;
        width: 100%;
        max-width: 280px;
    }

    .faq__item {
        padding: 5px 0 25px 0;
    }

    .faq__question {
        padding-left: 35px;
    }

    .faq__faq-block {
        margin-right: 20px;
    }

    .filter__apply {
        display: none;
    }

    .filter.on .filter__apply {
        display: none;
    }

    .pagination {
        flex-wrap: wrap;
        padding: 20px 15px 15px;
    }

    .pagination .prev {
        order: 1;
        flex: 0 0 50%;
        width: 50%;
        margin-bottom: 10px;
        text-align: left;
    }

    .pagination .prev a {
        padding-left: 30px;
    }

    .pagination .prev a::before {
        left: 5px;
    }

    .pagination__page {
        order: 3;
    }

    .pagination .next {
        order: 2;
        flex: 0 0 50%;
        width: 50%;
        margin-bottom: 10px;
        text-align: right;
    }

    .pagination .next a {
        padding-right: 30px;
    }

    .pagination .next a::after {
        right: 5px;
    }

    .chronomer__textarea {
        height: 250px;
    }

    .aside-order {
        padding-top: 0;
    }

    .chrono-res__value {
        flex: 0 0 auto;
        min-width: 90px;
    }

    .calc {
        padding: 40px 20px 15px;
    }

    .calc__header {
        margin-bottom: 30px;
    }

    .calc__title {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 1.3;
    }

    .calc__subtitle {
        margin-bottom: 30px;
        line-height: 1.5;
    }

    .calc-type__button {
        padding: 10px 10px;
        font-size: 12px;
    }

    .calc-type--order .calc-type__button {
        padding: 10px 10px;
        font-size: 12px;
    }

    .calc-prices__item::before {
        display: none;
    }

    .calc-result__result {
        font-size: 46px;
    }

    .card-video__content {
        padding: 30px 20px 20px;
    }

    .card-price__in {
        padding: 25px;
    }

    .card-adv {
        min-height: 100px;
    }

    .card-adv__content {
        padding: 50px 20px 30px;
    }

    .card-adv__title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .card-adv__text {
        margin-bottom: 30px;
    }

    .card-adv__button .svg-icon {
        display: none;
    }

    .card-audio-price__in {
        padding: 25px;
    }

    .card-audiobook-price__in {
        padding: 25px;
    }

    .audios__button {
        width: 100%;
        max-width: 280px;
    }

    .audios__audio {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .form-popup__col {
        flex: 0 0 100%;
        width: 100%;
    }

    .form-order__title {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .form-order__type {
        width: 125px;
    }

    .form-order__speaker {
        width: 125px;
    }

    .form-order__add-speaker {
        width: 125px;
    }

    .headers__pretitle {
        margin-bottom: 15px;
        font-size: 14px;
    }

    .headers__title {
        font-size: 24px;
    }

    .headers--big .headers__title {
        font-size: 26px;
    }

    .headers--smaller .headers__title {
        font-size: 24px;
    }

    .headers__subtitle br {
        display: none;
    }

    .headers--big .headers__subtitle {
        font-size: 14px;
    }

    .s-start__headers {
        margin-bottom: 30px;
    }

    .s-about__headers {
        margin-bottom: 30px;
    }

    .s-about__text p {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .s-about__text p br {
        display: none;
    }

    .s-services {
        padding-top: 50px;
    }

    .s-works {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .s-works__button {
        width: 100%;
        max-width: 310px;
    }

    .s-works__items {
        margin-bottom: 0;
    }

    .s-calc-cost {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .s-speakers {
        padding-top: 50px;
    }

    .s-speakers__headers {
        margin-bottom: 40px;
    }

    .s-advantages {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .s-advantages__headers {
        margin-bottom: 30px;
    }

    .advantages__items {
        max-width: 340px;
    }

    .advantages__item {
        width: 340px;
    }

    .s-reviews {
        padding-top: 50px;

        padding-bototm: 20px;
    }

    .s-clients {
        padding-top: 50px;
    }

    .s-clients__items {
        padding-top: 70px;
    }

    .s-blog {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-blog__headers {
        margin-bottom: 40px;
    }

    .s-blog__card {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .s-questions {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .s-questions__phone {
        font-size: 30px;
    }

    .s-first__title {
        font-size: 24px;
    }

    .s-need {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-need__title {
        font-size: 26px;
    }

    .s-need__text p {
        font-size: 15px;
    }

    .s-types__item {
        padding-bottom: 20px;
    }

    .s-script-prices {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .s-script-examples {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .s-script-examples__button-wrapper {
        margin-top: 30px;
    }

    .s-script-examples__button-wrapper .button {
        width: 100%;
        max-width: 280px;
    }

    .s-stages {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .s-stages__headers {
        margin-bottom: 30px;
    }

    .s-stages__items {
        max-width: 295px;
        padding-top: 10px;
    }

    .s-stages__item {
        max-width: 100%;
        text-align: left;
        font-size: 20px;
        line-height: 26px;
    }

    .s-stages__number {
        display: none;
    }

    .s-studio {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-studio__caption {
        letter-spacing: .07em;
        text-transform: none;
        font-weight: 500;
    }

    .s-answers {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .s-answers__headers {
        margin-bottom: 40px;
    }

    .s-why {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .s-why__title {
        margin-bottom: 40px;
        font-size: 30px;
    }

    .s-why__caption {
        text-align: center;
        font-size: 15px;
    }

    .s-why__caption::after {
        left: 50%;
        margin-left: -11px;
    }

    .s-why__text {
        font-size: 16px;
    }

    .s-choice {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-choice__headers {
        margin-bottom: 30px;
    }

    .s-choice__item {
        padding: 30px 25px 20px;
    }

    .s-choice__caption {
        margin-bottom: 15px;
        text-align: center;
        font-size: 16px;
    }

    .s-choice__button {
        padding: 10px 30px;
    }

    .s-avr-examples {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-avr-examples__headers {
        margin-bottom: 30px;
    }

    .s-avr-examples__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .s-avr-examples__button {
        width: 100%;
        max-width: 310px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .s-text-examples {
        padding-top: 60px;
    }

    .s-text-examples__headers {
        margin-bottom: 30px;
    }

    .s-ar-speakers {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-ar-speakers__headers {
        margin-bottom: 40px;
    }

    .s-ar-speakers__button {
        width: 100%;
        max-width: 290px;
    }

    .s-dev {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-dev__headers {
        margin-bottom: 30px;
    }

    .s-dev__items {
        margin-bottom: 15px;
    }

    .s-dev__item {
        margin: 0 10px 20px;
    }

    .s-dev__button {
        width: 100%;
        max-width: 290px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .s-prices {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .s-calc {
        padding-top: 50px;
    }

    .s-calculator {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .s-calculator__title {
        margin-bottom: 25px;
        padding-bottom: 20px;
        font-size: 30px;
    }

    .s-faq {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .s-faq__title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .s-contacts {
        padding-top: 40px;
    }

    .s-contacts__title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .s-page {
        padding: 40px 0;
    }

    .s-page__title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .s-page__title.pay {
        margin: 50px 0 30px;
    }

    .s-page__content.pay {
        margin-bottom: 30px;
    }

    .s-bank-info {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .s-bank-info__col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .s-bank-info__text {
        max-width: 100%;
    }

    .s-viewed {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .s-viewed__title {
        font-size: 24px;
    }

    .s-viewed .slick-list::before {
        width: 40px;
    }

    .s-viewed .slick-list::after {
        width: 50px;
    }

    .s-similar {
        padding-top: 50px;
    }

    .s-similar__title {
        font-size: 24px;
    }

    .s-similar .slick-list::before {
        width: 40px;
    }

    .s-similar .slick-list::after {
        width: 50px;
    }

    .s-base {
        padding-top: 40px;
    }

    .s-base__title {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 28px;
    }

    .s-base__body {
        padding-left: 0;
    }

    .s-base__languages .headers {
        padding-top: 60px;
    }

    .s-base .foreigner-start .foreigner-form .form-item__input {
        margin-bottom: 10px;
    }

    .s-base .foreigner-start .foreigner-form button {
        width: 100%;
        max-width: 290px;
    }

    .s-adv {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .s-adv__title {
        margin-bottom: 25px;
        padding-bottom: 25px;
        font-size: 24px;
        line-height: 1.2;
    }

    .s-notfound {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .s-notfound__pretitle {
        margin-bottom: 25px;
        padding-bottom: 20px;
    }

    .s-notfound__title {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .s-notfound__subtitle {
        font-size: 14px;
    }

    .s-variants {
        padding-bottom: 40px;
    }

    .s-parody {
        padding-top: 35px;
        padding-bottom: 20px;
    }

    .s-parody__top {
        margin-bottom: 40px;
    }

    .s-parody__title {
        margin-bottom: 40px;
        font-size: 28px;
    }

    .s-parody__text p,
    .s-parody__text ul {
        margin-bottom: 20px;
    }

    .s-parody__text p br,
    .s-parody__text ul br {
        display: none;
    }

    .s-speaker {
        padding-top: 35px;
        padding-bottom: 20px;
    }

    .s-speaker__link-back {
        display: inline-block;
    }

    .s-speaker__title {
        margin-bottom: 30px;
        font-size: 28px;
        font-weight: 700;
    }

    .s-speaker__text p {
        margin-bottom: 20px;
    }

    .s-sp-services {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .s-sp-services__headers {
        margin-bottom: 35px;
    }

    .s-sp-works {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .s-sp-works__headers {
        margin-bottom: 35px;
    }

    .s-order {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .s-order__title {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .s-share__title {
        font-size: 14px;
    }

    .s-chrono__results {
        justify-content: center;
    }

    .s-chrono__result {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .s-audio-examples {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-audio-examples__headers {
        margin-bottom: 30px;
    }

    .s-audio-examples__button-wrapper .button {
        width: 100%;
        max-width: 310px;
    }

    .s-audio-prices {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .s-sale {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .s-sale__title {
        margin-bottom: 20px;
        font-size: 36px;
    }

    .s-sale__subtitle {
        font-size: 22px;
    }

    .s-sale__items {
        max-width: 170px;
    }

    .s-sale__conditions {
        font-size: 14px;
    }

    .s-audiobook-examples {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-audiobook-examples__headers {
        margin-bottom: 30px;
    }

    .s-audiobook-examples__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .s-audiobook-examples__button {
        width: 100%;
        max-width: 310px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .s-audiobook-prices {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .s-audiobook-prices__button {
        width: 100%;
        max-width: 290px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .s-readers {
        padding-top: 50px;
    }

    .s-readers__headers {
        margin-bottom: 40px;
    }

    .s-video-examples {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .s-video-examples__headers {
        margin-bottom: 30px;
    }

    .mmenu__top {
        margin-bottom: 20px;
    }

    .popup__icon-success {
        top: 40px;
    }

    .popup__icon-failure {
        top: 40px;
    }

    .popup__title {
        font-size: 24px;
    }

    .popup__text {
        margin-bottom: 25px;
    }

    .popup__speaker {
        width: 125px;
    }

    .popup__bottom {
        display: block;
    }

    .popup__player {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 399px) {
    .s-audio-prices__items {
        max-width: 280px;
    }

    .s-audio-prices__item {
        width: 280px;
    }

    .s-audio-prices__bottom {
        max-width: 280px;
    }

    .s-audiobook-prices__items {
        max-width: 280px;
    }

    .s-audiobook-prices__item {
        width: 280px;
    }

    .s-base .list-view {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (max-width: 359px) {
    .card-service {
        max-width: 280px;
    }

    .card-service__wrapper {
        padding: 30px 20px;
    }

    .card-work {
        width: 280px;
    }

    .card-work__captions {
        padding: 30px;
    }
}

@media print {
    *,
    *:before,
    *:after,
    p:first-letter,
    div:first-letter,
    blockquote:first-letter,
    li:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;

        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

@-moz-keyframes blick {
    60% {
        left: 100%;
    }

    to {
        left: 130%;
    }
}

@-webkit-keyframes blick {
    60% {
        left: 100%;
    }

    to {
        left: 130%;
    }
}

@-o-keyframes blick {
    60% {
        left: 100%;
    }

    to {
        left: 130%;
    }
}

@keyframes blick {
    60% {
        left: 100%;
    }

    to {
        left: 130%;
    }
}

.event-host-list {
    max-width: 1000px;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__frame {
        width: 100%;
        max-width: 660px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__frame {
        max-width: 335px;
    }
}

.event-host-item {
    padding: 45px 35px 35px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    background: #F4F4F4;
    position: relative;
    margin-bottom: 25px;
}

@media only screen and (max-width: 1200px) {
    .event-host-item {
        padding: 25px 0 20px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item {
        padding: 20px 0 15px;
        overflow: hidden;
        width: calc(100% + 30px);
        margin-left: -15px;
        box-sizing: border-box;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        margin-bottom: 12px;
    }
}

.event-host-item__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 30px;
}

@media only screen and (max-width: 720px) {
    .event-host-item__header {
        margin-left: 12px;
    }
}

.event-host-item__person {
    width: 90px;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__person {
        width: 58px;
        height: 58px;
        margin-right: 12px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__person {
        margin-right: 10px;
    }
}

.event-host-item__photo {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.event-host-item__play {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #C1492E;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    left: -10px;
    top: -14px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.event-host-item__play svg {
    margin-left: 1px;
}

.event-host-item__play path {
    transition: .3s;
}

.event-host-item__play .fa-pause {
    font-size: 18px;
}

.event-host-item__play:hover {
    background: #fff;
    border-color: #C1492E;
    color: #C1492E;
}

.event-host-item__play:hover path {
    fill: #C1492E;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__play {
        width: 24px;
        height: 24px;
        font-size: 8px;
        left: -6px;
        top: -4px;
    }

    .event-host-item__play-icon {
        width: 9px !important;
    }

    .event-host-item__pause-icon {
        width: 14px !important;
    }

    .event-host-item__play .fa-pause {
        font-size: 10px;
    }
}

.event-host-item__play-icon {
    width: 9px !important;
}

.event-host-item__pause-icon {
    width: 14px !important;
    display: none;
}

.event-host-item__person.is-playing .event-host-item__play-icon {
    display: none;
}

.event-host-item__person.is-playing .event-host-item__pause-icon {
    display: block;
}

.event-host-item__name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
}

.event-host-item__name a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    color: #C1492E;
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
}

.event-host-item__name a:hover {
    text-decoration: underline;
}

.event-host-item__name svg {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__name a {
        font-size: 18px;
    }

    .event-host-item__name svg {
        width: 14px;
        height: 13px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__name {
        grid-gap: 4px;
    }

    .event-host-item__name a {
        max-width: 140px;
        font-size: 10px;
    }

    .event-host-item__name svg {
        width: 13px;
        height: 11px;
    }
}

.event-host-item__address {
    font-size: 15px;
    font-weight: 400;
    color: #979AB3;
    line-height: 135%;
    margin-top: 5px;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__address {
        font-size: 12px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__address {
        max-width: 170px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 720px) {
    .mob-hide {
        display: none !important;
    }
}

.event-host-item__reviews {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 25px;
    margin-top: 10px;
}

@media only screen and (max-width: 720px) {
    .event-host-item__reviews {
        grid-gap: 5px;
        margin-top: 6px;
    }
}

.event-host-item__star {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 3px;
}

.event-host-item__star p {
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
    color: #3B4173;
    margin-right: 3px;
}

.event-host-item__star img {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__star p {
        font-size: 14px;
        margin-top: 2px;
    }

    .event-host-item__star img {
        width: 14px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__star {
        grid-gap: 4px;
    }

    .event-host-item__star p {
        font-size: 10px;
        margin-top: 1px;
    }

    .event-host-item__star img {
        width: 11px;
    }
}

.event-host-item__counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 5px;
}

.event-host-item__counter p {
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
    color: #3B4173;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__counter p {
        font-size: 12px;
    }

    .event-host-item__counter img {
        width: 14px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__counter p {
        font-size: 10px;
    }

    .event-host-item__counter img {
        width: 12px;
    }
}

.event-host-item__shape {
    width: 250px;
    padding: 12px 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 150px;
    top: 0;
}

.event-host-item__shape p {
    font-family: "Roboto", sans-serif;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    font-variant: small-caps;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__shape {
        width: 180px;
        padding: 7px 20px;
        right: 105px;
    }

    .event-host-item__shape p {
        font-size: 11px;
    }

    .event-host-item__shape br {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__shape {
        width: 120px;
        padding: 7px 14px 14px;
        right: 30px;
    }

    .event-host-item__shape p {
        font-size: 7px;
        line-height: 100%;
    }
}

.event-host-item__shape-bg {
    width: 100%;
    display: block;
    -webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.15));
    position: absolute;
    left: 0;
    top: 0;
}

.event-host-item__like {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    position: absolute;
    top: 42px;
    right: 85px;
}

.event-host-item__like svg {
    display: block;
    width: 32px;
    height: 27px;
    fill: none;
}

.event-host-item__like svg {
    fill: rgba(193, 73, 46, 0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.event-host-item__like:hover svg {
    fill: #c1492e;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__like {
        top: 25px;
        right: 25px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__like {
        display: none;
    }
}

.event-host-slider-wrap {
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .event-host-slider-wrap {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 700px) {
    .event-host-slider-wrap {
        padding: 0px;
    }
}

.event-host-arrow {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #C1492E;
    background: #fff;
    position: absolute;
    top: -webkit-calc(50% - 18px);
    top: calc(50% - 18px);
    z-index: 2;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.event-host-arrow svg {
    display: block;
}

.event-host-arrow path {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.event-host-arrow.swiper-button-lock {
    display: none;
}

.event-host-arrow:hover {
    background: #C1492E;
}

.event-host-arrow:hover path {
    stroke: #fff;
}

@media only screen and (max-width: 720px) {
    .event-host-arrow {
        display: none;
    }
}

.event-host-prev {
    left: -18px;
}

.event-host-next {
    right: -18px;
}

.event-host-item__gallery {
    overflow: hidden;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    margin-top: 20px;
}

@media only screen and (max-width: 720px) {
    .event-host-item__gallery {
        overflow: visible;
    }
}

.event-host-item__wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(-webkit-calc((100% / 3) - 10px), 1fr));
    grid-template-columns: repeat(auto-fill, minmax(calc((100% / 3) - 10px), 1fr));
    grid-gap: 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
    .event-host-item__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(-webkit-calc(100% / 3 - 10px), 1fr));
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3 - 10px), 1fr));
    }
}

@media screen and (max-width: 980px) {
    .event-host-item__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(-webkit-calc(100% / 3 - 10px), 1fr));
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 3 - 10px), 1fr));
    }
}

@media screen and (max-width: 700px) {
    .event-host-item__wrapper {
        grid-template-columns: repeat(auto-fill, minmax(-webkit-calc(100% / 1 - 10px), 1fr));
        grid-template-columns: repeat(auto-fill, minmax(calc(100% / 1 - 10px), 1fr));
    }
}

.event-host-item__wrapper img {
    max-width: 100%;
    display: block;
}

@media only screen and (max-width: 720px) {
    .event-host-item__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.event-host-item__gallery-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-border-radius: 27px;
    border-radius: 27px;
}

@media only screen and (max-width: 720px) {
    .event-host-item__gallery-photo {
        width: 222px;
    }
}

.event-host-item__preview {
    width: 100%;
    height: 180px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 27px;
    border-radius: 27px;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__preview {
        height: 140px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__preview {
        height: 155px;
        -webkit-border-radius: 27px;
        border-radius: 27px;
    }
}

.event-host-item__video {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #C1492E;
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.event-host-item__video path {
    transition: .3s;
}

.event-host-item__video i {
    display: block;
    margin-left: 1px;
    margin-top: 1px;
}

.event-host-item__video:hover {
    background: #fff;
    border-color: #C1492E;
    color: #C1492E;
}

.event-host-item__video:hover path {
    fill: #C1492E;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__video {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

.event-host-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 720px) {
    .event-host-item__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-gap: 12px;
        margin-top: 15px;
    }
}

.event-host-item__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
}

.event-host-item__price img {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.event-host-item__price p {
    font-size: 20px;
    font-weight: 700;
    color: #C1492E;
    line-height: 135%;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__price img {
        width: 16px;
    }

    .event-host-item__price p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__price {
        grid-gap: 5px;
    }

    .event-host-item__price img {
        width: 10px;
    }

    .event-host-item__price p {
        font-size: 13px;
    }
}

.event-host-item__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
}

@media only screen and (max-width: 720px) {
    .event-host-item__nav {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.event-host-item__order {
    max-width: 100%;
    width: 170px;
    height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 13px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #C1492E;
    font: 500 16px "Roboto", sans-serif;
    text-align: center;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-offset: 0px !important;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border: none;
}

.event-host-item__order input {
    display: none;
}

.event-host-item__order::-moz-selection {
    color: inherit;
    background: transparent;
}

.event-host-item__order::selection {
    color: inherit;
    background: transparent;
}

.event-host-item__order *::-moz-selection {
    color: inherit;
    background: transparent;
}

.event-host-item__order *::selection {
    color: inherit;
    background: transparent;
}

.event-host-item__order:hover {
    background: #DF3E1A;
    text-decoration: none;
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    .event-host-item__order {
        width: 130px;
        height: 40px;
        font-size: 14px;
        grid-gap: 7px;
    }

    .event-host-item__order img {
        width: 24px;
    }
}

@media only screen and (max-width: 720px) {
    .event-host-item__order {
        width: 125px;
        height: 30px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }

    .event-host-item__order img {
        width: 20px;
    }
}

.event-host-item__progress {
    display: block;
    position: absolute;
    width: -webkit-calc(100% + 5px);
    width: calc(100% + 5px);
    height: -webkit-calc(100% + 5px);
    height: calc(100% + 5px);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #C1492E;
    fill: #F4F4F4;
    pointer-events: none;
    overflow: visible;
}

@media only screen and (max-width: 720px) {
    .event-host-item__progress {
        width: -webkit-calc(100% + 4px);
        width: calc(100% + 4px);
        height: -webkit-calc(100% + 4px);
        height: calc(100% + 4px);
    }
}

.event-host-item__progress-track {
    fill: none;
    stroke: transparent;
    stroke-width: 8;
}

.event-host-item__progress-value {
    fill: none;
    stroke: #C1492E;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    -webkit-transition: .4s linear;
    -o-transition: .4s linear;
    transition: .4s linear;
}

@media only screen and (max-width: 720px) {
    .event-host-item__progress-value {
        stroke-width: 6;
    }
}

/* Форма быстрого заказа */

.background_58f7bdc3 {
    min-width: 100vw;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 250;
    pointer-events: none;
    background-color: black;
    opacity: 0.8;
    display: none;
}

.background_58f7bdc3_active {
    display: block;
    pointer-events: all;
}

.calendar {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #F4F4F4;
    border-radius: 60px;
    box-shadow: 0 1px 2px 0 rgba(0, 14, 51, 0.25);
    padding: 24px;
    margin-top: 15px;
    display: none;
    z-index: 400;

    @media screen and (max-width: 810px) {
        max-width: 320px;
        border-radius: 35px;
    }
}

.calendar.show {
    display: block;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-bottom: 12px;

    @media screen and (max-width: 810px) {
        gap: 10px;
        margin-bottom: 5px;
    }
}

.nav-btn {
    background-color: transparent;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    border: 1px solid #C1492E;

    @media screen and (max-width: 810px) {
        width: 22px;
        height: 22px;
    }
}

.nav-btn:hover {
    background-color: #C1492E;
}

.nav-btn:hover img {
    filter: grayscale(100%) brightness(504%);
}

.month-year-selector {
    display: flex;
    gap: 5px;
    flex: 1;
    justify-content: center;
}

.month-select,
.year-select {
    padding: 7px 0 7px 10px;
    border: none;
    border-radius: 7px;
    background: white;
    color: #3b4173;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.3s;

    @media screen and (max-width: 810px) {
        padding: 5px 7px;
        border-radius: 4px;
        font-size: 15px;
        letter-spacing: -0.01em;
    }
}

.month-select:focus,
.year-select:focus {
    outline: none;
}

.weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 44px;
    margin-bottom: 12px;
    font-weight: 600;
    color: #3B4173;
    font-size: 18px;
}

@media screen and (max-width: 810px) {
    .weekdays {
        grid-template-rows: 28px;
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: 400;
    }
}

.weekdays div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 44px);
    gap: 4px;
}

@media screen and (max-width: 810px) {
    .days {
        grid-template-rows: repeat(6, 24px);
    }
}

.day {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    border: 1px solid white;
    background-color: white;
    color: #3B4173;

    @media screen and (max-width: 810px) {
        font-size: 13px;
    }
}

.day:hover {
    border: 1px solid #C1492E;
}

.day.selected {
    background-color: #C1492E;
    border-color: #C1492E;
    color: white;
}

.day.other-month {
    background-color: transparent;
    opacity: .4;
    border: none;
}

.day.today {
    border: 1px solid #3b4173;
}

.calendar-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #eee;
    gap: 10px;
}

.today-btn,
.clear-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s;
    flex: 1;
}

.today-btn {
    background: #4a90e2;
    color: white;
}

.today-btn:hover {
    background: #357ae8;
    transform: translateY(-2px);
}

.clear-btn {
    background: #f5f5f5;
    color: #666;
}

.clear-btn:hover {
    background: #e0e0e0;
    color: #333;
}

@media (max-width: 480px) {
    .datepicker-container,
    .calendar {
        width: 100%;
        min-width: 280px;
    }

    .calendar-header {
        flex-wrap: wrap;
    }

    .month-year-selector {
        order: 3;
        width: 100%;
        margin-top: 10px;
    }

    .nav-btn {
        width: 32px;
        height: 32px;
    }
}

/* Form */
.form_58f7bdc3 {
    width: 100%;
    max-width: 500px;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 300;
    background-color: #F4F4F4;
    display: none;
    flex-direction: column;
    gap: 15px;
    padding: 40px;
    border-radius: 55px;

    @media screen and (max-width: 810px) {
        top: 50%;
        max-width: 320px;
        padding: 40px 30px;
        border-radius: 35px;
    }
}

.form_58f7bdc3_active {
    display: flex;
}

.form_58f7bdc3_active .form-group.has-error input {
    border: 1px solid #da0000;
}

.form_input_date_58f7bdc3 {
    position: relative;
}

.form_input_58f7bdc3 {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border-radius: 12px;
    outline: none;
    border: none;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    color: #3B4173;
}

.form_input_58f7bdc3::placeholder {
    color: #BCBFD7;
    font-weight: 400;
}

.form_textarea_58f7bdc3 {
    height: 120px;
    resize: none;
    padding: 15px;
}

.form_button_58f7bdc3 {
    height: 50px;
    border-radius: 12px;
    background-color: #C1492E;
    border: none;
    color: white;
    font-weight: 500;
    line-height: 135%;
    font-size: 15px;
    transition: all .2s ease-in-out;
}

.form_button_58f7bdc3:hover {
    background-color: #DF3E1A;
}

.form_agreement_58f7bdc3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form_agreement_checkbox_58f7bdc3 {
    width: 15px;
    height: 15px;
    border: 1px solid #3B4173;
    border-radius: 5px;
    background-color: white;
}

.form_agreement_text_58f7bdc3 {
    font-size: 13px;
    line-height: 15px;
    color: #3B4173;
}

.form_agreement_link_58f7bdc3 {
    color: #5E67B3;
    text-decoration: underline;
    text-decoration-color: transparent;
}

.form_agreement_link_58f7bdc3:hover {
    text-decoration-color: #5E67B3;
}

/* Start redesign login */
.rd-login {
    padding-bottom: 30px; }

@media only screen and (max-width: 720px) {
    .rd-login {
        padding-bottom: 0; } }

.rd-login-title {
    text-align: center;
    font-size: 70px;
    font-weight: 700;
    color: #3B4173; }
@media only screen and (max-width: 1200px) {
    .rd-login-title {
        font-size: 50px; } }
@media only screen and (max-width: 720px) {
    .rd-login-title {
        font-size: 20px; } }

.rd-login-form {
    width: 500px;
    padding: 40px;
    -webkit-border-radius: 55px;
    border-radius: 55px;
    background: #F4F4F4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 50px auto 0; }
@media only screen and (max-width: 720px) {
    .rd-login-form {
        max-width: 300px;
        padding: 40px 30px;
        -webkit-border-radius: 35px;
        border-radius: 35px;
        margin-top: 35px; } }
.rd-login-form .has-error .help-block {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.rd-login__label {
    width: 100%;
    display: block;
    margin-bottom: 10px; }
.rd-login__label.js-valid-error .rd-login__input {
    border-color: #C1492E;
    color: #C1492E; }
.rd-login__label.js-valid-error .rd-login__label-text {
    display: block; }
.rd-login__label:last-child {
    margin-bottom: 0; }

.rd-login__input {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #626262;
    font-size: 13px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    outline: none !important; }
.rd-login__input::-webkit-input-placeholder {
    color: #BCBFD7; }
.rd-login__input::-moz-placeholder {
    color: #BCBFD7; }
.rd-login__input:-ms-input-placeholder {
    color: #BCBFD7; }
.rd-login__input::-ms-input-placeholder {
    color: #BCBFD7; }
.rd-login__input::placeholder {
    color: #BCBFD7; }
.rd-login__input:focus {
    border-color: #3B4173; }

.rd-login__label-text {
    display: none;
    text-align: right;
    font-size: 13px;
    color: #C1492E;
    margin-top: 5px; }
@media only screen and (max-width: 720px) {
    .rd-login__label-text {
        font-size: 12px;
        letter-spacing: -0.12px;
        margin-top: 10px; } }

.rd-login__reset-password {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #3B4173;
    font-size: 15px;
    margin-left: auto;
    margin-top: 10px; }
.rd-login__reset-password:hover {
    color: #3B4173; }
@media only screen and (max-width: 720px) {
    .rd-login__reset-password {
        text-decoration: underline; } }

.rd-login__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    margin-top: 15px; }
.rd-register:disabled {
    opacity: 0.6;
    pointer-events: none;
}
@media only screen and (max-width: 720px) {
    .rd-login__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-gap: 10px; } }


.rd-login__sub {
    max-width: 100%;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #C1492E;
    font: 500 15px 'Roboto';
    text-align: center;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
.rd-login__sub input {
    display: none; }
.rd-login__sub svg {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.rd-login__sub::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-login__sub::selection {
    color: inherit;
    background: transparent; }
.rd-login__sub *::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-login__sub *::selection {
    color: inherit;
    background: transparent; }
.rd-login__sub:hover {
    background: #DF3E1A;
    text-decoration: none; }

.rd-login__sub.locked {
    opacity: 0.6;
    pointer-events: none;
}

.rd-login__sub-tg {
    max-width: 100%;
    width: 245px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #C1492E;
    font: 500 15px 'Roboto';
    text-align: center;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background: #3B4173;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.rd-login__sub-tg input {
    display: none; }
.rd-login__sub-tg svg {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.rd-login__sub-tg::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-login__sub-tg::selection {
    color: inherit;
    background: transparent; }
.rd-login__sub-tg *::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-login__sub-tg *::selection {
    color: inherit;
    background: transparent; }
.rd-login__sub-tg:hover {
    background: #DF3E1A;
    text-decoration: none; }
.rd-login__sub-tg:hover {
    background: #5E67B3; }
@media only screen and (max-width: 720px) {
    .rd-login__sub-tg {
        width: 100%; } }

.rd-login__register {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #3B4173 !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px; }
@media only screen and (max-width: 720px) {
    .rd-login__register {
        margin-top: 20px;
        line-height: 135%;
        text-align: center; }
    .rd-login__register span {
        text-decoration: underline; } }

.rd-copy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    cursor: pointer;
    flex-direction: column; }
.rd-copy.active .rd-copy__check {
    opacity: 0.6;
    background: #C1492E; }
.rd-copy.active .rd-copy__check svg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.rd-copy.active.sub-color .rd-copy__check {
    background: #3B4173; }
.rd-copy.sub-color .rd-copy__check {
    border-color: #3B4173; }
.rd-copy.sub-color .rd-copy__text a {
    color: #5E67B3; }
@media only screen and (max-width: 720px) {
    .rd-copy {
        margin-top: 20px; } }

.rd-copy__check {
    width: 15px;
    height: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #C1492E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s; }
.rd-copy__check input {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute; }
.rd-copy__check svg {
    width: 9px;
    display: block;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
.rd-copy__check_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rd-copy__text {
    font-size: 13px;
    line-height: 15px;
    color: #3B4173; }
.rd-copy__text a {
    color: #C1492E; }

.rd-login__enter {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #3B4173 !important;
    margin: 15px auto 0; }
@media only screen and (max-width: 720px) {
    .rd-login__enter {
        margin-top: 20px; } }

.rd-register-tg {
    max-width: 100%;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #C1492E;
    font: 500 15px 'Roboto';
    text-align: center;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    outline: none;
    border: none;
    background: #3B4173; }
.rd-register-tg input {
    display: none; }
.rd-register-tg svg {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.rd-register-tg::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-register-tg::selection {
    color: inherit;
    background: transparent; }
.rd-register-tg *::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-register-tg *::selection {
    color: inherit;
    background: transparent; }
.rd-register-tg:hover {
    background: #DF3E1A;
    text-decoration: none; }
.rd-register-tg:hover {
    background: #5E67B3; }
.rd-register-tg:disabled {
    opacity: 0.6;
    pointer-events: none;
}
@media only screen and (max-width: 720px) {
    .rd-register-tg {
        padding: 0 20px;
        text-align: left; } }

.rd-login__info {
    color: #3B4173;
    text-align: center;
    font-size: 15px;
    margin-top: 15px; }
@media only screen and (max-width: 720px) {
    .rd-login__info {
        margin-top: 20px; } }

.rd-login__email {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    text-align: center;
    color: #3B4173 !important;
    font-size: 15px;
    margin: 5px auto 0; }
@media only screen and (max-width: 720px) {
    .rd-login__email span {
        text-decoration: underline; } }

.rd-login__password-wrapper {
    position: relative;
}

.rd-login__eye {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 37px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.rd-login__eye-closed {
    background-image: url('../img/eye-closed.svg');
}

.rd-login__eye-opened {
    background-image: url('../img/eye-opened.svg');
}

.rd-registration-title {
    text-align: center;
    color: #3B4173;
    font-size: 20px;
    font-weight: 700; }
@media only screen and (max-width: 720px) {
    .rd-registration-title {
        font-size: 15px;
        line-height: 18px; } }

.rd-registration-info {
    text-align: center;
    color: #3B4173;
    font-size: 15px;
    margin-top: 15px; }
@media only screen and (max-width: 720px) {
    .rd-registration-info {
        font-size: 15px;
        line-height: 18px;
        margin-top: 20px; } }

.rd-registration-btn {
    max-width: 100%;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #C1492E;
    font: 500 15px 'Roboto';
    text-align: center;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    margin-top: 15px; }
.rd-registration-btn input {
    display: none; }
.rd-registration-btn svg {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
.rd-registration-btn::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-registration-btn::selection {
    color: inherit;
    background: transparent; }
.rd-registration-btn *::-moz-selection {
    color: inherit;
    background: transparent; }
.rd-registration-btn *::selection {
    color: inherit;
    background: transparent; }
.rd-registration-btn:hover {
    background: #DF3E1A;
    text-decoration: none; }
@media only screen and (max-width: 720px) {
    .rd-registration-btn {
        margin-top: 20px; } }
.rd-white-page {
    background: #fff; }
/* End redesign login */