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

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: none;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    color: #FFF;
}

.lg-actions .lg-next {
    right: 20px;
}

.lg-actions .lg-next:before {
    content: "\e095";
}

.lg-actions .lg-prev {
    left: 20px;
}

.lg-actions .lg-prev:after {
    content: "\e094";
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }
    50% {
        left: -30px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }
    50% {
        left: 30px;
    }
    100% {
        left: 0;
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
    color: #FFF;
}

.lg-toolbar .lg-close:after {
    content: "\e070";
}

.lg-toolbar .lg-download:after {
    content: "\e0f2";
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px;
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease;
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF;
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible;
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}

.lg-autoplay-button:after {
    content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#lg-zoom-in:after {
    content: "\e311";
}

#lg-actual-size {
    font-size: 20px;
}

#lg-actual-size:after {
    content: "\e033";
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}

#lg-zoom-out:after {
    content: "\e312";
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}

.lg-fullscreen:after {
    content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF;
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px;
}

.lg-outer .lg-dropdown > li:last-child {
    margin-bottom: 0px;
}

.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
    color: #333;
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}

.lg-outer #lg-share {
    position: relative;
}

.lg-outer #lg-share:after {
    content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903";
}

.lg-group:after {
    content: "";
    display: table;
    clear: both;
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lg-outer.lg-visible {
    opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

.lg-outer .lg-item {
    background: url("../img/loading.gif") no-repeat scroll center center transparent;
    display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.lg-outer .lg-item.lg-complete {
    background-image: none;
}

.lg-outer .lg-item.lg-current {
    z-index: 1060;
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-empty-html {
    display: none;
}

.lg-outer.lg-hide-download #lg-download {
    display: none;
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
    opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
    opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

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


/* ----- Maines style ------------------- */
header {
    transition: ease-in-out 0.1s;
}

#frigate_wr2 {
    display: none;
}

#course_top .guarantee p b {
    font-weight: 500;
}

#course_modules_new .swiper-button-next.swiper-button-disabled, #course_modules_new .swiper-button-prev.swiper-button-disabled {
    display: none !important;
}

#home_top .swiper-slide {
    height: auto;
}

#home_top .events .item {
    height: 100%;
}

.btn_orange_transp:hover, .field input[type="submit"]:hover, .btn_orange_orange:hover {
    color: #fff;
}

.btn_orange_transp:hover span, .field input[type="submit"]:hover span, .btn_orange_orange:hover span {
    color: #fff;
}

.btn_orange_transp, .field input[type="submit"], .btn_orange_orange {
    transition: ease-in-out 0.2s;
}

.btn_orange_transp:hover, .field input[type="submit"]:hover, .btn_orange_orange:hover {
    background: linear-gradient(to bottom, #ffbb33 0%, #cc5c00 100%);
}

.lg-toolbar .lg-download, .lg-toolbar .lg-close {
    position: relative;
}

.lg-toolbar .lg-download:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 471.2 471.2' style='enable-background:new 0 0 471.2 471.2;' xml:space='preserve' width='512' height='512' class=''%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M457.7,230.15c-7.5,0-13.5,6-13.5,13.5v122.8c0,33.4-27.2,60.5-60.5,60.5H87.5c-33.4,0-60.5-27.2-60.5-60.5v-124.8 c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v124.8c0,48.3,39.3,87.5,87.5,87.5h296.2c48.3,0,87.5-39.3,87.5-87.5v-122.8 C471.2,236.25,465.2,230.15,457.7,230.15z' data-original='%23000000' class='active-path' style='fill:%23FFFFFF' data-old_color='%23000000'%3E%3C/path%3E%3Cpath d='M226.1,346.75c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.8-85.8c5.3-5.3,5.3-13.8,0-19.1c-5.3-5.3-13.8-5.3-19.1,0l-62.7,62.8 V30.75c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v273.9l-62.8-62.8c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 L226.1,346.75z' data-original='%23000000' class='active-path' style='fill:%23FFFFFF' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lg-toolbar .lg-close:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve' width='512' height='512' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z' data-original='%23000000' class='active-path' style='fill:%23FFFFFF' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lg-actions .lg-prev:after {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 477.175 477.175' style='enable-background:new 0 0 477.175 477.175;' xml:space='preserve' width='512' height='512' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225 c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z' data-original='%23000000' class='active-path' style='fill:%23FFFFFF' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lg-actions .lg-next:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 477.175 477.175' style='enable-background:new 0 0 477.175 477.175;' xml:space='preserve' width='512' height='512' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5 c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z ' data-original='%23000000' class='active-path' style='fill:%23FFFFFF' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lg-actions .lg-prev, .lg-actions .lg-next {
    background-color: transparent;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    margin: 0;
}

.socials {
    margin-bottom: 20px;
}

#we_and_students .swiper-button-prev {
    top: 50% !important;
}

#home_top .events .swiper-button-prev, #course_speackers .arrows .swiper-button-prev, #events_page_list .arrows .swiper-button-prev {
    top: 50% !important;
}

#event_top .left_column {
    position: relative;
    z-index: 1;
}

#home_top .guarantee p {
    margin-left: 91px;
}

footer .footer_menu li a:hover {
    text-decoration: underline;
}

.vacancy_list {
    position: relative;
    z-index: 1;
    padding-top: 140px;
}

.vacancy_list:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 110px;
    z-index: -1;
    background: #5e3ebb linear-gradient(135deg, #5e3ebb 0%, #094fd0 100%);
}

@media only screen and (max-width: 600px) {
    #lb_widget-root .lb_input {
        display: block !important;
    }

    #lb_widget-root .lb_widget {
        width: 110% !important;
    }

    #lb_widget-root .lb_widget {
        display: block !important;
    }

    #lb_widget-root .lb_input {
        margin-right: auto !important;
    }
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    #event_info .info_items {
        justify-content: space-between;
    }

    #event_info .info_items .item_wrap {
        width: 48%;
    }

    #event_info .info_items .item_wrap .item img {
        width: 35px;
    }

    #event_info .info_items .item_wrap .item span b {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #event_info .info_items .item_wrap .item span {
        font-size: 12px;
        line-height: 16px;
    }

    #event_info .info_items .item_wrap {
        margin-bottom: 10px;
        transform: rotate(0deg);
        animation: none;
    }

    #event_info .info_items .item_wrap .item {
        transform: rotate(0deg);
        animation: none;
        padding: 105px 15px 0;
    }

    #event_info .info_items .item_wrap .item img {
        top: 90px;
    }

    #events_page_list .item_wrap .item .info .icons_row {
        justify-content: flex-start;
    }

    #home_courses .courses_list .item .img {
        height: 325px;
    }

    #home_courses .courses_list .item .img .bg a {
        top: 150px;
    }

    #home_courses .courses_list .item .description .title {
        font-size: 17px;
        max-height: none;
        margin-bottom: 40px;
        line-height: 20px;
    }

    #home_courses .courses_list .item .description {
        height: auto;
        min-height: 120px;
    }

    #home_courses .courses_list .item {
        min-height: 400px;
        height: auto;
        margin-bottom: 20px;
    }

    #lb_button-wrapper {
        right: 10px !important;
        bottom: 10px !important;
    }

    footer .left_column .checkin {
        font-size: 16px;
        line-height: 20px;
    }

    footer .left_column address {
        font-size: 14px;
        line-height: 20px;
    }

    footer .left_column .open {
        font-size: 16px;
        line-height: 24px;
    }

    footer .footer_menu li a {
        font-size: 14px;
        line-height: 18px;
    }

    #form_gotoit .form .left_column ul li {
        font-size: 14px;
        line-height: 24px;
        background-position: 0px -3px;
        padding-left: 30px;
    }

    .field input {
        height: 40px;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .field {
        margin-bottom: 20px;
    }

    .accept {
        padding-top: 0px;
    }

    #form_gotoit .form .left_column {
        padding-bottom: 15px;
    }

    #form_gotoit {
        margin-bottom: 10px;
    }

    #corporate .corporate_list .item img {
        max-width: 65px;
    }

    #corporate .corporate_list .item span {
        font-size: 12px;
        line-height: 16px;
    }

    #corporate .corporate_list .item {
        padding-top: 90px;
        margin-bottom: 10px;
    }

    #corporate .corporate_list .item img {
        top: 80px;
    }

    #corporate .corporate_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

    #corporate .corporate_list .item {
        width: 49%;
        padding-left: 5px;
        padding-right: 5px;
    }

    p {
        font-size: 14px;
        line-height: 20px;
    }

    #reviews .left_column .title {
        line-height: 24px;
        font-size: 20px;
    }

    footer .footer_menu {
        margin-top: 10px;
    }

    footer .left_column .logo {
        display: none;
    }

    #benefits .benefits_list .item:nth-child(3) {
        background-size: auto 100%;
        background-position: right -200px top 0;
    }

    #benefits .benefits_list .item:nth-child(1) {
        background-size: auto 100%;
        background-position: right -140px top 0;
    }

    #home_courses {
        padding-top: 60px;
    }

    #home_top h1 {
        margin-top: 10px !important;
    }

    #home_top .right_column {
        margin: -400px 0 -10px -200px;
    }

    #home_top .events {
        margin-bottom: 60px;
    }

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

    #values .list .item, #wthat_we_do .list .item {
        margin: 0px 11px 28px 0;
    }

    #values .list .item:nth-child(2), #wthat_we_do .list .item:nth-child(2) {
        margin: 0 0 28px 25px;
    }

    #about_reviews .left_column .title {
        margin-bottom: 20px;
    }

    #help .left_column .title {
        margin-bottom: 20px;
    }

    .block_title_with_icon {
        margin-bottom: 40px;
    }

    #we_and_students {
        padding-bottom: 40px;
    }

    #about_courses .text {
        margin-top: -30px;
    }

    #event_top h1 span {
        font-size: 26px;
        line-height: 30px;
    }

    #event_top h1 {
        font-size: 26px;
        line-height: 30px;
        margin-top: 20px;
    }

    #event_top .left_column {
        padding-top: 70px;
    }

    #event_top .right_column {
        top: 50px;
    }

    #event_top .container {
        height: 600px;
    }

    #event_top .mCSB_scrollTools .mCSB_draggerContainer {
        right: -32px;
    }

    #event_more_info .container {
        min-height: 650px;
    }

    #form_gotoit.event_page {
        padding-top: 30px;
    }

    #events_page_list .block_title_with_icon {
        margin-bottom: 25px;
    }

    #events_page_list .item_wrap .item .image {
        width: 100%;
    }

    #events_page_list .item_wrap .item .heading {
        padding-left: 15px;
        padding-right: 15px;
    }

    #events_page_list .item_wrap .item .heading .date {
        right: 15px;
    }

    #events_page_list .item_wrap .item .heading .time {
        right: 15px;
    }

    #events_page_list .item_wrap .item .heading .title {
        font-size: 18px;
        line-height: 24px;
    }

    #events_page_list .item_wrap .item .info .desc {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
    }

    #events_page_list .item_wrap .item .info .desc p b {
        font-size: 18px;
        line-height: 20px;
    }

    #events_page_list .item_wrap .item .info .desc p {
        font-size: 14px;
        line-height: 18px;
    }

    #events_page_list .item_wrap .item .info .desc a.btn_read_more {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    #events_page_list .item_wrap .item .info {
        padding-bottom: 10px;
    }

    #events_page_list .item_wrap .item .heading .title {
        width: 74%;
    }

    #events_page_list .item_wrap .item .heading .date {
        font-size: 12px;
    }

    #events_page_list .item_wrap {
        margin-bottom: 30px;
    }

    #courses_page_list_new {
        margin-top: 10px;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course, #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course.type_1, #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course.type_2, #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course.type_3 {
        padding-left: 0;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item {
        padding-right: 0;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course .cource_item .check {
        left: 0;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course .cource_item .price_wrap {
        right: 0px;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course .cource_item {
        padding-top: 30px;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course .cource_item .price_wrap {
        top: -60px;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .list .row_course .cource_item .title {
        font-size: 18px;
        line-height: 20px;
    }

    #courses_page_list_new .courses_page_list .item_wrap {
        margin-bottom: 50px;
    }

    #courses_page_list_new .courses_page_list .item_wrap {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #courses_page_list_new .courses_page_list .item_wrap .item .category_title {
        padding-bottom: 100px;
    }

    #form_gotoit.in_courses_list_page {
        padding-bottom: 10px;
    }

    .vacancy_wrap .vacancy_item {
        width: 100%;
        margin-bottom: 30px;
    }

    .vacancy_list {
        padding-bottom: 100px;
    }

    #develop_top h1 {
        line-height: 34px;
    }

    #develop_services .mCSB_scrollTools {
        width: 20px;
    }

    #develop_services .mCSB_inside > .mCSB_container {
        margin-right: 30px;
    }

    #develop_services .item_wrap .text {
        margin-right: -15px;
    }

    #develop_services .item_wrap.type_3 {
        height: 600px;
        padding-bottom: 100px;
    }

    #team_list.develop_page .list .item_wrap {
        margin-bottom: 20px;
    }

    #form_gotoit.develop_page {
        padding-bottom: 30px;
    }

    .block_title_with_icon {
        margin-bottom: 40px;
    }

    #contacts_banner h1 {
        margin-bottom: 20px;
    }

    #contacts_images .items a {
        margin-bottom: 10px;
    }

    #about_courses {
        padding-bottom: 10px;
    }

    #home_top .right_column {
        margin: -240px 0 -200px -230px;
    }

    #home_top {
        background-position: 0 330px, right -790px top 70px, center bottom;
    }

    #we_and_students .swiper-button-next, #we_and_students .swiper-button-prev {
        width: 43px;
        background-size: 43px 43px;
        height: 43px;
        margin-top: -21px;
    }

    #develop_services .item_wrap.type_2 {
        padding: 130px 0 30px 0px;
        height: 500px;
    }

    #develop_services .item_wrap.type_3 {
        height: 550px;
        padding-bottom: 70px;
    }

    #team_list .list .item_wrap {
        margin-bottom: 20px;
    }

    #event_top .left_column {
        padding-top: 100px;
    }

    #course_top {
        background-position: center 940px, left 57vw top 176px, center top;
        background-size: auto, auto, auto 100%;
    }

    #course_top .mCSB_scrollTools .mCSB_draggerContainer {
        right: -30px;
    }

    #course_top .mCSB_scrollTools .mCSB_draggerContainer {
        margin-right: 30px;
    }

    #course_top .guarantee p {
        margin-left: 90px;
    }

    #course_top .right_column {
        top: 480px;
    }

    #course_top .container {
        height: 1270px;
    }

    .lg-actions .lg-prev {
        left: 5px;
    }

    .lg-actions .lg-next {
        right: 5px;
    }

    #contacts_images .items {
        margin-left: -15px;
        margin-right: -15px;
        justify-content: flex-start;
    }

    #contacts_images .items a {
        display: block;
        width: 48%;
        max-width: 250px;
        min-width: 100px;
        height: auto;
        margin: 0 1% 5px !important;
    }

    #contacts_images .items a img {
        max-width: 100%;
        width: 100%;
        min-height: 1px;
    }

    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 47%;
    }

    #event_top .right_column .pre_icon {
        display: none;
    }

    #event_top .right_column .icon {
        display: none;
    }

    #event_top .right_column {
        display: none;
    }

    #event_top .container {
        height: 540px;
    }

    #course_text .mCSB_scrollTools .mCSB_draggerContainer {
        right: -30px;
    }

    #course_text .left_column .text {
        margin-right: -5px;
        padding: 0;
    }

    #course_top .right_column {
        top: -30px;
    }

    #course_top h1 {
        margin-bottom: 5px;
    }

    #course_top .subtitle {
        margin-bottom: 270px;
    }

    #course_top .text p {
        color: #fafafa;
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0.48px;
    }

    #course_top .text p b {
        font-size: 12px;
    }

    #course_top .subsubtitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    #course_top .mCSB_scrollTools .mCSB_draggerContainer {
        margin-right: 0;
        right: -10px;
    }

    #course_top .text {
        margin-right: -15px;
        margin-bottom: 30px;
    }

    #course_top .btn_orange_orange {
        font-size: 14px;
        line-height: 20px;
        height: auto;
        font-weight: 500;
        padding: 7px 40px;
        width: auto;
        border-radius: 17px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        background-color: #391557;
        letter-spacing: 0.67px;
    }

    #course_top .btn_orange_orange span {
        height: auto;
        padding: 0;
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        line-height: inherit;
    }

    #course_top .guarantee p {
        letter-spacing: 0.25px;
        line-height: 14px;
        color: #fff;
        font-size: 10px;
    }

    #course_top .guarantee p b {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.35px;
        line-height: 18px;
    }

    #course_top .details {
        text-align: center;
    }

    #course_top .details .start img, #course_top .details .time img {
        position: static;
        margin-bottom: 14px;
    }

    #course_top .details .col .title {
        padding-right: 0;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.39px;
    }

    #course_top .details .col {
        width: 49%;
    }

    #course_top .details .col.rate .title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.38px;
    }

    #course_top .details .col.size .title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.38px;
    }

    #course_top .details .col.start {
        width: 100%;
        padding-left: 0;
    }

    #course_top .details .col.start .title {
        font-weight: 400;
    }

    #course_top .details .col.time {
        width: 100%;
        padding-left: 0;
    }

    #course_top .details .col.time .title {
        font-weight: 400;
    }

    #course_top .details .size .desc {
        color: #ffab00;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.44px;
    }

    #course_top .details .col .title {
        display: block;
    }

    #course_top {
        background-position: center 1251px, left 57vw top -74px, center top;
    }

    #course_teacher_video {
        padding-bottom: 110px;
    }

    #course_top .details {
        position: static;
        margin-top: 40px;
    }

    #course_top h1 {
        min-height: 72px;
        margin-bottom: 0;
    }

    #course_top .subtitle {
        min-height: 24px;
    }

    #course_top .mCSB_inside > .mCSB_container {
        margin-right: 30px;
    }

    #course_top .subtitle {
        display: none;
    }

    #course_top h1 {
        margin-bottom: 270px;
        line-height: 28px;
    }

    #course_package .package_items .item_wrap .item .desc p {
        line-height: 18px;
    }

    #home_courses .courses_list .item .img {
        height: 275px;
        background-position: center bottom;
    }

    #home_courses .bg_animated {
        display: none !important;
    }

    #home_courses .courses_list .item .description {
        min-height: 80px;
    }

    #home_courses .courses_list .item .description .title {
        margin-bottom: 20px;
    }

    #home_courses .courses_list .item .description .desc {
        bottom: 5px;
        left: 10px;
    }

    #home_courses .courses_list .item .description .size {
        bottom: 5px;
    }

    #home_courses .courses_list .item .description {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
    }

    #home_courses .courses_list .item {
        min-height: 310px;
    }

    #home_courses .courses_list .item .img .bg a {
        top: 130px;
    }

    /* end media max width 767 pixels */
}

@media only screen and (min-width: 400px) and (max-width: 767px) {
    #home_top .right_column {
        margin: -210px 0 -170px -140px;
    }

    #home_top {
        background-position: 0 330px, right -780px top 50px, center bottom;
    }

    #contacts_images .items a {
        margin-bottom: 10px !important;
    }

    #course_top .right_column {
        right: -180px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    #course_top .details {
        bottom: 20px;
    }

    #course_top .container {
        height: 1150px;
    }

    #course_top .right_column {
        right: -110px;
    }

    #course_top .right_column {
        right: -70px;
    }

    #course_top .details .col {
        width: 49% !important;
    }
}

@media only screen and (max-width: 1200px) {
    #benefits .benefits_list .item .number {
        color: #444b4e;
    }

    #about_top .right_column {
        transform: scale(1);
        top: 280px;
        width: 840px;
        height: 450px;
        background-size: auto;
        right: 0;
        z-index: -1;
    }

    #about_top {
        background-position: left 251px top 10px, center bottom;
    }

    #about_top .container {
        height: 640px;
    }

    #about_top .bg_icon {
        display: none;
    }

    #about_top .ellipse {
        display: none !important;
    }

    #about_courses .ellipse {
        display: none !important;
    }

    #we_and_students .swiper-button-next {
        right: 0;
    }

    #we_and_students .swiper-button-disabled {
        display: none;
    }

    #we_and_students .swiper-button-prev {
        left: 0;
    }

    #event_top .mCSB_inside > .mCSB_container {
        margin-right: 20px;
    }

    #event_top .left_column {
        position: relative;
        z-index: 1;
    }

    #events_page_list .item_wrap .item .info .icons_row .col > span {
        margin-left: 44px;
    }

    #events_page_list .item_wrap .item .info .icons_row .col p {
        margin-left: 44px;
    }

    footer .footer_menu li:nth-child(4) {
        text-align: left;
    }

    #benefits .benefits_list .item.type_2 {
        background-position: -60px 0;
        background-size: auto 100%;
        padding-top: 100px;
        padding-left: 150px;
    }

    #it_courses .mCSB_inside > .mCSB_container {
        margin-right: 30px;
    }

    #it_courses .mCSB_scrollTools {
        width: 20px;
    }

    #home_courses .courses_list .item:hover .img .bg .date, #home_courses .courses_list .item:hover .img .bg .info .time {
        color: #fff;
    }

    #home_courses .courses_list .item:hover .img {
        transition-duration: 0.5s;
    }
}

@media only screen and (max-width: 1000px) {
    .menu_wrap {
        left: 100%;
        transition: ease-in-out 0.2s;
    }

    #menu .menu_wrap {
        left: 0;
    }

    #courses_page_list_new .courses_page_list .item_wrap {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 600px) {
    #about_top {
        background-position: left -309px top -100px, center bottom;
    }

    #about_top .right_column {
        width: 470px;
        height: 290px;
    }

    #about_top .container {
        height: 540px;
    }

    #benefits .benefits_list .item.type_2 {
        background-position: -200px 0;
        background-size: auto 100%;
        padding-top: 100px;
        padding-left: 30px;
    }
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) and (max-width: 999px) {
    #home_top .events {
        padding: 0 40px;
    }

    #home_top .events .swiper-button-next {
        right: -45px;
    }

    #home_top .events .swiper-button-prev {
        left: -45px;
    }

    /* end media min width 768 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #about_top {
        background-position: left 401px top -90px, center bottom;
    }

    #about_top .left_column {
        float: left;
        width: 50%;
    }

    #about_top .right_column {
        float: right;
        width: 50%;
        position: relative;
        top: 160px;
        background-size: 450px auto !important;
        background-position: -110px center !important;
        height: 300px;
    }

    #about_top .container {
        padding: 0 15px;
    }

    header .container {
        padding: 0 15px;
    }

    #about_top .container {
        height: 490px;
    }

    #help .right_column {
        top: 350px;
    }

    #home_top .guarantee p {
        max-width: 290px;
    }

    #event_top .text p {
        max-width: 420px;
    }

    #event_top h1 {
        margin-bottom: 60px;
    }

    #event_top .container {
        height: 680px;
    }

    footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    footer .map_wrap {
        width: 420px;
    }

    #home_top .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #home_courses .courses_list .item .description {
        min-height: 160px;
        height: auto;
    }

    #home_courses .courses_list .item .img .bg a {
        top: 180px;
    }

    #home_courses .courses_list .item .description .title {
        max-height: none;
        margin-bottom: 45px;
        font-size: 22px;
    }

    #home_courses .courses_list .item .img {
        height: 365px;
    }

    #home_courses .courses_list .item {
        height: auto;
    }

    footer .left_column address {
        line-height: 32px;
    }

    footer .left_column .open {
        line-height: 32px;
    }

    #events_top .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    #events_top .right_column {
        height: 415px;
        width: 838px;
    }

    #events_top .container {
        height: 790px;
    }

    #develop_top h1 {
        line-height: 50px;
    }

    #home_top .events {
        margin: 140px 0px 90px;
    }

    #home_top {
        background-position: 0 300px, right -560px top 50px, center bottom;
    }

    #team_list .list .item_wrap .item.up {
        margin-top: 0;
    }

    #team_list .list .item_wrap {
        margin-bottom: 40px;
        width: 370px;
        max-width: 370px;
    }

    #contacts_images .items a {
        width: 31.3%;
    }

    #contacts_images .items a:nth-child(even) {
        margin: 0 1% 15px;
    }

    #contacts_images .items a {
        margin-top: 0;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 15px;
    }

    #contacts_images .items {
        justify-content: center;
    }

    #form_gotoit.contacts_page_form .form .left_column .manager_contacts {
        left: 50%;
        transform: translateX(-50%);
    }

    #form_gotoit.contacts_page_form .form {
        padding-top: 250px;
    }

    footer {
        height: auto;
    }

    footer .footer_menu li:nth-child(4) {
        text-align: right;
    }

    footer .footer_menu li {
        margin-bottom: 15px;
    }

    footer .footer_menu {
        margin-top: 40px;
    }

    #course_top h1 {
        line-height: 38px;
    }

    #course_top .details .col .title {
        font-size: 17px;
        line-height: 21px;
    }

    #course_top .details {
        position: static;
        margin-top: 50px;
    }

    #course_top .container {
        height: 920px;
    }

    #course_top .details .col {
        width: 25%;
    }

    #course_top .details .col.rate .desc {
        padding-left: 5px;
    }

    #course_top .details .col.size .desc {
        padding-left: 30px;
    }

    #course_top .details .col.rate {
        margin-right: 30px;
        width: auto;
    }

    #course_top .details .col.rate .title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.38px;
    }

    #course_top .details .col.size {
        margin-right: 30px;
        width: auto;
    }

    #course_top .details .col.size .title {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.38px;
    }

    #course_top .details .col.start {
        padding-left: 40px;
        margin-right: 30px;
        width: auto;
    }

    #course_top .details .col.start .title {
        font-weight: 400;
        font-size: 14px;
    }

    #course_top .details .col.time {
        padding-left: 40px;
        margin-right: 30px;
        width: auto;
    }

    #course_top .details .col.time .title {
        font-weight: 400;
        font-size: 14px;
    }

    #course_top .details .start img, #course_top .details .time img {
        width: 30px;
    }

    #course_top {
        background-position: center 880px, left 47vw top 156px, center bottom;
    }

    /* end media min width 768 pixels 1200px */
}

/* Min width 768 pixels */
@media only screen and (min-width: 1000px) and (max-width: 1199px) {
    #about_top {
        background-position: left 711px top -90px, center bottom;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    #home_top .guarantee {
        margin-top: 95px;
        margin-bottom: 100px;
    }

    #home_top .events {
        margin: 240px 0px 70px;
    }

    #home_top .left_column {
        padding-top: 240px;
    }

    #form_gotoit.contacts_page_form .form {
        padding-bottom: 10px;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1400 pixels */
@media only screen and (min-width: 1400px) {
    #home_top .events {
        padding: 0;
    }

    /* end media min width 1400 pixels */
}

/* Min width 1600 pixels */
@media only screen and (min-width: 1600px) {
    #it_courses .right_column {
        margin-right: -200px;
        width: auto;
        margin-left: 590px;
    }

    /* end media min width 1600 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    body {
        max-width: none;
        margin: 0;
    }

    #contacts_banner {
        background-position: left 65vw top 150px, center bottom;
        background-size: auto, cover;
        background-repeat: no-repeat;
    }

    #home_top {
        background-size: auto, auto, cover;
        background-repeat: no-repeat;
        background-position: 710px 540px, left 63vw top 200px, center bottom;
    }

    #contacts_banner .container {
        height: 726px;
    }

    footer {
        background-size: cover;
        background-repeat: no-repeat;
    }

    #home_top .container {
        height: 1200px;
    }

    #corporate .bg_animated {
        transform: translateX(-50%);
    }

    #course_top {
        background-position: center 880px, left 67vw top 196px, center bottom;
        background-size: auto, auto, cover;
        background-repeat: no-repeat;
    }

    #event_top {
        background-size: auto, cover;
        background-repeat: no-repeat;
    }

    #team_top {
        background-size: auto, cover;
        background-repeat: no-repeat;
        background-position: left 68vw top 250px, center bottom;
    }

    #develop_top {
        background-size: auto, cover;
        background-repeat: no-repeat;
        background-position: left 69vw top 230px, center bottom;
    }

    #about_top {
        background-size: auto, cover;
        background-repeat: no-repeat;
        background-position: left 60vw top 230px, center bottom;
    }

    .vacancy_list {
        padding-top: 260px;
    }

    /* end media min width 1900 pixels */
}

/* ----- style natali --------------- */
#home_top .subtitle {
    font-size: 32px;
    font-weight: 600;
    line-height: 25px;
    color: #fcef00;
    margin: 0 0 20px;
}

#home_top .subsubtitle {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 80px 300px;
}

@media screen and (max-width: 764px) {
    #home_top h1 {
        font-size: 31px;
        line-height: 34px;
        margin: 40px 0 20px 0;
    }

    #home_top .subtitle {
        font-size: 20px;
        line-height: 26px;
    }
}

#course_package .block_title_with_icon {
    margin-bottom: 70px;
}

#course_package .package_items .item_wrap .icon {
    width: 100px;
    height: 100px;
    top: -50px;
}

#course_package .package_items .item_wrap .icon .img {
    width: 100%;
    height: 100%;
    background-size: auto 41%;
}

#course_teacher_video .right_column {
    margin-top: -120px;
    padding-top: 0;
}

#course_teacher_video {
    padding-bottom: 60px;
}

#course_package .package_items .item_wrap .item .title {
    height: auto;
    padding-top: 85px;
}

#course_package .package_items .item_wrap .item .desc {
    padding-top: 10px;
    padding-bottom: 25px;
}

#course_package .package_items .item_wrap .item .title {
    padding-bottom: 20px;
}

#course_package .package_items .item_wrap:nth-child(2) .item {
    background-position: left -40px top -76px;
}

#course_package .package_items .item_wrap:nth-child(3) .item {
    background-position: left -30px top -52px;
}

#course_modules_new .way_wrap {
    padding: 30px 15px 20px;
    margin-left: -15px;
    margin-right: -15px;
}

#course_modules_new .module_wrap {
    margin-bottom: 35px;
}

#course_modules_new .module_wrap .module_info h3 .romb {
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background: none;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

#course_modules_new .module_wrap .module_info h3 .romb:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(45deg);
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background: #FFCA35;
    z-index: -1;
}

#course_modules_new .module_wrap .module_info h3 .romb span {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#course_modules_new .module_wrap .total_text {
    width: auto;
}

#course_modules_new .module_wrap .module_info h3 {
    margin-bottom: 15px;
}

#course_modules_new .module_wrap .module_info .module_total_caption {
    margin-top: 10px;
}

#course_modules_new .module_wrap .total_text ol li {
    font-size: 14px;
}

#course_modules_new .module_total_caption {
    font-size: 14px;
}

#course_modules_new .see_more {
    width: auto;
    display: block;
    margin-bottom: 20px;
    padding-left: 30px;
    padding-right: 60px;
    position: relative;
    display: inline-block;
}

#course_modules_new .modules {
    height: auto;
}

#course_modules_new .modules .module_wrap {
    display: none;
}

#course_modules_new .modules .module_wrap:nth-child(-n+2) {
    display: block;
}

#course_modules_new .modules.active {
    height: auto;
}

#course_modules_new .modules.active .module_wrap {
    display: block;
}

#course_modules_new .see_more .triangle {
    position: absolute;
    top: 50%;
    right: 35px;
    margin-top: -4px;
}

#course_modules_new .way_wrap {
    margin-bottom: 50px;
}

#course_modules_new .technology_carousel {
    margin: -30px -15px 30px;
    padding: 20px 15px 120px !important;
    width: auto;
}

#course_modules_new .swiper-button-next, #course_modules_new .swiper-button-prev {
    top: 50% !important;
    height: 24px;
    margin-top: -60px;
}

#course_modules_new .swiper-slide .tech_img {
    padding: 15px 5px;
    width: 170px;
    min-height: 170px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: static;
}

#course_modules_new .swiper-slide .tech_img img {
    width: auto;
    height: auto;
    max-height: 80px;
}

#course_modules_new .swiper-slide .tech_img:hover span {
    width: 100%;
    top: 100%;
    margin-top: 10px;
    left: 50%;
    font-size: 14px;
}

#course_modules_new .swiper-slide .tech_img span {
    position: absolute;
    display: block;
    padding: 10px;
    background-color: #fff;
    font-size: 16px;
    color: #181818;
    border-radius: 7px;
    width: 100%;
    max-width: 300px;
    transform: translateX(-50%);
    right: auto !important;
    left: 50% !important;
    z-index: 5;
    top: 100%;
    margin-top: 10px;
    box-shadow: 0px 5px 30px 0px rgba(32, 94, 171, 0.15);
    max-height: 77px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

#course_modules_new .swiper-slide {
    position: relative;
}

#for_whom .tabs_button ul {
    padding-bottom: 0;
}

#for_whom .tabs__content {
    padding: 20px 15px 5px;
    margin-top: 10px;
    margin-bottom: 60px;
}

#for_whom .tabs__content h3 {
    margin-bottom: 20px;
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    #for_whom .tabs__content {
        background: none;
    }

    #for_whom .tabs__content p {
        font-size: 14px;
        line-height: 20px;
    }

    #course_your_scills .left_column .title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    #course_your_scills .right_column .item .title {
        font-size: 14px;
        line-height: 18px;
        padding-left: 0;
    }

    #course_your_scills .right_column .item {
        padding-left: 35px;
        padding-bottom: 5px;
    }

    #course_your_scills {
        padding-bottom: 35px;
    }

    #your_resume .resumeimg, #your_resume .sertimg {
        transform: scale(0.67) translate(-132px, -190px);
        margin-bottom: -250px;
    }

    #your_resume .title {
        padding-left: 60px;
    }

    #your_resume {
        padding-bottom: 0;
    }

    #form_gotoit .bg_icon {
        display: none;
    }

    #course_plushki .bg_animated {
        display: none;
    }

    #course_plushki .bg_icon.icon3 {
        display: none;
    }

    #course_plushki .plushki_list .item .title {
        font-size: 14px;
        line-height: 16px;
    }

    #course_plushki .plushki_list .item .desc {
        font-size: 14px;
        line-height: 16px;
    }

    #course_plushki .plushki_list .item {
        padding-left: 55px;
        margin-bottom: 25px;
    }

    #course_plushki .plushki_list .item img {
        max-width: 40px;
        left: 0;
        top: 0;
        transform: translate(0);
    }

    #course_plushki {
        padding-bottom: 60px;
        padding-top: 0;
    }

    #course_speackers .speacker .info .desc ul li {
        line-height: 16px;
        margin-bottom: 10px;
    }

    #course_speackers .speacker .info .desc ul {
        margin-bottom: 20px;
    }

    #course_speackers .speacker .info .desc {
        font-size: 13px;
        line-height: 18px;
    }

    #course_speackers .speacker .info .desc p.name {
        font-size: 20px;
        line-height: 22px;
    }

    #course_speackers .speacker .info .desc p {
        line-height: 18px;
        font-size: 13px;
    }

    #course_speackers .speacker .info .desc ul li:before {
        top: 4px;
    }

    #course_speackers .speacker .info .heading, #course_speackers .speacker .info .desc {
        padding-left: 15px;
        padding-right: 15px;
    }

    #course_speackers .swiper-slide-active {
        height: auto;
    }

    #course_speackers .swiper-slide-active .speacker {
        height: 100%;
    }

    #course_speackers .speacker .info {
        flex-grow: 1;
    }

    #course_speackers .swiper-slide-active .speacker {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    #course_speackers .speacker .img {
        flex-shrink: 0;
    }

    #lost_lession .ll_wrap .title img {
        max-width: 50px;
        top: -70px;
    }

    #lost_lession .ll_wrap {
        padding-top: 150px;
    }

    #lost_lession .ll_wrap .title {
        font-size: 25px;
        line-height: 28px;
    }

    #lost_lession .ll_wrap .desc {
        font-size: 16px;
        line-height: 20px;
    }

    #lost_lession {
        min-height: 310px;
    }

    #your_resume .resumeimg, #your_resume .sertimg {
        transform: scale(0.5) translate(-252px, -390px);
        margin-bottom: -380px;
    }

    #course_text .left_column .text p {
        font-size: 12px;
        line-height: 16px;
    }

    #course_text .left_column .text p b {
        font-size: 14px;
        line-height: 18px;
    }

    #team_list .list .item_wrap .item .info .name {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #team_list .list .item_wrap .item .info .work {
        font-size: 14px;
        line-height: 17px;
    }

    #team_list .list .item_wrap .item .info .desc {
        font-size: 12px;
        line-height: 15px;
    }

    /* end media max width 767 pixels */
}

/* max width 562 pixels */
@media only screen and (max-width: 562px) {
    #events_page_list .item_wrap .item .info .icons_row {
        padding: 15px 9px 0;
        align-items: flex-start;
        justify-content: space-between;
    }

    #events_page_list .item_wrap .item .info .icons_row .col {
        width: 49%;
        max-width: 240px;
        min-width: 100px;
    }

    #events_page_list .item_wrap .item .info .icons_row .col span {
        font-size: 12px;
        line-height: 14px;
    }

    #events_page_list .item_wrap .item .info .icons_row .col p {
        font-size: 12px;
        line-height: 14px;
    }

    #events_page_list .item_wrap .item .info .icons_row .col img {
        height: 27px;
    }

    #events_page_list .item_wrap .item .info .icons_row .col p {
        margin-left: 33px;
    }

    #events_page_list .item_wrap .item .info .icons_row .col > span {
        margin-left: 33px;
    }

    /* end media max width 562 pixels */
}

/* max width 768 pixels */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    #course_top {
        background-position: center 860px, left 47vw top 156px, center bottom;
    }

    #course_top .mCSB_inside > .mCSB_container {
        margin-right: 15px;
    }

    #course_your_scills .right_column .item .title {
        font-size: 14px;
        line-height: 16px;
        padding-left: 13px;
    }

    #course_your_scills .right_column .item {
        padding-bottom: 5px;
    }

    #course_your_scills .right_column .item:nth-child(1) {
        margin-bottom: 35px;
        margin-right: 5px;
        margin-left: 0;
    }

    #course_your_scills .right_column .item {
        margin-bottom: 35px;
    }

    #course_your_scills .right_column .item:nth-child(3) {
        margin-bottom: 35px;
        margin-right: 0;
        margin-left: 0;
    }

    #course_your_scills .left_column {
        width: 49%;
    }

    #course_your_scills .left_column .title {
        text-align: center;
    }

    #your_resume {
        padding-bottom: 20px;
    }

    #form_gotoit .form .left_column ul li {
        font-size: 20px;
    }

    #course_plushki {
        padding-top: 10px;
    }

    #course_plushki .plushki_list .item {
        margin-bottom: 35px;
    }

    #course_plushki .plushki_list .item .title {
        font-size: 17px;
        line-height: 19px;
        margin-bottom: 5px;
    }

    #course_plushki {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #course_speackers .speacker .info .desc ul {
        margin-bottom: 25px;
    }

    #course_speackers .speacker .info .desc ul li {
        line-height: 18px;
        margin-bottom: 10px;
    }

    #course_speackers .speacker .info .desc ul li:before {
        top: 5px;
    }

    #course_speackers {
        padding-bottom: 10px;
    }

    #lost_lession .ll_wrap {
        padding-top: 230px;
    }

    #lost_lession {
        min-height: 410px;
        margin-bottom: 60px;
    }

    #we_and_students.course_page {
        padding-bottom: 10px;
    }

    #form_gotoit .container {
        padding-top: 80px;
    }

    #course_text .right_column {
        top: 450px;
        right: -230px;
    }

    #course_text .right_column_before {
        right: -208px;
        top: 434px;
    }

    #course_text {
        padding-bottom: 160px;
    }

    #course_text .left_column .text {
        padding: 0;
    }

    #course_speackers {
        padding-top: 50px;
    }

    /* end media min width 768 pixels 1200max */
}

/* Min width 600 pixels */
@media only screen and (min-width: 600px) {
    #course_package .package_items {
        display: flex;
        justify-content: center;
        align-items: stretch;
        margin-left: -1%;
        margin-right: -1%;
    }

    #course_package .package_items .item_wrap {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }

    #course_package .package_items .item_wrap .item {
        height: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    #course_package .package_items .item_wrap .item .button {
        margin-top: auto;
    }

    /* end media min width 600 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    #course_modules_new .way_wrap {
        margin-left: 5px;
        margin-right: 5px;
    }

    #course_modules_new .modules .module_wrap {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    #course_modules_new .module_wrap .module_info .time {
        margin-bottom: 0;
    }

    #course_modules_new .module_wrap .module_info {
        min-width: 300px;
        max-width: 300px;
        text-align: right;
        margin-right: 40px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #course_modules_new .module_wrap .module_info h3 .romb {
        text-align: center;
    }

    #course_modules_new .modules .module_wrap {
        display: none;
    }

    #course_modules_new .modules .module_wrap:nth-child(-n+2) {
        display: flex;
    }

    #course_modules_new .modules.active .module_wrap {
        display: flex;
    }

    #course_teacher_video .right_column {
        margin-top: 30px;
    }

    .block_title_with_icon {
        margin-bottom: 30px;
    }

    #course_package .package_items .item_wrap .item .desc p {
        line-height: 18px;
    }

    #course_package .package_items .item_wrap:nth-child(1) .item {
        background-position: left -220px top -90px;
    }

    #course_package .package_items .item_wrap:nth-child(2) .item {
        background-position: left -80px top -76px;
    }

    #course_package .package_items .item_wrap:nth-child(3) .item {
        background-position: left -70px top -52px;
    }

    #course_package .package_items .item_wrap .item .button {
        padding: 20px 0;
    }

    #course_modules_new .swiper-slide .tech_img span {
        padding: 5px;
    }

    #course_modules_new .swiper-slide .tech_img:hover span {
        padding: 5px;
    }

    #for_whom .tabs_button ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
        margin-right: 0;
        margin-left: 0;
    }

    #for_whom .tabs_button ul li {
        margin-right: 10px;
        margin-left: 10px;
    }

    #course_modules_new .modules:after {
        display: block;
        top: 10px;
        left: 50%;
        margin-left: -38px;
    }

    #course_modules_new .module_wrap .total_text ol:after {
        display: block;
        left: -28px;
    }

    #course_modules_new .modules {
        margin-bottom: 30px;
    }

    #course_modules_new .modules .module_wrap:nth-child(2) {
        position: relative;
        margin-bottom: 0;
    }

    #course_modules_new .modules .module_wrap:nth-child(2):after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(to top, #FDFDFD 0%, rgba(253, 253, 253, 0) 100%);
        height: 110px;
        z-index: 1;
    }

    #course_modules_new .modules.active .module_wrap:nth-child(2) {
        margin-bottom: 35px;
    }

    #course_modules_new .modules.active .module_wrap:nth-child(2):after {
        display: none;
    }

    #course_modules_new .module_wrap .total_text ol {
        padding-top: 10px;
    }

    #course_modules_new .module_wrap .total_text ol:after {
        top: 10px;
    }

    #for_whom .block_title_with_icon {
        padding-right: 110px;
    }

    #for_whom .tabs__content {
        min-height: 230px;
        justify-content: center;
        flex-direction: column;
        background-position: right -130px top 50%;
        background-size: auto 100%;
        padding-right: 300px;
    }

    #for_whom .tabs__content.active {
        display: flex;
    }

    #for_whom .tabs_button ul li.active:before {
        display: block;
    }

    #for_whom .tabs_button ul li:after {
        display: block;
    }

    #for_whom .tabs_button ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        border-bottom: 2px solid #c6c7d4;
        margin-bottom: 40px;
    }

    #for_whom .tabs_button ul li {
        max-width: 250px;
        margin-left: 0;
        margin-right: 40px;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    #for_whom .tabs_button ul li:last-child {
        margin-right: 0;
    }

    #for_whom .tabs_button ul li.active:after {
        bottom: -2px;
    }

    #for_whom .tabs_button ul li.active:before {
        bottom: -14px;
    }

    #for_whom .tabs_button ul li {
        font-size: 18px;
        line-height: 22px;
        text-align: left;
    }

    #form_gotoit .block_title_with_icon {
        margin-bottom: 60px;
    }

    #course_top .details .col.rate .desc {
        text-align: center;
        padding-left: 0;
    }

    #course_top .details .col.rate .title {
        padding-right: 0;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    #for_whom .tabs_button ul li {
        font-size: 20px;
        line-height: 26px;
    }

    #course_top .guarantee p {
        max-width: 440px;
        margin-left: 100px;
    }

    #course_top .text {
        margin-bottom: 40px;
    }

    #course_top .guarantee {
        margin-top: 50px;
    }

    #course_top .details .rate {
        width: auto;
        min-width: 165px;
        max-width: 200px;
        margin-right: 72px;
        flex-shrink: 0;
    }

    #course_top .details .size {
        margin-right: 62px;
        max-width: 141px;
        flex-shrink: 0;
        min-width: 130px;
        width: auto;
    }

    #course_top .details .start {
        margin-right: 55px;
        max-width: 350px;
        min-width: 310px;
        width: auto;
    }

    #course_top .details .time {
        min-width: 310px;
        max-width: 310px;
    }

    #course_top .details .col.size .title {
        padding-right: 0;
    }

    #course_top .details .col.start .title br:nth-child(2) {
        display: none;
    }

    #course_top .details .col .title {
        line-height: 27px;
        font-weight: 400;
    }

    #course_top .details {
        padding: 0 0 0 50px;
        position: static;
        margin-top: 56px;
    }

    #course_teacher_video .right_column {
        min-height: 350px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #course_teacher_video .block_title_with_icon {
        margin-bottom: 60px;
    }

    #course_teacher_video {
        padding-bottom: 120px;
    }

    #course_package .package_items .item_wrap .item .desc p {
        line-height: 36px;
    }

    #course_package .package_items .item_wrap:nth-child(1) .item {
        background-position: left -150px top -90px;
    }

    #course_package .package_items .item_wrap:nth-child(2) .item {
        background-position: left -10px top -56px;
    }

    #course_package .package_items .item_wrap:nth-child(3) .item {
        background-position: left -90px top -71px;
    }

    #course_package .package_items .item_wrap .item .button {
        padding: 35px 0;
    }

    #course_package .package_items {
        align-items: flex-start;
    }

    #course_package .package_items .item_wrap .icon {
        width: 125px;
        height: 125px;
        line-height: 125px;
        top: -62px;
    }

    #course_modules_new .module_wrap .module_info {
        min-width: 465px;
        max-width: 465px;
        margin-right: 80px;
    }

    #course_modules_new .module_wrap .total_text ol li {
        font-size: 18px;
        line-height: 26px;
    }

    #course_modules_new .module_total_caption {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 0.44px;
    }

    #course_modules_new .modules:after {
        margin-left: -57px;
    }

    #course_modules_new .module_wrap .total_text ol:after {
        left: -47px;
    }

    #course_modules_new .module_wrap .total_text ol {
        margin-bottom: 35px;
    }

    #course_modules_new .module_wrap .module_info h3 {
        font-size: 26px;
        letter-spacing: 0.65px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    #course_modules_new .module_wrap .module_info h3 span {
        font-size: 24px;
        letter-spacing: 0.6px;
        font-weight: 500;
    }

    #course_modules_new .module_wrap .module_info .module_total_caption {
        font-size: 20px;
        position: absolute;
        bottom: 28px;
        left: 0;
        width: 465px;
        text-align: right;
    }

    #course_modules_new .module_wrap .module_info {
        padding-top: 5px;
    }

    #course_modules_new .modules .module_wrap {
        position: relative;
    }

    #course_modules_new .swiper-slide .tech_img:hover span {
        display: block;
    }

    #course_modules_new .swiper-slide .tech_img span {
        display: none;
    }

    #for_whom .tabs_button ul li {
        padding-bottom: 35px;
    }

    #for_whom .tabs_button ul li.active:before {
        box-shadow: 0 0 0 4px #f7f2ff, 0 2px 18px rgba(140, 140, 140, 0.1);
    }

    #for_whom .tabs_button ul li {
        margin-right: 75px;
    }

    #for_whom .tabs_button ul li:last-child {
        margin-right: 0px;
    }

    #for_whom .block_title_with_icon {
        margin-bottom: 70px;
    }

    #for_whom .tabs__content {
        background-position: right 0px top 50%;
        padding-right: 440px;
    }

    #for_whom .tabs__content p {
        line-height: 26px;
    }

    #for_whom .tabs_button ul {
        margin-bottom: 50px;
    }

    #course_your_scills {
        padding-top: 100px;
    }

    #course_your_scills .block_title_with_icon {
        margin-bottom: 70px;
    }

    #course_your_scills .right_column .item {
        padding-bottom: 10px;
    }

    #course_your_scills .right_column .item .title {
        font-size: 20px;
        line-height: 22px;
    }

    #course_your_scills .right_column .item:nth-child(1) {
        margin-left: -20px;
        margin-right: 20px;
    }

    #course_your_scills .right_column .item:nth-child(2) {
        margin-left: 10px;
        margin-right: -10px;
    }

    #course_your_scills .right_column .item:nth-child(3) {
        margin-left: 40px;
        margin-right: -40px;
    }

    #course_your_scills .right_column .item:nth-child(4) {
        margin-left: 10px;
        margin-right: -10px;
    }

    #course_your_scills .right_column .item:nth-child(5) {
        margin-left: -20px;
        margin-right: 20px;
    }

    #course_your_scills .left_column {
        padding-top: 50px;
    }

    #course_your_scills .left_column .title {
        margin-bottom: 50px;
    }

    #course_your_scills .left_column .title {
        text-align: center;
    }

    #course_your_scills .left_column {
        width: 48%;
    }

    #course_your_scills {
        padding-bottom: 80px;
    }

    #your_resume {
        padding-bottom: 70px;
    }

    #form_gotoit .block_title_with_icon {
        margin-bottom: 70px;
    }

    #course_plushki {
        padding-top: 90px;
    }

    #course_plushki .plushki_list {
        align-items: flex-start;
    }

    #course_plushki .plushki_list .item {
        margin-bottom: 30px;
    }

    #lost_lession .ll_wrap {
        padding-top: 200px;
    }

    #lost_lession .image {
        top: -50px;
    }

    #lost_lession .pre_image {
        top: -57px;
    }

    #lost_lession {
        min-height: 670px;
    }

    #we_and_students.course_page {
        padding-top: 40px;
    }

    #course_text .left_column .text {
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        background-color: #fff;
        padding: 0;
    }

    #course_text .mCustomScrollBox {
        width: auto;
        margin-right: -50px;
        max-width: none;
        padding: 25px 15px 5px 30px;
    }

    #we_and_students.course_page {
        padding-bottom: 25px;
    }

    .block_title_with_icon {
        margin-bottom: 50px;
    }

    #we_and_students.course_page {
        padding-bottom: 15px;
    }

    #course_modules_new .swiper-slide .tech_img span {
        font-size: 16px;
        line-height: 20px;
        max-height: none;
    }

    #course_modules_new .swiper-slide .tech_img:hover span {
        font-size: 16px;
        line-height: 22px;
    }

    #course_modules_new .technology_carousel {
        padding-bottom: 150px !important;
    }

    #course_modules_new .swiper-button-next, #course_modules_new .swiper-button-prev {
        margin-top: -78px;
    }

    #for_whom .tabs_button ul li {
        flex-shrink: 0;
        max-width: 380px;
    }

    #course_your_scills .left_column .title {
        margin-bottom: 110px;
    }

    /* end media min width 1200 pixels */
}

#course_modules_new .module_wrap .total_text ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    footer .left_column address {
        cursor: pointer;
    }

    .map-main-open {
        overflow: hidden;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    .map-main-open footer .map_wrap .layer {
        display: none;
    }

    .map-main-open .map_wrap {
        width: auto;
        position: fixed;
        display: block;
        top: 72px;
        bottom: 0;
        left: 0;
        height: auto;
        right: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }

    .map-main-open .map_wrap .map iframe {
        width: 100% !important;
    }

    .map-main-open #open_menu {
        display: none;
    }

    .map-main-open header {
        background: linear-gradient(135deg, #5e3ebb 0%, #094fd0 100%);
        padding: 15px 0;
    }

    .map-main-open header:after {
        content: " ";
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -16px;
        width: 32px;
        height: 32px;
        z-index: 100;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 47.971 47.971' style='enable-background:new 0 0 47.971 47.971;' xml:space='preserve' width='512' height='512' class='hovered-paths'%3E%3Cg%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z' data-original='%23000000' class='hovered-path active-path' style='fill:%23FFFFFF' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
    }

    /* end media max width 767 pixels */
}

/* ----- END Maines style --------------- */
/*                                        */
/*                                        */


/* ----- Navigation -------------------- */
/* -- Main menu --------------------- */
.burger-icon {
    display: inline-block;
    z-index: 101;
    cursor: pointer;
    padding: 11px 0 11px 10px;
    margin-left: 15px;
    float: right;
}

.burger-icon:hover .burger-icon-inner {
    background-image: linear-gradient(to bottom, #ffc347 0%, #b85300 100%);
}

.burger-icon:hover .burger-icon-inner:before, .burger-icon:hover .burger-icon-inner:after {
    background-image: linear-gradient(to bottom, #ffc347 0%, #b85300 100%);
}

.burger-icon-box {
    display: block;
    width: 32px;
    padding: 8px 0;
}

.burger-icon-inner {
    display: block;
    position: relative;
    height: 4px;
    background-color: #ffab00;
    background-image: linear-gradient(to bottom, #ffab00 0%, #ff7300 100%);
    border-radius: 4px;
    transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger-icon-inner:before, .burger-icon-inner:after {
    content: ' ';
    position: absolute;
    left: 0;
    height: 4px;
    width: 100%;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #ffab00 0%, #ff7300 100%);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
}

.burger-icon-inner:before {
    top: -9px;
    transition: top 75ms ease .12s, opacity 75ms ease;
    background-color: #ffab00;
}

.burger-icon-inner:after {
    bottom: -9px;
    transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    background-color: #ff7300;
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .burger-icon {
        margin-left: 28px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END Navigation ---------------- */
/*                                       */
/*                                       */
/* ----- Banner ------------------- */
.bg_icon.icon4 {
    display: none;
}

.main-banner_courses {
    background-image: url(../img/bg-courses.svg), url(../img/bg-courses-line-light.jpg);
    background-color: #454ED7;
    background-position: center bottom, center bottom -1px;
}

.b-center-snatch-icon {
    max-width: 70px;
    margin-left: auto;
    margin-bottom: -64px;
    position: relative;
    z-index: 1;
}

.subsubtitle_mob-wrapp {
    margin-right: 70px;
}

.b-center-snatch-waranty {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    outline: none;
    margin-bottom: 10px;
}

.b-center-snatch-waranty:hover {
    text-decoration: none;
}

.b-center-snatch-waranty_second {
    align-items: flex-start;
}

.b-center-snatch-waranty_second .b-center-snatch-waranty__icon {
    flex: 0 0 90px;
    max-width: 90px;
}

.b-center-snatch-waranty_second .b-center-snatch-waranty__txt {
    margin-top: 20px;
}

.b-center-snatch-waranty__icon {
    flex: 0 0 40px;
    max-width: 40px;
    margin-right: 10px;
}

.b-center-snatch-waranty__txt {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.1;
    position: relative;
    padding-right: 14px;
}

.b-center-snatch-waranty__txt:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0;
    width: 9px;
    height: 16px;
    margin-top: -8px;
    background: url(../img/arrow-right-w.png) center center no-repeat;
}

.b-center-snatch-waranty__txt_sm {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.45px;
    text-transform: none;
}

a.b-center-snatch-waranty:hover .b-center-snatch-waranty__icon {
    opacity: 0.8;
}

a.b-center-snatch-waranty:hover .b-center-snatch-waranty__txt {
    color: #cccccc;
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    .banner-icon__content {
        padding-top: 12px;
    }

    .banner-icon__txt {
        font-size: 12px;
        line-height: 16px;
    }

    .banner-icon__name_sm {
        font-size: 14px;
    }

    .banner-icon__name {
        font-size: 16px;
        line-height: 18px;
    }

    /* end media max width 767 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .b-center-snatch-waranty__txt {
        padding-right: 20px;
    }

    .b-center-snatch-icon {
        max-width: 100px;
        margin-left: auto;
        margin-bottom: auto;
        position: absolute;
        top: 0;
        right: 0;
    }

    .main-banner-about_wrapp-tt_second {
        position: relative;
    }

    .main-banner-about_wrapp-tt_second .b-tt {
        margin-right: 100px;
    }

    .main-banner-inner {
        padding-top: 140px;
    }

    .b-center-snatch-waranty {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .b-center-snatch-waranty, .b-center-snatch-icon {
        z-index: 2;
    }

    /* end media min width 768 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .b-center-snatch-waranty__txt {
        font-size: 20px;
    }

    .main-banner-about {
        min-height: 520px;
    }

    .b-center-snatch-icon {
        max-width: 140px;
        right: -70px;
        top: -20px;
    }

    .main-banner-about_wrapp-tt_second .b-tt {
        margin-right: 70px;
    }

    .b-center-snatch-waranty {
        top: -74px;
        right: -34%;
    }

    .b-center-snatch-waranty__icon {
        flex-basis: 80px;
        max-width: 80px;
    }

    .b-center-snatch-waranty__txt {
        flex-grow: 0;
        flex-shrink: 0;
    }

    .main-banner_courses .main-banner-inner {
        padding-top: 150px;
        padding-bottom: 70px;
    }

    .main-banner_courses .main-banner-inner_sm {
        padding-bottom: 30px;
    }

    .main-banner_push-top-st .main-banner-inner {
        padding-top: 190px;
    }

    /* end media min width 1000 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .bg_icon.icon4 {
        display: block;
    }

    .main-banner_courses {
        background-image: url(../img/banner-bg2.png), url(../img/bg-courses.svg);
        background-repeat: no-repeat;
        background-position: center bottom 150px, center bottom;
        background-size: 100% 460px, cover;
    }

    .b-tt_lg {
        font-size: 48px;
        line-height: 60px;
        letter-spacing: 1.2px;
    }

    .b-tt_lg-push {
        margin-bottom: 66px;
    }

    .b-tt_lg .b-tt__lg {
        letter-spacing: 1.5px;
        font-size: 60px;
    }

    .b-tt_lg .b-tt__block {
        letter-spacing: 1.05px;
        font-size: 42px;
    }

    .main-banner-about .text.text_lg-height {
        max-height: 262px;
        margin-bottom: 40px;
    }

    .banner-icons_pushtop-sm {
        margin-top: 40px;
    }

    .banner-icons_pushtop-verysm {
        margin-top: 20px;
    }

    .main-banner-about {
        min-height: 600px;
    }

    .main-banner-about__img {
        transform: translateY(-52%);
        margin-bottom: 0px;
    }

    .b-center-snatch-waranty_second .b-center-snatch-waranty__icon {
        flex: 0 0 136px;
        max-width: 136px;
    }

    .b-center-snatch-waranty {
        top: -50px;
        right: -220px;
    }

    .main-banner-about__img img {
        max-height: 650px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END Banner --------------- */
/*                                  */
/*                                  */
/*_____________J_C_F_______________________*/
/* select */
body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -2px;
    right: -2px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...';
}

@keyframes select-anim {
    0% {
        opacity: 0;
        transform: rotateX(-90deg);
    }
    100% {
        opacity: 1;
        transform: rotateX(0deg);
    }
}

.form-st__txt {
    color: #1f1f1f;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
}

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    min-width: 100px;
    max-width: 270px;
    width: 100%;
    flex-shrink: 0;
    background: transparent;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #ffa900;
}

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 12px;
    line-height: 36px;
    margin: 0 35px 0 15px;
}

.jcf-select .jcf-select-opener {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    text-align: center;
    width: 26px;
    line-height: 40px;
}

.jcf-select .jcf-select-opener:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
    margin-left: -8px;
    height: 2px;
    border-radius: 1px;
    transform: rotate(45deg);
}

.jcf-select .jcf-select-opener:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background-image: linear-gradient(to left, #ffab00 0%, #ff7300 100%);
    margin-left: -2px;
    transform: rotate(-45deg);
}

.jcf-drop-active {
    border-radius: 10px 10px 0 0;
}

.jcf-drop-active .jcf-select-opener:before {
    margin-left: -2px;
}

.jcf-drop-active .jcf-select-opener:after {
    margin-left: -8px;
}

.jcf-drop-flipped.jcf-select {
    border-radius: 0 0 10px 10px;
}

.jcf-drop-flipped.jcf-select .jcf-select-opener:before {
    margin-left: -8px;
}

.jcf-drop-flipped.jcf-select .jcf-select-opener:after {
    margin-left: -2px;
}

.jcf-drop-flipped.jcf-select-drop {
    border-radius: 10px 10px 0 0;
    transform-origin: bottom center;
}

.jcf-drop-flipped.jcf-select-drop .jcf-select-drop-content {
    border: 2px solid #ffa900;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.jcf-select-drop {
    transition: ease 0.3s;
    transform-origin: top center;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 2px solid #ffa900;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: none;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    content: '';
    height: 4px;
    width: 8px;
    margin: -7px 5px 0 -3px;
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}

/* select options styles */
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.jcf-list ul li {
    overflow: hidden;
    display: block;
}

.jcf-list .jcf-overflow {
    overflow: auto;
}

.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 10px 15px;
    color: #000;
    min-height: 14px;
    height: 1%;
}

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}

.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 10px 15px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

.jcf-select-color .jcf-select-text .jcf-option-color {
    font-weight: bold;
}

.jcf-select-text .jcf-option-red, .jcf-list .jcf-option-red {
    color: #d00;
}

.jcf-select-text .jcf-option-green, .jcf-list .jcf-option-green {
    color: #0d0;
}

.jcf-select-text .jcf-option-blue, .jcf-list .jcf-option-blue {
    color: #00d;
}

.jcf-select-drop .jcf-option-hideme {
    display: none;
}

.jcf-select.jcf-select-present {
    line-height: 48px;
    height: 48px;
    background: #fff;
}

.jcf-select.jcf-select-present .jcf-select-text img {
    vertical-align: top;
    width: 32px;
    height: auto;
    margin: 7px 5px 0 0;
}

.jcf-select-present .jcf-select-text {
    line-height: 48px;
}

.jcf-select-present .jcf-list {
    font-style: italic;
    line-height: 48px;
}

.jcf-select-present .jcf-list img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.jcf-select {
    min-width: 100%;
    display: block;
}

.jcf-select .jcf-select-text {
    font-size: 14px;
}

.field input {
    font-size: 14px;
}

.field_btn-min-width input {
    min-width: 268px;
    transition: 0s;
}

/* Min width 480 pixels */
@media only screen and (min-width: 480px) {
    .jcf-select {
        min-width: 100%;
        display: block;
    }

    .jcf-select .jcf-select-text {
        font-size: 16px;
    }

    .field input {
        font-size: 16px;
    }

    /* end media min width 480 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .jcf-select {
        height: 56px;
    }

    .jcf-select .jcf-select-text {
        line-height: 52px;
        margin-left: 20px;
        font-size: 20px;
    }

    .field input {
        font-size: 20px;
    }

    .jcf-select .jcf-select-opener {
        width: 46px;
    }

    .jcf-list {
        font-size: 16px;
        line-height: 20px;
    }

    /* end media min width 768 pixels */
}

/*__________end_J_C_F_______________________*/
/*_________________F A N C Y_______________________*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #000;
    opacity: 0.90;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s, visibility 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current {
    display: block;
}

.fancybox-slide--next {
    display: block;
    z-index: 99995;
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px 6px 0 6px;
}

.fancybox-slide--iframe {
    padding: 44px 44px 0;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1;
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px;
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--iframe .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px;
}

.fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    vertical-align: top;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */
.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px;
    color: #ccc;
}

.fancybox-button:visited, .fancybox-button:link {
    color: #ccc;
}

.fancybox-button:focus, .fancybox-button:hover {
    color: #fff;
}

.fancybox-button.disabled, .fancybox-button[disabled] {
    color: #888;
    cursor: default;
}

.fancybox-button.disabled:hover, .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}

.fancybox-button--play svg path:nth-child(2), .fancybox-button--pause svg path:nth-child(1) {
    display: none;
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
    fill: currentColor;
}

.fancybox-button--share svg path {
    stroke-width: 1;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px;
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s;
}

.fancybox-navigation .fancybox-button::after {
    content: '';
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px;
}

/* Caption */
.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0;
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1;
}

.fancybox-caption::after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: '';
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0;
}

.fancybox-caption a {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    border: 6px solid rgba(100, 100, 100, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* Transition effects */
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}

/* Share */
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited, .fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs > ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x > ul {
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs > ul > li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fancybox-thumbs > ul > li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10;
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s;
}

.fancybox-close-small:focus {
    outline: none;
}

.fancybox-close-small:hover svg {
    opacity: 1;
}

.fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px;
}

.fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg, .fancybox-slide--iframe .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}

.st-modal {
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
    display: none;
    padding: 50px 10px 30px;
    position: relative;
}

.st-modal .title-site, .st-modal h1, .st-modal h2, .st-modal h3 {
    font-size: 26px;
    text-align: center;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .fancybox-close-small {
        padding: 0;
        color: #fff;
        width: 40px;
        height: 40px;
    }

    .st-modal {
        padding: 50px 40px 30px;
    }

    /* end media min width 768 pixels */
}

.fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--zoom, .fancybox-inner .fancybox-toolbar .fancybox-button.fancybox-button--thumbs {
    display: none !important;
}

/*_____________end F A N C Y_______________________*/
/* ----- Slick slider ------------------- */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.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;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    display: table;
    content: '';
    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;
}

/* Slider */
/* ----- END Slick slider --------------- */
/*                                        */
/*                                        */
/* ----- Modal ------------------- */
.main-modal {
    line-height: 16px;
    font-size: 12px;
}

.main-modal .title-site, .main-modal h1, .main-modal h2, .main-modal h3, .main-modal h4, .main-modal h5, .main-modal h6 {
    font-family: "Graphik", Arial, sans-serif;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.2;
    letter-spacing: 0.75px;
}

.main-modal .title-site_h1, .main-modal h1 {
    font-size: 26px;
}

.main-modal .title-site_h2, .main-modal h2 {
    font-size: 24px;
}

.main-modal .title-site_h3, .main-modal h3 {
    font-size: 22px;
}

.main-modal .title-site_h4, .main-modal h4 {
    font-size: 18px;
}

.main-modal .title-site_h5, .main-modal h5 {
    font-size: 17px;
}

.main-modal .title-site_h6, .main-modal h6 {
    font-size: 16px;
}

.main-modal .text_center {
    text-align: center;
}

.morphing-content {
    display: none;
}

.modal-full {
    min-height: 100%;
    width: 100%;
    display: none;
    font-family: 'Graphik', Arial, sans-serif;
    font-weight: normal;
    animation-name: push-modal;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}

.modal-full img {
    max-width: 100%;
}

.modal-full .container {
    width: auto;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    position: static;
}

.modal-full .w-box {
    height: 100%;
}

.modal-full .w-box-grid {
    min-height: 100%;
}

.modal-full .w-box > .container {
    height: 100%;
}

@keyframes push-modal {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

.fancybox-is-modal .fancybox-bg {
    background: none;
}

.fancybox-is-modal .fancybox-toolbar {
    visibility: visible;
    opacity: 1;
}

.fancybox-is-modal .fancybox-close-small, .fancybox-is-modal .fancybox-button--close {
    background: none;
}

.fancybox-is-modal .fancybox-close-small svg, .fancybox-is-modal .fancybox-button--close svg {
    display: none;
}

.fancybox-is-modal .fancybox-button--close:before, .fancybox-is-modal .fancybox-button--close:after, .fancybox-is-modal .fancybox-close-small:before, .fancybox-is-modal .fancybox-close-small:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    border-radius: 3px;
    transform: rotate(45deg);
    height: 3px;
    width: 30px;
    background-color: #ffab00;
    background-image: linear-gradient(to bottom, #ffab00 0%, #ff7300 100%);
}

.fancybox-is-modal .fancybox-button--close:before, .fancybox-is-modal .fancybox-close-small:before {
    animation-name: rotate-close-btn1;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
    animation-fill-mode: both;
}

.fancybox-is-modal .fancybox-button--close:after, .fancybox-is-modal .fancybox-close-small:after {
    transform: rotate(-45deg);
    animation-name: rotate-close-btn2;
    animation-duration: 0.3s;
    animation-delay: 0.3s;
    animation-fill-mode: both;
}

@keyframes rotate-close-btn1 {
    0% {
        transform: rotate(0);
        opacity: 0;
    }
    100% {
        transform: rotate(45deg);
        opacity: 1;
    }
}

@keyframes rotate-close-btn2 {
    0% {
        transform: rotate(0);
        opacity: 0;
    }
    100% {
        transform: rotate(-45deg);
        opacity: 1;
    }
}

.cap-modal {
    text-align: center;
    margin-bottom: 35px;
}

.cap-modal .title-site, .cap-modal h1, .cap-modal h2, .cap-modal h3 {
    margin-bottom: 25px;
}

.hidden {
    display: none;
}

.fancybox-slide--html {
    padding: 0;
}

.fancybox-slide--html .modal-full {
    margin-bottom: 0;
}

.fancybox-slide--html.fancybox-slide::before {
    margin-right: 0;
}

.w-aside__tt {
    color: #fcd69f;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.7px;
    margin-bottom: 20px;
}

.w-aside__txt {
    color: #fffffe;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.45px;
    margin-bottom: 30px;
}

.w-aside__icon {
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
}

.w-aside {
    padding: 50px 15px 20px;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #5c3db2;
    background-image: -webkit-linear-gradient(top right, #5c3db2 0%, #5c3db2 10%, #13429a 100%);
    background-image: -o-linear-gradient(top right, #5c3db2 0%, #5c3db2 10%, #13429a 100%);
    background-image: linear-gradient(to bottom left, #5c3db2 0%, #5c3db2 10%, #13429a 100%);
    text-align: center;
}

.w-aside__back-link a {
    color: #fefefe;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0;
    letter-spacing: 0.4px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    outline: none;
    position: relative;
    padding-right: 38px;
}

.w-aside__back-link a:hover {
    color: #d8d8d8;
    text-decoration: none;
}

.w-aside__back-link a:hover:after {
    right: -5px;
}

.w-aside__back-link a:after {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    background: url(../img/arrow-right-modal.png) center center no-repeat;
    width: 26px;
    height: 11px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    transition: 0.2s;
}

.content-modal {
    padding: 40px 0;
}

.carousel-brand-item__bl {
    height: 74px;
    line-height: 54px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    outline: none;
    padding: 10px;
    display: block;
}

.carousel-brand-item__bl > img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.carousel-brand .slick-dots {
    display: block;
    position: static;
    background-color: transparent;
    line-height: 1px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.carousel-brand .slick-dots li {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 6px;
}

.carousel-brand .slick-dots li.slick-active button {
    background-color: #6c49d1;
    background-image: linear-gradient(-225deg, #6c49d1 0%, #6c49d1 10%, #0c55e0 100%);
}

.carousel-brand .slick-dots li button {
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-indent: -9999px;
    display: inline-block;
    vertical-align: middle;
    background-color: #b8b8b8;
    outline: none;
}

.carousel-brand .slick-dots li button:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.carousel-brand-wrapp {
    margin-bottom: 40px;
}

.modal-card {
    display: block;
    outline: none;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(32, 94, 171, 0.12);
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
    transition: 0.2s;
}

.modal-cards {
    margin-bottom: 40px;
}

.modal-card__content {
    flex-grow: 1;
    padding-right: 10px;
}

.modal-card:hover {
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(32, 94, 171, 0.2);
}

.modal-card__tt {
    color: #4e4e4e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.4px;
    margin-bottom: 7px;
}

.modal-card__time {
    color: #4d77ff;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.35px;
}

.modal-card-price {
    flex-shrink: 0;
    text-align: center;
}

.modal-card-price__value {
    color: #181818;
    line-height: 16px;
    font-size: 12px;
    font-weight: 500;
}

.modal-card-price__name {
    font-weight: 300;
    color: #181818;
    font-size: 10px;
    line-height: 16px;
}

.modal-pact {
    box-shadow: 0 2px 29px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    vertical-align: top;
    transition: 0.2s;
}

a.modal-pact:hover {
    box-shadow: 0 2px 19px 2px rgba(0, 0, 0, 0.3);
}

.box-modal-why {
    margin-bottom: 35px;
}

.modal-why__icon {
    display: none;
}

.modal-why__list {
    color: #282828;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.45px;
    line-height: 14px;
}

.modal-why__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.modal-why__list ul li {
    padding: 0;
    margin: 8px 0;
    position: relative;
    padding-left: 20px;
}

.modal-why__list ul li:before {
    content: ' ';
    width: 8px;
    height: 8px;
    background-image: linear-gradient(to top, #85d0fa 0%, #a3bafe 100%);
    background-color: #85d0fa;
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 50%;
}

.carousel-brand.slick-slider .slick-list {
    margin-bottom: 15px;
}

.modal-card-box {
    margin-bottom: 10px;
    text-align: right;
}

.modal-card-box__description {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22);
    border-radius: 0 0 5px 5px;
    padding: 5px;
    background-color: #c53939;
    color: #fefefe;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.25px;
    display: inline-block;
    position: relative;
}

.modal-card-box__description:before {
    content: ' ';
    position: absolute;
    bottom: 100%;
    left: 50%;
    border-bottom: 10px solid #c53939;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.modal-card-box .modal-card {
    margin-bottom: 0;
    text-align: left;
    border-bottom-right-radius: 0px;
}

.modal-card-box__description_second.modal-card-box__description {
    background-image: linear-gradient(-209deg, rgba(255, 196, 37, 0.5) 0%, rgba(201, 86, 24, 0.5) 100%);
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.15);
}

.modal-card-list-item {
    margin-bottom: 27px;
}

.modal-card-bl__tt .title-site, .modal-card-bl__tt h1, .modal-card-bl__tt h2, .modal-card-bl__tt h3, .modal-card-bl__tt h4, .modal-card-bl__tt h5, .modal-card-bl__tt h6 {
    position: relative;
    display: inline-block;
    padding-left: 44px;
    margin-bottom: 12px;
}

.modal-card-bl__tt .title-site:before, .modal-card-bl__tt h1:before, .modal-card-bl__tt h2:before, .modal-card-bl__tt h3:before, .modal-card-bl__tt h4:before, .modal-card-bl__tt h5:before, .modal-card-bl__tt h6:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 7px;
    margin-top: -4px;
    background-size: contain;
    background: url(../img/title-dots-modal.svg) left center no-repeat;
}

.ff-bold {
    font-weight: bold;
}

.main-menu {
    padding: 0;
    margin: 0;
}

.main-menu__item {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #161616;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: 0.6px;
    margin: 10px 0;
    text-align: right;
}

.main-menu__item a {
    color: #161616;
    text-decoration: none;
    outline: none;
}

.main-menu__item a:hover {
    color: #ffab00;
    background-image: linear-gradient(to bottom, #ffab00 0%, #ff7300 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-decoration: none;
}

.main-menu__item_active a {
    color: #ffab00;
    background-image: linear-gradient(to bottom, #cc8900 0%, #cc5c00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-decoration: none;
    cursor: default;
}

.main-menu__item_active a:hover {
    background-image: linear-gradient(to bottom, #cc8900 0%, #cc5c00 100%);
}

.main-menu__item_big {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.main-menu__item_big_sm {
    color: #161616;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
}

.main-menu__item_big_very-sm {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.9px;
}

.main-menu__item_md {
    font-weight: 700;
}

.main-navigation-btn {
    margin-top: 30px;
}

.main-navigation-social {
    margin-top: 30px;
}

.w-box-grid__aside_mob-hidden {
    display: none;
}

.btn_border_dark-txt {
    color: #161616;
}

.btn_min-width {
    float: none;
}

header .btn_min-width {
    float: right;
}

.main-social {
    margin-left: -10px;
    margin-right: -10px;
}

.main-social li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.main-social li a {
    text-decoration: none;
    outline: none;
    opacity: 1;
}

.main-social li a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.main-navigation-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    min-height: 100vh;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.content-modal_menu {
    padding: 0;
}

.content-modal_menu .main-navigation-box {
    padding: 30px 20px;
}

.w-aside__txt-preview {
    background-image: linear-gradient(-225deg, #786be8 0%, #5250d2 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    color: #8172f1;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.w-aside__txt-preview i {
    font-style: normal;
    font-size: 46px;
    letter-spacing: 1.15px;
}

.content-modal_bg-second.content-modal {
    position: relative;
    z-index: 1;
}

.content-modal_bg-second.content-modal:before {
    display: none;
}

.content-modal_bg-second.content-modal:after {
    background: url(../img/modal-bg-menu.jpg) right top no-repeat;
    background-size: cover;
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -15px;
    right: -15px;
    width: auto;
    height: auto;
    z-index: -1;
    animation: none;
}

.content-modal_order .main-navigation-box {
    padding-left: 0;
}

.checked-list li {
    list-style: none;
    position: relative;
    padding-left: 40px;
    color: #fff;
    line-height: 20px;
    letter-spacing: 0.45px;
    margin: 5px 0;
}

.checked-list li:before {
    content: ' ';
    position: absolute;
    top: -4px;
    left: 0;
    width: 29px;
    height: 28px;
    background: url(../img/checkbox-modal.png) center center no-repeat;
}

.w-aside__icon_plane {
    max-width: 100px;
    margin-left: auto;
}

/* Min width 480 pixels */
@media only screen and (min-width: 480px) {
    .modal-cards {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1%;
        margin-right: -1%;
    }

    .modal-cards .modal-card {
        margin-left: 1%;
        margin-right: 1%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .modal-card-box {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .modal-card-box .modal-card {
        border-bottom-right-radius: 5px;
        flex-grow: 1;
    }

    .modal-card-box__description {
        flex: 0 0 100px;
        max-width: 100px;
        border-radius: 0 5px 5px 0;
        padding: 4px 6px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22), inset 0 0 3px 3px rgba(0, 0, 0, 0.2);
        text-align: left;
    }

    .modal-card-box__description:before {
        display: none;
    }

    .modal-card-list-item > .modal-card {
        margin-right: 100px;
    }

    /* end media min width 480 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .modal-why__icon {
        display: block;
    }

    .modal-why__list {
        font-size: 18px;
        line-height: 24px;
    }

    .modal-cards {
        margin-left: 0;
        margin-right: 0;
        max-width: 690px;
        margin: 40px auto 40px;
    }

    .w-aside__tt {
        font-size: 28px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .w-aside__txt {
        font-size: 18px;
        line-height: 24px;
    }

    .w-aside__txt_sm {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.35px;
    }

    .main-modal {
        line-height: 20px;
        font-size: 14px;
    }

    .main-modal .title-site_h1, .main-modal h1 {
        font-size: 30px;
    }

    .main-modal .title-site_h2, .main-modal h2 {
        font-size: 26px;
    }

    .main-modal .title-site_h3, .main-modal h3 {
        font-size: 24px;
    }

    .main-modal .title-site_h4, .main-modal h4 {
        font-size: 20px;
    }

    .main-modal .title-site_h5, .main-modal h5 {
        font-size: 18px;
    }

    .main-modal .title-site_h6, .main-modal h6 {
        font-size: 16px;
    }

    .modal-card__tt {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 7px;
    }

    .modal-card__time {
        font-size: 14px;
    }

    .modal-card-price__value {
        line-height: 16px;
        font-size: 14px;
    }

    .modal-card-price__name {
        font-size: 12px;
        line-height: 16px;
    }

    .modal-card_sm .modal-card__tt {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .modal-card_sm .modal-card__time {
        font-size: 12px;
    }

    .modal-why {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .modal-why__icon {
        flex-shrink: 0;
        width: 200px;
        margin-right: 10px;
    }

    .modal-why__list {
        flex-grow: 1;
    }

    .cap-modal p {
        font-size: 16px;
        line-height: 24px;
    }

    .modal-card {
        padding: 8px 14px;
        min-height: 65px;
        margin-bottom: 15px;
    }

    .modal-card_sm {
        min-height: 41px;
        padding: 4px 14px;
        margin-bottom: 10px;
    }

    .w-aside__tt_md-size {
        font-size: 36px;
        line-height: 1.2;
    }

    .w-aside__tt_md-push {
        margin-bottom: 40px;
    }

    .modal-card-list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }

    .modal-card-list__col {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .main-menu__item {
        font-size: 24px;
    }

    .main-menu__item_big {
        font-size: 48px;
    }

    .main-menu__item_big_sm {
        font-size: 40px;
    }

    .main-menu__item_big_very-sm {
        font-size: 36px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .content-modal_menu .main-navigation-box {
        padding: 30px 20px;
    }

    .main-modal {
        line-height: 24px;
        font-size: 16px;
    }

    .w-box-grid {
        display: flex;
        justify-content: flex-start;
    }

    .w-box-grid__aside {
        margin-right: 0;
        margin-left: 0;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .w-box-grid__content {
        flex-grow: 1;
        margin-left: 0;
        margin-right: 0;
        max-width: 70%;
        padding-left: 15px;
    }

    .w-aside {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-right: 20px;
        padding-left: 0;
    }

    .w-aside:after {
        content: ' ';
        position: absolute;
        z-index: -1;
        right: 0;
        top: 0;
        bottom: 0;
        width: 2000px;
        background-color: #5c3db2;
        background-image: -webkit-linear-gradient(top right, #5c3db2 0%, #5c3db2 10%, #13429a 100%);
        background-image: -o-linear-gradient(top right, #5c3db2 0%, #5c3db2 10%, #13429a 100%);
        background-image: linear-gradient(to bottom left, #5c3db2 0%, #5c3db2 10%, #13429a 100%);
    }

    .w-aside__back-link {
        margin-top: auto;
        text-align: right;
    }

    .w-aside__icon_warranty {
        margin-top: 60px;
        max-width: none;
        margin-left: 53px;
        margin-bottom: 50px;
    }

    .w-aside__tt_line {
        position: relative;
        z-index: 1;
    }

    .w-aside__tt_line.w-aside__tt_md-push:after {
        bottom: -126px;
    }

    .w-aside__tt_line:after {
        z-index: -1;
        content: ' ';
        position: absolute;
        right: -20px;
        width: 645px;
        height: 105px;
        bottom: -117px;
        background: url(../img/line-modal-tt.png) center center no-repeat;
    }

    .cap-modal {
        margin-bottom: 45px;
    }

    .carousel-brand.slick-slider .slick-list {
        margin-bottom: 27px;
    }

    .carousel-brand-wrapp {
        margin-bottom: 55px;
    }

    .modal-why__icon {
        margin-right: 14px;
        padding-top: 10px;
        width: 191px;
        padding-left: 8px;
    }

    .modal-why__list ul li {
        margin: 10px 0;
    }

    .content-modal_bg-second.content-modal:after {
        left: 0;
        right: -15px;
    }

    .w-aside__icon_plane {
        max-width: 120px;
        margin-left: auto;
        margin-top: 110px;
        margin-right: 70px;
        margin-bottom: 140px;
    }

    .form-st {
        margin-top: 40px;
    }

    .content-modal_order .main-navigation-box {
        max-width: 520px;
        padding-right: 20px;
        align-items: center;
    }

    .form-st__txt {
        margin-bottom: 26px;
    }

    .field.field_btn-min-width {
        margin-top: 40px;
    }

    .w-aside {
        animation-name: menu-animation-aside;
        animation-duration: 0.3s;
        animation-delay: 0.6s;
        animation-fill-mode: both;
    }

    @keyframes menu-animation-aside {
        0% {
            transform: translateX(-1000px);
        }
        100% {
            transform: translateX(0);
        }
    }
    /* end media min width 1000 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .w-box_menu .w-box-grid__aside {
        padding-bottom: 30px;
    }

    .w-box_menu .w-aside__back-link {
        padding-right: 40px;
    }

    .w-box_menu .content-modal {
        padding-bottom: 22px;
    }

    .main-navigation-btn {
        margin-top: 80px;
        margin-bottom: 40px;
    }

    .main-navigation-social {
        margin-top: auto;
    }

    .main-menu__item {
        margin: 20px 0;
    }

    .main-navigation-box {
        min-height: 100%;
        justify-content: flex-start;
    }

    .w-box_menu .w-aside__tt {
        line-height: 36px;
        letter-spacing: 0.75px;
    }

    .content-modal_push-left-md {
        padding-left: 35px;
    }

    .w-box-grid__aside {
        max-width: 23.8%;
        padding-top: 50px;
        padding-bottom: 50px;
        z-index: 2;
    }

    .w-box-grid__content {
        max-width: 76.2%;
        padding-top: 50px;
    }

    .w-box-grid_md .w-box-grid__aside {
        max-width: 29.5%;
        padding-top: 40px;
    }

    .w-box-grid_md .w-box-grid__content {
        max-width: 70.5%;
    }

    .w-aside__txt-preview {
        text-align: right;
        padding-right: 56px;
        padding-left: 20px;
    }

    .w-aside__tt_big {
        margin-bottom: 65px;
    }

    .w-aside__icon_carousel.w-aside__icon_warranty:before {
        margin-bottom: -140px;
    }

    .w-aside__icon_warranty.w-aside__icon_order {
        margin-top: 100px;
    }

    .w-aside__icon_warranty {
        margin-top: 50px;
        position: relative;
        z-index: 1;
    }

    .w-aside__icon_warranty:before {
        content: ' ';
        position: absolute;
        bottom: 100%;
        right: 100%;
        margin-right: -56px;
        margin-bottom: -40px;
        width: 188px;
        height: 141px;
        background-size: contain;
        background: url(../img/icon_warranty-effect.svg) center center no-repeat;
        z-index: -1;
        animation-name: icon_warranty-animation;
        animation-duration: 35s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
    }

    .w-aside__icon_plane.w-aside__icon_warranty:before {
        bottom: auto;
        top: 100%;
        transform: rotateX(180deg);
        animation-name: icon_warranty-animation-sm;
        margin-bottom: 0;
        margin-left: 10px;
        margin-top: -50px;
    }

    @keyframes icon_warranty-animation {
        0% {
            transform: translate(0, 0);
        }
        20% {
            transform: translate(-100px, 100px);
        }
        40% {
            transform: translate(0px, 100px) rotate(40deg);
        }
        60% {
            transform: translate(-100px, 20px) rotate(-30deg);
        }
        80% {
            transform: translate(-100px, 0px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    @keyframes icon_warranty-animation-sm {
        0% {
            transform: translate(0, 0) rotateX(180deg);
        }
        20% {
            transform: translate(-30px, -30px) rotateX(180deg);
        }
        40% {
            transform: translate(0px, -30px) rotateZ(40deg) rotateX(180deg);
        }
        60% {
            transform: translate(-30px, 30px) rotateZ(-30deg) rotateX(180deg);
        }
        80% {
            transform: translate(-30px, -30px) rotateX(180deg);
        }
        100% {
            transform: translate(0, 0) rotateX(180deg);
        }
    }
    @keyframes icon_warranty-animation2 {
        0% {
            transform: translate(0, 0);
        }
        20% {
            transform: translate(-10px, -10px);
        }
        40% {
            transform: translate(0px, 100px);
        }
        60% {
            transform: translate(-20px, -20px);
        }
        80% {
            transform: translate(-50px, -80px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    @keyframes icon_warranty-animation3 {
        0% {
            transform: translate(0, 50);
        }
        50% {
            transform: translate(0, 150px) rotate(20deg);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    .cap-modal_width-sm {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .w-aside__tt_line:after {
        bottom: -137px;
    }

    .w-aside__icon_plane {
        animation-name: plane-animated;
        animation-duration: 0.3s;
        animation-delay: 1s;
        animation-fill-mode: both;
    }

    @keyframes plane-animated {
        0% {
            transform: translate(-100px, 100px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    .modal-cards {
        margin-bottom: 50px;
    }

    .modal-cards .modal-card {
        margin-left: 2.5%;
        margin-right: 2.5%;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .fancybox-is-modal .fancybox-toolbar {
        right: auto;
        left: 50%;
        margin-left: 584px;
        top: 40px;
        width: 2000px;
        text-align: left;
        top: 0;
        height: 100%;
    }

    .fancybox-is-modal .fancybox-button--close, .fancybox-is-modal .fancybox-close-small {
        height: 100%;
        width: 100%;
    }

    .fancybox-is-modal .fancybox-button--close:before, .fancybox-is-modal .fancybox-button--close:after, .fancybox-is-modal .fancybox-close-small:before, .fancybox-is-modal .fancybox-close-small:after {
        left: 0;
        margin-left: 0;
        top: 50px;
        margin-top: 0;
    }

    .content-modal_bg-second.content-modal {
        position: static;
    }

    .content-modal_bg-second.content-modal:after {
        left: 50%;
        margin-left: -240px;
        right: 0;
        background-position: left bottom;
    }

    .main-social {
        margin-left: -16px;
        margin-right: -16px;
    }

    .main-social li {
        margin: 0 16px;
    }

    .main-navigation-btn .btn.btn_sm {
        min-width: 248px;
    }

    .modal-full .w-box > .container {
        min-height: 100%;
    }

    .modal-full .w-box-grid {
        min-height: 100vh;
    }

    .fancybox-active.compensate-for-scrollbar {
        overflow: hidden;
    }

    .checked-list li {
        margin: 25px 0;
        font-size: 18px;
        padding-left: 32px;
    }

    .w-box-grid__content {
        position: relative;
        z-index: 1;
    }

    .w-box-grid__content:before {
        content: ' ';
        position: absolute;
        top: 17%;
        left: 50%;
        margin-left: -480px;
        width: 286px;
        height: 174px;
        background-size: contain;
        background: url(../img/w-bg-1.png) center center no-repeat;
        z-index: -1;
        animation-name: icon_warranty-animation3;
        animation-duration: 20s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
    }

    .w-aside-fix {
        position: sticky;
        top: 0;
        bottom: 0;
        height: 100vh;
        background: none;
    }

    .w-box-grid__content {
        position: static;
    }

    .w-box-grid__content:after {
        left: auto;
        right: 0;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1600 pixels */
@media only screen and (min-width: 1600px) {
    .w-box-grid__content:after {
        content: ' ';
        position: absolute;
        top: 33%;
        right: 50px;
        width: 179px;
        height: 191px;
        background-size: contain;
        background: url(../img/icon_warranty-effect2.svg) center center no-repeat;
        z-index: -1;
        animation-name: icon_warranty-animation2;
        animation-duration: 20s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
    }

    /* end media min width 1600 pixels */
}

.icon-animation {
    position: absolute;
    left: 0;
    top: 0;
    animation-duration: 10s;
    animation-name: icon-animation;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    width: 150px;
    height: 150px;
    border-radius: 20px;
    padding: 15px;
    opacity: 1;
    background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
    background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
    background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
}

.icon-animation .icon {
    width: 120px;
    height: 120px;
    border-radius: 20px;
    background-position: center;
    background-size: 100% 100%;
}

.icon-animation:nth-child(1) {
    animation-delay: 0s;
    animation-name: icon-animation;
}

.icon-animation:nth-child(2) {
    animation-delay: 0s;
    animation-name: icon-animation2;
}

.icon-animation:nth-child(3) {
    animation-delay: 0s;
    animation-name: icon-animation3;
}

.icon-animation:nth-child(4) {
    animation-delay: 0s;
    animation-name: icon-animation4;
}

.w-aside__icon_carousel.w-aside__icon {
    position: relative;
    z-index: 1;
    height: 300px;
    flex-shrink: 0;
    width: 100%;
    max-width: 258px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

@keyframes icon-animation {
    0% {
        opacity: 1;
        transform: scale(0.56);
        left: 20px;
        top: 180px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    25% {
        opacity: 1;
        transform: scale(0.55);
        left: -16px;
        top: 50px;
        background: -moz-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: -webkit-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: linear-gradient(135deg, #ffd179 0%, #f37572 100%);
    }
    50% {
        opacity: 1;
        transform: scale(0.35);
        left: 80px;
        top: -46px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    75% {
        opacity: 1;
        transform: scale(0.45);
        left: 111px;
        top: 60px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    100% {
        opacity: 1;
        transform: scale(0.56);
        left: 20px;
        top: 180px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
}

@keyframes icon-animation2 {
    0% {
        opacity: 1;
        transform: scale(0.35);
        left: 80px;
        top: -46px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    25% {
        opacity: 1;
        transform: scale(0.45);
        left: 111px;
        top: 60px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    50% {
        opacity: 1;
        transform: scale(0.56);
        left: 20px;
        top: 180px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    75% {
        opacity: 1;
        transform: scale(0.55);
        left: -16px;
        top: 50px;
        background: -moz-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: -webkit-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: linear-gradient(135deg, #ffd179 0%, #f37572 100%);
    }
    100% {
        opacity: 1;
        transform: scale(0.35);
        left: 80px;
        top: -46px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
}

@keyframes icon-animation3 {
    0% {
        opacity: 1;
        transform: scale(0.55);
        left: -16px;
        top: 50px;
        background: -moz-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: -webkit-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: linear-gradient(135deg, #ffd179 0%, #f37572 100%);
    }
    25% {
        opacity: 1;
        transform: scale(0.35);
        left: 80px;
        top: -46px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    50% {
        opacity: 1;
        transform: scale(0.45);
        left: 111px;
        top: 60px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    75% {
        opacity: 1;
        transform: scale(0.56);
        left: 20px;
        top: 180px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    100% {
        opacity: 1;
        transform: scale(0.55);
        left: -16px;
        top: 50px;
        background: -moz-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: -webkit-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: linear-gradient(135deg, #ffd179 0%, #f37572 100%);
    }
}

@keyframes icon-animation4 {
    0% {
        opacity: 1;
        transform: scale(0.45);
        left: 111px;
        top: 60px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    25% {
        opacity: 1;
        transform: scale(0.56);
        left: 20px;
        top: 180px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    50% {
        opacity: 1;
        transform: scale(0.55);
        left: -16px;
        top: 50px;
        background: -moz-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: -webkit-linear-gradient(-45deg, #ffd179 0%, #f37572 100%);
        background: linear-gradient(135deg, #ffd179 0%, #f37572 100%);
    }
    75% {
        opacity: 1;
        transform: scale(0.35);
        left: 80px;
        top: -46px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
    100% {
        opacity: 1;
        transform: scale(0.45);
        left: 111px;
        top: 60px;
        background: -moz-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: -webkit-linear-gradient(-45deg, #756eee 0%, #14258c 100%);
        background: linear-gradient(135deg, #756eee 0%, #14258c 100%);
    }
}

.fancybox-is-closing .fancybox-toolbar {
    display: none;
}

/* ----- END Modal --------------- */
/*                                 */
/*                                 */
/* ----- New Year ------------------- */
.main-banner_new-year {
    /*  background: url(../img/bg-new-year.jpg) center bottom no-repeat; */
    background-color: #2b51db;
    background-size: cover;
    padding-bottom: 150px;
}

.main-banner_new-year .main-banner-inner {
    padding-bottom: 0;
}

.main-banner-about {
    position: relative;
}

.header-new-year.onscroll {
    background: #ad282d url(../img/head-bg-new-year.png) center top no-repeat;
    background-size: 100% auto;
}

.header-new-year .btn_orange_transp {
    background-image: -webkit-linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
    background-image: linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
}

.header-new-year .btn_orange_transp span {
    color: #181817;
}

.header-new-year .btn_orange_transp:hover {
    background-image: linear-gradient(-38deg, #cbb227 0%, #ffecb8 100%);
}

.header-new-year .btn {
    background-image: -webkit-linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
    background-image: linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
    color: #181817;
}

.header-new-year .btn:hover {
    background-image: linear-gradient(-38deg, #cbb227 0%, #ffecb8 100%);
}

.header-new-year .btn_border {
    border-color: #dcc649;
    background: none;
    color: #fff;
}

.header-new-year .btn_border:hover {
    background-image: -webkit-linear-gradient(to left, #dcc649 0%, #ffdf85 100%);
    background-image: linear-gradient(to left, #dcc649 0%, #ffdf85 100%);
    color: #181817;
}

.header-new-year .burger-icon-inner {
    background-image: -webkit-linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
    background-image: linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
}

.header-new-year .burger-icon-inner:before, .header-new-year .burger-icon-inner:after {
    background-image: -webkit-linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
    background-image: linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
}

.main-banner-slider-wrapp_light .banner-card-content__name, .main-banner-slider-wrapp_light .banner-card-content__txt, .main-banner-slider-wrapp_light .banner-card-data, .main-banner-slider-wrapp_light .banner-card {
    color: #343434;
}

.main-banner-slider-wrapp_light .banner-card {
    border: 1px solid rgba(255, 255, 255, 0.9);
    background-color: rgba(1, 12, 45, 0.9);
    background-image: linear-gradient(to top, rgba(229, 228, 228, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.main-banner-slider-wrapp_light .banner-card:hover {
    border-color: white;
    background-color: #010c2d;
    background-image: linear-gradient(to top, #e5e4e4 0%, white 100%);
}

.main-banner_new-year .main-banner__tt-site {
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1.1px;
    background-image: -webkit-linear-gradient(to left, #dcc649 0%, #ffdf85 100%);
    background-image: linear-gradient(to left, #dcc649 0%, #ffdf85 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-banner_new-year .btn {
    /*background-image: -webkit-linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);*/
    /*background-image: linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);*/
    /*box-shadow: 2px 1px 0 rgba(0, 0, 0, 0.25);*/
    /*background-color: #f1b801;*/
    /*color: #191919;*/
}

.main-banner_new-year .btn:hover {
    /*background-image: linear-gradient(-38deg, #cbb227 0%, #ffecb8 100%);*/
}

.image-new-year-banner img {
    margin-bottom: 20px;
}

.btn_medium {
    font-weight: 500;
}

.btn_txt-lg {
    font-size: 24px;
    letter-spacing: 0.6px;
}

.main-banner__snowman {
    max-width: 200px;
    margin: 0 auto 20px;
}

.main-banner__tt {
    margin-bottom: 30px;
}

.main-banner__tt .title-site_h1, .main-banner__tt h1, .main-banner__tt h2, .main-banner__tt h3 {
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 2.61px;
    margin-bottom: 10px;
}

.main-banner__sub-tt {
    color: #fff;
    font-size: 26px;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 0 15px;
    border-bottom: 1px dotted #fff;
}

.main-banner__sub-tt b {
    color: #fff;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -1.02px;
}

.main-banner_new-year_stock .main-banner__timer {
    margin-bottom: 50px;
}

.main-banner_new-year_stock .main-banner-inner {
    padding-top: 130px;
}

.discount-bl_cristmas .discount-bl__icon {
    background-image: url(../img/icon-christmas.png);
    height: 100px;
    line-height: 1;
    padding-top: 47px;
}

.main-banner_new-year .cl-fire {
    background-image: linear-gradient(-38deg, #fff4b4 0%, #ffdf85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.25);
    color: #f6c778;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.txt-stock-middle-wrapp {
    background-image: linear-gradient(-38deg, #dcc649 0%, #ffdf85 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.25);
    color: #d1c9d9;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.87px;
    margin-bottom: 30px;
    text-align: center;
}

.stock-card-icon {
    position: absolute;
    z-index: 4;
    bottom: 5px;
    right: 5px;
    width: 50px;
    height: 60px;
    background: url(../img/icon-christmas.png) center center no-repeat;
    background-size: contain;
    text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.18);
    color: #ededed;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    padding-top: 29px;
}

.section-pak-cristmas .item {
    position: relative;
}

.section-pak-cristmas .item .stock-card-icon {
    bottom: auto;
    top: 100px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .courses_list .stock-card-icon {
        bottom: -19px;
        right: 6px;
        width: 71px;
        height: 86px;
        font-size: 22px;
        padding-top: 40px;
    }

    .txt-stock-middle-wrapp {
        font-size: 36px;
        line-height: 48px;
        max-width: 260px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .main-banner-about_wrapp-tt_three .b-tt {
        margin-right: 260px;
    }

    .main-banner_new-year .main-banner__tt-site {
        font-size: 44px;
        line-height: 60px;
    }

    .image-new-year-banner img {
        margin-bottom: 0;
    }

    .main-banner .text_sm b {
        font-size: 14px;
        font-weight: 400;
    }

    .main-banner__tt .title-site_h1, .main-banner__tt h1, .main-banner__tt h2, .main-banner__tt h3 {
        font-size: 54px;
    }

    .main-banner__sub-tt {
        font-size: 36px;
        line-height: 1.1;
        padding: 0 23px 18px;
    }

    .main-banner__sub-tt b {
        font-size: 56px;
    }

    .main-banner__snowman {
        position: absolute;
        right: 0;
        top: 50%;
        z-index: -1;
    }

    .main-banner_new-year_stock .main-banner__timer {
        margin-bottom: 86px;
    }

    .discount-bl_cristmas .discount-bl__icon {
        height: 113px;
        padding-top: 52px;
        text-shadow: 5px 3px 6px rgba(0, 0, 0, 0.18);
        color: #ededed;
        font-size: 30px;
        font-weight: 900;
        width: 94px;
        padding-right: 0;
        text-align: center;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .section-pak-cristmas .item .stock-card-icon {
        right: 20px;
        width: 71px;
        height: 86px;
        font-size: 22px;
        padding-top: 40px;
        top: 81px;
    }

    .txt-stock-middle-wrapp {
        top: 0;
        right: auto;
        left: 100%;
        margin-left: -95px;
    }

    .main-banner-about_wrapp-tt_three .b-tt {
        margin-right: 95px;
    }

    .header-new-year.onscroll {
        background-position: center top -28px;
    }

    .main-banner_new-year .main-banner__tt-site {
        margin-bottom: 10px;
    }

    .image-new-year-banner .main-banner__btn {
        margin-top: -80px;
        position: relative;
        top: -36px;
    }

    .main-banner_new-year {
        padding-bottom: 180px;
    }

    .main-banner_new-year_new {
        padding-bottom: 100px;
    }

    .main-banner_new-year_stock .main-banner__tt-site {
        margin-bottom: 50px;
    }

    .main-banner__tt .title-site_h1, .main-banner__tt h1, .main-banner__tt h2, .main-banner__tt h3 {
        margin-bottom: 6px;
    }

    .main-banner_new-year_stock #timer5b970472e48dec8dc32ea89d09eeba9c {
        height: auto !important;
    }

    .main-banner_new-year_stock .main-banner__timer {
        margin-bottom: 43px;
    }

    .main-banner_new-year .text.text_lg-height {
        margin-bottom: 30px;
    }

    .main-banner_new-year .banner-icon__content {
        padding-top: 13px;
    }

    .main-banner_new-year .banner-icon__name {
        margin-bottom: 0px;
        line-height: 25px;
    }

    .main-banner_new-year_push-sm {
        padding-bottom: 150px;
    }

    .main-banner__snowman {
        max-width: none;
        transform: translateY(-50%);
        right: -40px;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1440 pixels */
@media only screen and (min-width: 1440px) {
    .main-banner__snowman {
        right: -70px;
    }

    /* end media min width 1440 pixels */
}

/* Min width 1600 pixels */
@media only screen and (min-width: 1600px) {
    .header-new-year.onscroll {
        background-position: center bottom;
        background-size: 100% auto;
    }

    /* end media min width 1600 pixels */
}

/* ----- END New Year --------------- */
/*                                    */
/*                                    */
/* ----- Header ------------------------ */
.head-btn-lap {
    display: none;
}

.btn_sm.btn_md_sm {
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn_sm.btn_md_sm {
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn {
    transition: 0s;
}

.btn_st-txt {
    font-size: 16px;
}

.btn_dark {
    color: #181818;
}

.btn_max {
    width: 100%;
}

header .btn {
    float: right;
    margin-left: 25px;
    display: none;
}

.icon_icon-btn_cristmas {
    background: url(../img/icon-waranty-cristmas.png) center center no-repeat;
    width: 28px;
    height: 16px;
}

.btn_icon:hover .icon_icon-btn_cristmas {
    background-image: url(../img/sprite.png);
    background-position: -149px -5px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    header .btn {
        display: inline-block;
    }

    header .head-btn-lap {
        display: none;
    }

    header .head-btn-tabl {
        margin-left: 0;
    }

    /* end media min width 768 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .main-banner-about {
        position: relative;
    }

    /* end media min width 1000 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    header .head-btn-lap {
        display: inline-block;
        margin-left: 0;
    }

    header .btn {
        margin-left: 40px;
    }

    header .head-btn-lap {
        margin-left: 0;
    }

    header .open_callback {
        margin-right: 0;
    }

    header .phone {
        margin-left: 40px;
    }

    .header-sm .phone {
        margin-left: 25px;
    }

    .header-sm .open_callback {
        margin-left: 25px;
    }

    .header-sm .btn {
        margin-left: 20px;
    }

    .header-sm .head-btn-lap {
        margin-left: 0;
    }

    /* end media min width 1200 pixels */
}

/* ----- END Header -------------------- */
@media screen and (min-width: 768px) {
    #course_package .stock-card-icon {
        bottom: auto;
        top: 100px;
        right: 6px;
        width: 71px;
        height: 86px;
        font-size: 22px;
        padding-top: 40px;
    }
}

header a[href="#modalCourses"] {
    margin-right: 0px;
}

/* ----- END New Year --------------- */

/* ----- Styles site ------------------- */
/* ----- Banner index ------------------- */
.b-tt_bold {
    font-weight: 700;
}

.b-courses-bl__tt {
    color: #ffc758;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 0.9px;
    margin-bottom: 10px;
}

.b-txt-md {
    color: #fcd69f;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0.9px;
    margin-bottom: 30px;
}

.icon-arrow-down {
    width: 34px;
    height: 18px;
    display: inline-block;
}

.b-courses-boxes {
    text-align: center;
    margin-bottom: 30px;
}

.b-courses-bl__icon {
    text-align: center;
}

.b-courses-bl__icon .icon-arrow-down {
    transition: 0.2s;
    position: relative;
    top: 0;
}

.b-courses-bl__icon .icon-arrow-down:hover {
    top: -3px;
}

.b-courses-box {
    border-radius: 12px;
    border: 1px solid #fff;
    background-color: #6679f9;
    background-image: linear-gradient(-225deg, #5e3ebb 0%, #094ed0 100%);
    padding: 10px 15px;
    margin-bottom: 10px;
}

.b-courses-box__data {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.45px;
    margin-bottom: 5px;
}

.b-courses-box__tt {
    color: #ffdea8;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
}

.b-courses-box__name {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.35px;
    margin-bottom: 10px;
}

.btn_md-txt {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.45px;
}

.btn_sm.btn_min-width_second {
    min-width: 196px;
}

.btn_md.btn_min-width_second {
    min-width: 230px;
}

.b-courses-box__btn .btn {
    width: 100%;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .b-tt_md {
        font-size: 46px;
        line-height: 52px;
        letter-spacing: 1.35px;
    }

    .b-tt .b-tt__lg {
        font-size: 50px;
    }

    .b-txt-md {
        font-size: 36px;
    }

    .b-courses-bl__tt {
        font-size: 36px;
        line-height: 44px;
    }

    .b-courses-grid {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .b-courses-grid .b-courses-box__data, .b-courses-grid .b-courses-box__tt, .b-courses-grid .b-courses-box__name {
        margin: 0 5px 15px;
    }

    .b-courses-grid .b-courses-box__data {
        flex: 0 0 170px;
        max-width: 170px;
        text-align: left;
    }

    .b-courses-grid .b-courses-box__name {
        flex: 0 0 170px;
        max-width: 170px;
        text-align: right;
    }

    .b-courses-grid .b-courses-box__tt {
        flex-grow: 1;
    }

    .b-courses-grid .b-courses-box__btn {
        width: 100%;
    }

    .b-courses-grid .b-courses-box__btn .btn {
        width: auto;
    }

    .b-courses-bl__tt {
        margin-bottom: 20px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .b-txt-md {
        margin-bottom: 80px;
    }

    .b-txt-md_sm {
        margin-bottom: 40px;
    }

    .main-banner-about_img-top .main-banner-about__img {
        top: 0;
        transform: translateY(0);
    }

    .b-courses-box__data {
        font-size: 18px;
        line-height: 20px;
    }

    .b-courses-box__tt {
        font-size: 24px;
        line-height: 26px;
    }

    .b-courses-box__name {
        font-size: 14px;
        line-height: 24px;
    }

    .b-courses-grid {
        flex-wrap: nowrap;
        align-items: center;
    }

    .b-courses-grid .b-courses-box__data, .b-courses-grid .b-courses-box__tt, .b-courses-grid .b-courses-box__name {
        margin: 0 8px;
    }

    .b-courses-grid .b-courses-box__data {
        margin-left: 0;
    }

    .b-courses-grid .b-courses-box__tt {
        padding-bottom: 3px;
    }

    .b-courses-grid .b-courses-box__name {
        text-align: left;
        padding-top: 3px;
    }

    .b-courses-grid .b-courses-box__btn {
        flex: 0 0 196px;
        max-width: 196px;
        margin-left: 8px;
    }

    .b-courses-grid .b-courses-box__btn .btn {
        width: 100%;
        min-width: 196px;
    }

    .b-courses-bl {
        max-width: 970px;
        margin: 0 auto;
    }

    .b-courses-box {
        padding: 11px 17px 11px 20px;
    }

    .main-banner-about__img_left-wrapp {
        text-align: left;
    }

    .main-banner-about {
        padding-bottom: 1px;
    }

    .main-banner-about_sm {
        min-height: 485px;
        padding-bottom: 10px;
    }

    .main-banner-about_sm .main-banner-about__img {
        padding-left: 10px;
    }

    .main-banner-about_sm .main-banner-about__img img {
        max-height: 450px;
    }

    /* end media min width 1000 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .b-tt_md {
        font-size: 54px;
        line-height: 60px;
        letter-spacing: 1.35px;
    }

    .b-tt .b-tt__lg {
        font-size: 60px;
    }

    .main-banner_courses_line-non.main-banner {

        background-image: url(../img/banner-bg2-nonline.svg), url(../img/bg-courses.svg), url(../img/bg-courses-line-light.jpg);
        background-position: right top 290px, center bottom, center bottom;
        background-size: 600px 600px, cover, 100% 65px;
    }

    .main-banner_courses {
        background-color: #594bd4;
        background-image: url(../img/banner-bg2.png), url(../img/bg-courses.svg), url(../img/bg-courses-line-light.jpg);
        background-repeat: no-repeat;
        background-position: center bottom 150px, center bottom, center bottom;
        background-size: 100% 460px, cover, 100% 65px;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1330 pixels */
@media only screen and (min-width: 1330px) {
    .main-banner-about_sm {
        min-height: 555px;
    }

    .main-banner-about_sm .main-banner-about__img img {
        max-height: 530px;
    }

    /* end media min width 1330 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    .main-banner_courses_line-non.main-banner {
        background-position: right top 390px, center bottom, center bottom;
        background-size: auto, cover, 100% 65px;
    }

    /* end media min width 1900 pixels */
}

/* ----- END Banner index --------------- */
/*                                        */
/*                                        */
/* ----- Card ------------------- */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-open {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes hvr-open-btn {
    0% {
        -webkit-transform: scale(1.7, 1);
        transform: scale(1.7, 1);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.c-card-list {
    margin: 0 -10px 40px;
}

.c-card__link {
    position: absolute;
    top: 58px;
    height: 190px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 10px;
    opacity: 0;
    align-items: center;
    background-image: linear-gradient(-225deg, rgba(108, 73, 209, 0.8) 0%, rgba(108, 73, 209, 0.8) 10%, rgba(12, 85, 224, 0.8) 100%);
}

.c-card__link:hover, .c-card__link:focus {
    animation: ease-in-out hvr-open 0.3s both;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.c-card__link:hover .btn, .c-card__link:focus .btn {
    animation: ease-in-out hvr-open-btn 0.3s both;
}

.c-card__link .btn {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
}

.c-card__link .btn:hover {
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
}

.c-card__link .btn:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-radius: 28px;
    z-index: -1;
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
}

.c-card__link .btn:hover:after, .c-card__link .btn:focus:after {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

.c-card__link .btn:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.btn_light {
    color: #fff;
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    .block_title_with_icon_sm img {
        margin-bottom: 0;
    }

    /* end media max width 767 pixels */
}

/* max width 999 pixels */
@media only screen and (max-width: 999px) {
    .c-card__link .btn, .c-card-link .btn {
        min-width: 180px;
        padding: 10px 25px;
        font-size: 16px;
    }

    /* end media max width 999 pixels */
}

.c-card-link {
    text-align: center;
}

.c-card {
    position: relative;
    text-decoration: none;
    outline: none;
    display: block;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(186, 184, 191, 0.35);
    background: #fff url(../img/c-card-bg.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-bottom: 10px;
}

.c-card__price {
    color: #ff7500;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0.5px;
}

.c-card__time {
    color: #181818;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.35px;
    margin: 3px 0;
}

.c-card__time_start {
    font-weight: 500;
}

.c-card__tt {
    color: #ff7500;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.c-card-desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-card-desc__sm {
    color: #181818;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.35px;
    padding-right: 15px;
}

.c-card-desc__md {
    color: #181818;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.4px;
}

.c-card__cap {
    padding: 10px 15px 2px;
}

.c-card__body {
    padding: 10px 15px;
}

.c-card__img {
    height: 190px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.c-card__img > img {
    max-height: 100%;
    max-width: 100%;
}

.c-card-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-card-info__left {
    padding-right: 15px;
    flex-grow: 1;
}

.c-card-info__right {
    flex-shrink: 0;
    text-align: right;
}

/* Min width 600 pixels */
@media only screen and (min-width: 600px) {
    .c-card-list {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: -5px;
        margin-right: -5px;
    }

    .c-card-list__item {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }

    .c-card-list__item .c-card {
        height: 100%;
        margin-bottom: 0;
    }

    .c-card-list__item .c-card__inner {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .c-card-list__item .c-card__body {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .c-card-list__item .c-card__body .c-card-desc {
        margin-top: auto;
    }

    /* end media min width 600 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .c-card-list__item {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }

    .section-st_c-card .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1190px;
    }

    .block_title_with_icon_sm {
        font-size: 30px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .c-card {
        margin-bottom: 24px;
    }

    .c-card__price {
        font-size: 20px;
        line-height: 28px;
    }

    .c-card__time {
        font-size: 14px;
    }

    .c-card__time_start {
        font-weight: 500;
    }

    .c-card__tt {
        font-size: 24px;
        line-height: 28px;
    }

    .c-card-desc__sm {
        font-size: 14px;
        line-height: 28px;
    }

    .c-card-desc__md {
        font-size: 16px;
        line-height: 28px;
    }

    .c-card-list {
        margin-left: -12px;
        margin-right: -12px;
    }

    .c-card-list__item {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 24px;
    }

    .c-card__cap {
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 2px;
    }

    .c-card__body {
        padding: 20px 25px 10px;
    }

    .c-card__img {
        height: 265px;
    }

    .c-card__link {
        top: 64px;
        height: 265px;
    }

    .section-st_c-card {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .section-st_c-card:before {
        content: ' ';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/c-card-section-bg.jpg) center top no-repeat;
        z-index: -2;
        animation: linear c-card-section-animation 10s both infinite;
    }

    .section-st_c-card:after {
        content: ' ';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 110px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 100%);
        z-index: -1;
    }

    @keyframes c-card-section-animation {
        25% {
            transform: translate(-10px, -10px);
        }
        50% {
            transform: translate(0, -20px);
        }
        75% {
            transform: translate(10px, 0px);
        }
        100% {
            transform: translate(0, 0);
        }
    }
    .section-st_c-card.section-st {
        padding-top: 80px;
    }

    .block_title_with_icon_sm {
        padding-right: 40px;
    }

    .c-card__tt {
        margin-bottom: 20px;
    }

    .section-it-courses {
        position: relative;
        z-index: 1;
    }

    .section-it-courses:after {
        width: 879px;
        height: 721px;
        position: absolute;
        content: ' ';
        top: -280px;
        left: 0px;
        background: url(../img/section-it-courses-bg.png) center center no-repeat;
        z-index: -1;
    }

    /* end media min width 1000 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    .section-st_c-card:before {
        background-size: cover;
    }

    /* end media min width 1900 pixels */
}

/* ----- END Card --------------- */
/*                                */
/*                                */
/* ----- It courses ------------------- */
.it-courses-img {
    margin-bottom: 20px;
    max-width: 400px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .it-courses-img {
        position: absolute;
        top: 80px;
        left: 0;
        max-width: 50%;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .it-courses-img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 50%;
        min-width: 50%;
        height: 480px;
        text-align: center;
        margin-bottom: 0;
    }

    .it-courses-img > img {
        max-height: 100%;
    }

    /* end media min width 1200 pixels */
}

/* ----- END It courses --------------- */
/*                                      */
/*                                      */
/* ----- Timeline ------------------- */
.section-st_timeline {
    padding: 10px 0 50px;
}

.tt-main-fire {
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    color: #8da4d5;
    font-size: 69px;
    font-weight: 900;
    line-height: 1.1;
}

.tt-main-fire__sm {
    font-size: 60px;
    letter-spacing: 1.2px;
}

.tt-main-fire__st {
    letter-spacing: 1.38px;
}

.tt-main-fire__lg {
    font-size: 91px;
    letter-spacing: 1.8px;
}

.tl-box-inner {
    width: 825px;
    padding-left: 107px;
    padding-right: 186px;
    padding-top: 100px;
    height: 432px;
    position: relative;
    box-sizing: content-box;
}

.tl-box__dots {
    box-sizing: border-box;
    background: url(../img/timeline.svg) center center no-repeat;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.tl-dot-open {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.tl-dot-open__one {
    padding-bottom: 2px;
    border-bottom: 1px solid #5c50e6;
    margin-bottom: 2px;
}

.tl-dot_fire .tl-dot__name b {
    color: #f80;
    font-size: 16px;
}

.tl-dot {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    text-decoration: none;
    outline: none;
    transform: translateX(-50%);
}

.tl-dot:after {
    content: '';
    position: absolute;
    bottom: 80px;
    left: 50%;
    width: 1px;
    height: 20px;
    background-color: #cec9ff;
}

.tl-dot__name {
    color: #191919;
    font-size: 14px;
    line-height: 16px;
}

.tl-dot__name b {
    font-weight: bold;
}

.tl-dot__year {
    color: #191919;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 34px;
}

.tl-dot__value {
    color: #191919;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.tl-dot_1 {
    top: auto;
    bottom: 77px;
    left: 27px;
}

.tl-dot_1:after {
    height: 13px;
}

.tl-dot_1 .tl-dot__name {
    margin-bottom: 17px;
}

.tl-dot_2 {
    top: auto;
    bottom: 114px;
    left: 126px;
}

.tl-dot_2:after {
    height: 32px;
}

.tl-dot_2 .tl-dot__name {
    margin-bottom: 33px;
}

.tl-dot_3 {
    top: auto;
    bottom: 90px;
    left: 242px;
}

.tl-dot_3:after {
    height: 9px;
}

.tl-dot_3 .tl-dot__name {
    margin-bottom: 11px;
}

.tl-dot_4 {
    top: auto;
    bottom: 140px;
    left: 372px;
}

.tl-dot_4:after {
    height: 38px;
}

.tl-dot_4 .tl-dot__name {
    margin-bottom: 40px;
}

.tl-dot_4 .tl-dot__year {
    margin-bottom: 34px;
}

.tl-dot_5 {
    top: auto;
    bottom: 30px;
    left: 50%;
    margin-left: 231px;
}

.tl-dot_5:after {
    height: 18px;
    bottom: 70px;
}

.tl-dot_5 .tl-dot__name {
    margin-bottom: 0;
}

.tl-dot_5 .tl-dot__year {
    margin-bottom: 55px;
}

.tl-dot_6 {
    top: 50%;
    left: 50%;
    margin-left: 82px;
    margin-top: -10px;
    transform: translateX(0);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
}

.tl-dot_6:after {
    display: none;
}

.tl-dot_6 .tl-dot__year {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 26px;
    margin-right: 12px;
    flex-shrink: 0;
}

.tl-dot_7 {
    top: 64px;
    left: 50%;
    margin-left: 106px;
}

.tl-dot_7:after {
    bottom: auto;
    top: 34px;
    height: 17px;
    bottom: 70px;
}

.tl-dot_7 .tl-dot__name {
    margin-bottom: 17px;
}

.tl-dot_7 .tl-dot__year {
    margin-bottom: 30px;
}

.tl-dot_8 {
    left: 50%;
    top: 17px;
    margin-left: 211px;
}

.tl-dot_8:after {
    bottom: auto;
    top: 34px;
    height: 54px;
    bottom: 70px;
}

.tl-dot_8 .tl-dot__name {
    margin-bottom: 83px;
}

.tl-dot_8 .tl-dot__year {
    margin-bottom: 30px;
}

.tl-dot_9 {
    left: 50%;
    top: -31px;
    margin-left: 297px;
}

.tl-dot_9:after {
    bottom: auto;
    top: 34px;
    height: 107px;
    bottom: 70px;
}

.tl-dot_9 .tl-dot__name {
    margin-bottom: 137px;
}

.tl-dot_9 .tl-dot__year {
    margin-bottom: 30px;
}

.tl-box-airplane {
    position: absolute;
    left: -57px;
    bottom: 71px;
    max-width: 163px;
}

.tl-box-bird {
    position: absolute;
    right: -23px;
    top: -185px;
}

.tl-box-bird_two {
    top: auto;
    bottom: 107px;
    right: -6px;
}

.tl-box-bl .tl-box {
    margin-top: -104px;
}

.timeline-wave-left {
    display: none;
}

.timeline-wave-right {
    display: none;
}

.timeline-bg {
    display: none;
}

/* max width 1199 pixels */
@media only screen and (max-width: 1199px) {
    .tl-box-inner {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
    }

    .tl-box-bl .tl-box {
        margin-top: 0;
    }

    .tl-box {
        overflow: auto;
    }

    .tl-box-bird {
        display: none;
    }

    .tl-box-airplane {
        display: none;
    }

    /* end media max width 1199 pixels */
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    .tt-main-fire {
        font-size: 42px;
    }

    .tt-main-fire__sm {
        font-size: 36px;
    }

    .tt-main-fire__lg {
        font-size: 46px;
    }

    .tl-box {
        margin-left: -15px;
        margin-right: -15px;
    }

    .tl-box-inner:before {
        content: '';
        position: absolute;
        width: 50px;
        height: 50px;
        top: 80px;
        left: 50px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 490.651 490.651' style='enable-background:new 0 0 490.651 490.651;' xml:space='preserve' width='512' height='512' class=''%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M437.328,42.651h-128c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h128 c5.888,0,10.667-4.779,10.667-10.667S443.216,42.651,437.328,42.651z' data-original='%23000000' class='active-path' style='fill:%2395938E' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M444.88,45.787L402.213,3.12c-4.16-4.16-10.923-4.16-15.083,0c-4.16,4.16-4.16,10.923,0,15.083l35.115,35.115 l-35.136,35.136c-4.16,4.16-4.16,10.923,0,15.083c2.091,2.069,4.821,3.115,7.552,3.115c2.731,0,5.461-1.045,7.552-3.115 l42.667-42.667C449.04,56.709,449.04,49.947,444.88,45.787z' data-original='%23000000' class='active-path' style='fill:%2395938E' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M159.995,42.651h-128c-5.888,0-10.667,4.779-10.667,10.667s4.779,10.667,10.667,10.667h128 c5.888,0,10.667-4.779,10.667-10.667S165.883,42.651,159.995,42.651z' data-original='%23000000' class='active-path' style='fill:%2395938E' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M47.077,53.317l35.115-35.115c4.16-4.16,4.16-10.923,0-15.083c-4.16-4.16-10.923-4.16-15.083,0L24.443,45.787 c-4.16,4.16-4.16,10.923,0,15.083l42.667,42.667c2.091,2.069,4.821,3.115,7.552,3.115c2.731,0,5.461-1.045,7.531-3.136 c4.16-4.16,4.16-10.923,0-15.083L47.077,53.317z' data-original='%23000000' class='active-path' style='fill:%2395938E' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M426.661,213.317c-8.768,0-16.939,2.667-23.723,7.211c-5.845-16.597-21.696-28.544-40.277-28.544 c-8.768,0-16.939,2.667-23.723,7.211c-5.845-16.597-21.696-28.544-40.277-28.544c-7.765,0-15.061,2.091-21.333,5.739v-69.739 c0-23.531-19.136-42.667-42.667-42.667c-23.531,0-42.667,19.136-42.667,42.667v181.333l-37.077-27.797 c-21.973-16.491-53.248-14.293-72.725,5.163c-12.48,12.48-12.48,32.768,0,45.248l151.915,151.936 c18.133,18.133,42.261,28.117,67.904,28.117h49.984c64.683,0,117.333-52.629,117.333-117.333V255.984 C469.328,232.453,450.192,213.317,426.661,213.317z M447.995,373.317c0,52.928-43.072,96-96,96h-49.984 c-19.968,0-38.72-7.765-52.821-21.867L97.275,295.515c-4.16-4.16-4.16-10.923,0-15.083c6.613-6.592,15.445-9.984,24.32-9.984 c7.211,0,14.464,2.24,20.544,6.805l54.123,40.597c3.243,2.432,7.595,2.795,11.179,1.003c3.605-1.813,5.888-5.504,5.888-9.536 V106.651c0-11.755,9.557-21.333,21.333-21.333s21.333,9.579,21.333,21.333v160c0,5.888,4.779,10.667,10.667,10.667 s10.667-4.779,10.667-10.667v-53.333c0-11.755,9.557-21.333,21.333-21.333s21.333,9.579,21.333,21.333v53.333 c0,5.888,4.779,10.667,10.667,10.667c5.888,0,10.667-4.779,10.667-10.667v-32c0-11.755,9.557-21.333,21.333-21.333 s21.333,9.579,21.333,21.333v32c0,5.888,4.779,10.667,10.667,10.667c5.888,0,10.667-4.779,10.667-10.667v-10.667 c0-11.755,9.557-21.333,21.333-21.333s21.333,9.579,21.333,21.333V373.317z' data-original='%23000000' class='active-path' style='fill:%2395938E' data-old_color='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

    /* end media max width 767 pixels */
}

/* Min width 768 and max width 1199 pixels */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .tl-box-inner {
        transform: scale(0.8) translateX(-80px);
    }

    .tl-box {
        overflow: visible;
    }

    .tt-main-fire {
        padding-left: 35px;
        font-size: 56px;
    }

    .tt-main-fire__sm {
        font-size: 52px;
    }

    .tt-main-fire__lg {
        font-size: 68px;
    }

    .tl-box-bl .tl-box {
        margin-top: -100px;
    }

    #it_courses {
        margin-bottom: 50px;
    }

    #form_gotoit {
        margin-bottom: 50px;
    }

    /* end media min width 768 and max width 1199 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .section-st_timeline {
        position: relative;
        z-index: 1;
    }

    .timeline-wave-left {
        position: absolute;
        display: block;
        height: 536px;
        left: 50%;
        top: 130px;
        margin-left: -990px;
        z-index: -3;
        animation: linear timeline-wave-left 10s both infinite;
    }

    .timeline-wave-left > img {
        max-width: none;
    }

    .timeline-wave-right {
        display: block;
        position: absolute;
        height: 410px;
        left: 50%;
        bottom: 0;
        margin-left: -990px;
        z-index: -2;
        animation: linear timeline-wave-right 10s both infinite;
    }

    .timeline-wave-right > img {
        max-width: none;
    }

    @keyframes timeline-wave-left {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(-80px);
        }
        100% {
            transform: translateX(0);
        }
    }
    @keyframes timeline-wave-right {
        0% {
            transform: translateX(0);
        }
        50% {
            transform: translateX(80px);
        }
        100% {
            transform: translateX(0);
        }
    }
    .tl-box-bird_one {
        animation: linear tl-box-bird_one 10s both infinite;
        transform-origin: left bottom;
    }

    .tl-box-bird_two {
        animation: linear tl-box-bird_two 10s both infinite;
        transform-origin: left bottom;
    }

    .tl-box-airplane {
        animation: linear tl-box-airplane 5s both infinite;
    }

    .tl-box-inner {
        perspective: 1000px;
    }

    @keyframes tl-box-bird_one {
        0% {
            transform: rotate(0);
        }
        50% {
            transform: rotate(3deg);
        }
        100% {
            transform: rotate(0);
        }
    }
    @keyframes tl-box-bird_two {
        0% {
            transform: rotate(0);
        }
        50% {
            transform: rotate(-5deg);
        }
        100% {
            transform: rotate(0);
        }
    }
    @keyframes tl-box-airplane {
        0% {
            transform: translateZ(0px) rotate(0);
        }
        50% {
            transform: translateZ(-20px) rotate(5deg);
        }
        100% {
            transform: translateZ(0px) rotate(0);
        }
    }
    .timeline-bg {
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url(../img/timeline-bg.png) center -290px no-repeat;
        animation: linear timeline-wave-right 50s both infinite;
    }

    .timeline-bg:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 100%);
        height: 100px;
    }

    #it_courses {
        margin-bottom: 50px;
    }

    .section-st_timeline {
        padding-top: 50px;
    }

    .timeline-wave-left {
        top: 160px;
    }

    .section-st_timeline {
        padding-bottom: 90px;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    .timeline-wave-left {
        left: 0;
        right: -100px;
        margin-left: 0;
    }

    .timeline-wave-left > img {
        width: 100%;
    }

    .timeline-wave-right {
        right: 0;
        left: -100px;
        margin-left: 0;
        overflow: hidden;
    }

    .timeline-wave-right > img {
        width: 100%;
    }

    /* end media min width 1900 pixels */
}

/* ----- END Timeline --------------- */
/*                                    */
/*                                    */
/* ----- training ------------------- */
.tng-txt__tt {
    color: #181818;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.65px;
    line-height: 22px;
    margin-bottom: 10px;
}

.tng-txt p {
    color: #181818;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    margin-bottom: 10px;
}

.tng-box__inner {
    box-shadow: 0 0 30px rgba(186, 184, 191, 0.35);
    background-color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px 5px;
    border-radius: 10px;
    position: relative;
}

.tng-icon {
    height: 38px;
    margin-bottom: 10px;
}

.tng-icon > img {
    max-height: 100%;
}

.tng-box__value {
    width: 50px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-align: center;
    background: url(../img/tng-value1.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 10px;
    padding-right: 5px;
}

.tng-box__value_two {
    background-image: url(../img/tng-value2.png);
    padding-right: 0;
    padding-left: 5px;
}

.tng-box__value_three {
    background-image: url(../img/tng-value3.png);
}

.tng-icon {
    position: absolute;
    left: 75px;
    top: 10px;
}

.tng-box {
    margin-bottom: 10px;
}

.tng-box__img {
    display: none;
}

.section-st_tng-bg {
    padding: 10px 0 60px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .section-st_tng-bg {
        padding: 10px 0 80px;
    }

    .tng-txt__tt {
        font-size: 26px;
        line-height: 36px;
    }

    .tng-txt p {
        font-size: 16px;
        line-height: 22px;
    }

    .tng-box {
        margin-bottom: 25px;
    }

    .tng-box__inner {
        margin-left: 10px;
        margin-right: 10px;
        padding: 25px 30px 15px 140px;
    }

    .tng-icon {
        position: static;
        left: auto;
        top: auto;
        height: 60px;
    }

    .tng-box__value {
        position: absolute;
        left: -10px;
        top: 50%;
        margin-top: -43px;
        font-size: 60px;
        width: 120px;
        height: 86px;
        line-height: 86px;
        padding-right: 13px;
    }

    .tng-box_wrapp-right .tng-txt__tt {
        padding-right: 70px;
    }

    .tng-box_wrapp-right .tng-box__value {
        padding-right: 0;
        padding-left: 13px;
        left: auto;
        right: -10px;
    }

    .tng-box_wrapp-right .tng-box__inner {
        padding: 25px 140px 15px 30px;
    }

    .tng-box_wrapp-right .tng-icon {
        text-align: right;
        margin-bottom: -50px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .tng-txt__tt {
        font-size: 26px;
        line-height: 36px;
    }

    .tng-txt p {
        font-size: 16px;
        line-height: 22px;
    }

    .tng-box {
        max-width: 1100px;
        margin: 0 0 45px;
    }

    .tng-box__inner {
        padding: 30px 220px 10px 165px;
        margin-right: 130px;
        margin-left: 0;
        min-height: 326px;
    }

    .tng-icon {
        position: static;
        left: auto;
        top: auto;
        height: 60px;
    }

    .tng-box__value {
        left: -15px;
        margin-top: -55px;
        width: 160px;
        height: 110px;
        line-height: 110px;
        padding-right: 15px;
    }

    .tng-box_wrapp-right {
        margin-left: auto;
    }

    .tng-box_wrapp-right .tng-txt__tt {
        padding-right: 70px;
    }

    .tng-box_wrapp-right .tng-box__value {
        padding-right: 0;
        padding-left: 15px;
        left: auto;
        right: -15px;
    }

    .tng-box_wrapp-right .tng-box__inner {
        padding: 30px 160px 10px 175px;
        margin-left: 130px;
        margin-right: 0;
    }

    .tng-box_wrapp-right .tng-box__img {
        text-align: left;
        right: auto;
        left: 0;
    }

    .tng-box_wrapp-right .tng-icon {
        margin-bottom: -20px;
    }

    .tng-box {
        position: relative;
        z-index: 1;
    }

    .tng-box__img {
        display: block;
        position: absolute;
        z-index: 1;
        text-align: right;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .tng-box__img > img {
        max-width: 100%;
        height: 100%;
    }

    .tng-icon {
        height: auto;
    }

    .tng-txt__tt {
        margin-bottom: 16px;
    }

    .section-st_tng-bg {
        background: url(../img/tng-section-bg.jpg) center center no-repeat;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    .section-st_tng-bg, .section-bunuses {
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    .section-st_tng-bg:after, .section-bunuses:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 150px;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 100%);
    }

    .section-bunuses:after {
        bottom: auto;
        top: 0;
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, white 100%);
    }

    /* end media min width 1900 pixels */
}

/* ----- END training --------------- */
/*                                    */
/*                                    */
/* ----- #bunuses.section-bunuses ------------------- */
#bunuses.section-bunuses .list {
    margin-top: 0;
}

#bunuses.section-bunuses .block_subtitle {
    margin: 0 0 30px;
}

#bunuses.section-bunuses .block_title_with_icon_sm {
    margin-bottom: 20px;
}

.img-bunuses {
    margin-bottom: 40px;
    max-width: 400px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .img-bunuses {
        padding-left: 10px;
        padding-top: 50px;
    }

    #bunuses.section-bunuses .list {
        float: none;
        width: auto;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #bunuses.section-bunuses .list .item {
        margin-bottom: 30px;
    }

    #bunuses.section-bunuses .list .item .title {
        color: #181818;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        margin-bottom: 10px;
    }

    #bunuses.section-bunuses .list .item .desc {
        font-size: 14px;
        line-height: 18px;
    }

    #bunuses.section-bunuses .list .item:nth-child(3) {
        margin-right: 20px;
    }

    .grid-bunuses {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .grid-bunuses .img-bunuses {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #bunuses.section-bunuses .block_subtitle {
        margin-bottom: 60px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .img-bunuses {
        padding-left: 10px;
        padding-top: 50px;
    }

    #bunuses.section-bunuses .list {
        float: none;
        width: auto;
        flex: 0 0 43%;
        max-width: 43%;
    }

    #bunuses.section-bunuses .list .item {
        margin-bottom: 60px;
        margin-right: 30px;
        padding: 20px 36px 25px;
    }

    #bunuses.section-bunuses .list .item .title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 15px;
    }

    #bunuses.section-bunuses .list .item .desc {
        font-size: 16px;
        line-height: 22.27px;
    }

    #bunuses.section-bunuses .list .item:nth-child(3) {
        margin-right: 40px;
    }

    #bunuses.section-bunuses .list .item:nth-child(2) {
        margin-right: 0;
    }

    .grid-bunuses {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .grid-bunuses .img-bunuses {
        flex: 0 0 57%;
        max-width: 57%;
        padding-right: 30px;
    }

    #bunuses.section-bunuses .block_subtitle {
        margin-bottom: 60px;
    }

    .section-bunuses {
        background: url(../img/section-bunuses-bg.jpg) center bottom no-repeat;
        padding-bottom: 70px;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    .section-bunuses {
        background: url(../img/section-bunuses-bg.jpg) center bottom no-repeat;
        background-size: 100% auto;
    }

    /* end media min width 1900 pixels */
}

/* ----- END #bunuses.section-bunuses --------------- */
/*                                                    */
/*                                                    */
/* ----- Index page -------------------- */
#corporate .bg_animated {
    z-index: -1;
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .section-system-bg {
        background: url(../img/section-system-bg.jpg) center center no-repeat;
    }

    #system .system_list {
        padding-top: 0;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    #corporate .bg_animated {
        width: 4500px;
    }

    /* end media min width 1900 pixels */
}

/* ----- END index page /--------------- */
/*                                       */
/*                                       */
.icon {
    background-image: url(../img/sprite.png);
}

.btn_icon:hover .icon_icon-btn {
    background-image: url(../img/icon-btn-hover.png);
}

/* ----- END Styles site (transfer style main.css to lightgallery 14022020) --------------- */

/*-------05.02.2020 edits of Igor Verstka-------*/
/*-------Teachers page styles cards-------*/
/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    #team_list .list {
        justify-content: flex-start;
        margin-left: -30px;
        margin-right: -30px;
    }

    #team_list .list .item_wrap {
        margin-left: 30px;
        margin-right: 30px;
    }

    #team_list .list .item_wrap:nth-child(3n-1) .item {
        margin-top: -44px;
    }

    /* end media min width 1200 pixels */
}

/*-------end teachers page styles cards-------*/

/*-------Events pages "course-test-drive-designer-15-02-20" styles cards-------*/
#team_list .list .item_wrap .item .info .open_teacher_modal:hover span {
    color: #fff;
}

#team_list .btn_show_more:hover span {
    color: #fff;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    #event_speacker .speacker .info {
        display: flex;
        flex-direction: column;
    }

    #event_speacker .speacker .info .heading {
        flex: 0 0 auto;
    }

    #event_speacker .speacker .info .desc {
        flex-grow: 1;
        overflow: hidden;
        padding-right: 2px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    #event_speacker .speacker .info .desc {
        padding-right: 8px;
    }

    #event_speacker .speacker .info .desc p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    #event_speacker .speacker .info .desc p.name {
        font-size: 30px;
        margin: 0 0 15px;
    }

    #event_speacker .speacker .info .desc ul li {
        line-height: 20px;
        margin-bottom: 15px;
    }

    #event_speacker .speacker .info .desc ul li:before {
        top: 6px;
    }

    #event_speacker .speacker .info .desc ul {
        margin-bottom: 20px;
    }

    /* end media min width 1200 pixels */
}

/*-------END events pages "course-test-drive-designer-15-02-20" styles cards-------*/
/* ----- New-edits 14022020 ------------------- */
.b-courses-bl__icon {
    text-align: center;
}

.b-courses-bl__icon button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.b-courses-boxes__hidden {
    display: none;
}

.b-courses-bl__icon {
    padding-top: 20px;
}

.b-courses-bl__icon button img {
    transition: 0.2s;
    transform: scale(1);
}

.b-courses-bl__icon button:hover img {
    transform: scale(1.3);
}

.b-courses-boxes.js--opened .b-courses-bl__icon button {
    transform: rotate(180deg);
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden {
    display: block;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box {
    animation: linear a-courses-box 0.3s both;
    transform-origin: center top;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(1) {
    animation-delay: 0ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(2) {
    animation-delay: 100ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(3) {
    animation-delay: 200ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(4) {
    animation-delay: 300ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(5) {
    animation-delay: 400ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(6) {
    animation-delay: 500ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(7) {
    animation-delay: 600ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(8) {
    animation-delay: 700ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(9) {
    animation-delay: 800ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(10) {
    animation-delay: 900ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(11) {
    animation-delay: 1000ms;
}

.b-courses-boxes.js--opened .b-courses-boxes__hidden .b-courses-box:nth-child(12) {
    animation-delay: 1100ms;
}

@keyframes a-courses-box {
    0% {
        transform: rotateX(-90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

header.onscroll {
    background-color: #5e3ebb;
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .b-courses-box__tt {
        font-size: 24px;
        line-height: 26px;
        font-weight: 400;
    }

    .b-courses-box__data {
        font-weight: 400;
    }

    .b-courses-box__tt {
        text-align: left;
    }

    /* end media min width 1000 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .bg_icon {
        left: -310px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END New-edits 14022020 --------------- */
/*                                              */
/*                                              */
/* no select text edits 17022020 */
/* body {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
} */
/* END no select text edits 17022020 */

/*-------end 05.02.2020 edits of Igor Verstka-------*/


/* ----- Edits 19032020 ------------------- */
.push-bt--3 {
    margin-bottom: 30px;
}

#btnSeemoreScroll {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: relative;
    top: -40px;
    clip: rect(0, 0, 0, 0);
}

.map-main-open .header {
    padding-top: 0;
}

.map-main-open .header:after {
    margin-top: 0;
}

.map-main-open .burger-icon.open-modal {
    display: none;
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    #fullwidth_video .subtitle {
        padding-top: 60px;
    }

    .banner-icon:last-child {
        margin-bottom: 0;
    }

    /* end media max width 767 pixels */
}

/* max width 1200 pixels */
@media only screen and (max-width: 1200px) {
    #fullwidth_video .subtitle {
        padding-top: 190px;
    }

    /* end media max width 1200 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    #gallery.items a:nth-child(n+6) {
        display: none;
    }

    #team_list .list .item_wrap:nth-child(3n-1) .item {
        margin-top: 0;
    }

    #team_list .list .item_wrap:nth-child(4n) .item {
        margin-top: -44px;
    }

    #team_list .list .item_wrap:nth-child(4n-2) .item {
        margin-top: -44px;
    }

    #team_list .list .item_wrap {
        margin-left: 15px;
        margin-right: 15px;
    }

    #team_list.develop_page .list {
        padding-top: 60px;
        margin-left: -15px;
        margin-right: -15px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END Edits 19032020 --------------- */
/*                                          */
/*                                          */
/* ----- New Header ------------------- */
.btn_circle.btn {
    width: 42px;
    height: 42px;
    padding: 0;
}

.btn__icon-middle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.header .logo {
    float: left;
}

.header-tel {
    float: left;
    padding: 11px 10px 10px 30px;
    position: relative;
    z-index: 1;
    margin-left: 20px;
}

.header-tel a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid transparent;
}

.header-tel a:hover {
    border-bottom-color: #fff;
}

.header-tel a:hover:before {
    opacity: 0.9;
}

.header-tel a:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 14px;
    height: 16px;
    margin-top: -10px;
    background: url(../img/main-tel.png) center center no-repeat;
    background-size: contain;
}

.header-tel > span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
}

.main-btn-select.btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
    min-width: 180px;
    max-width: 200px;
    padding-left: 15px;
    padding-right: 15px;
    border-color: #fff;
}

.main-btn-select.btn:hover {
    color: #fff;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-left-color: #ffab00;
    border-right-color: #ff7300;
}

.main-btn-select.btn:hover .main-btn-select__icon {
    background-image: url(../img/main-marker-light.png);
}

.main-btn-select__txt {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.4px;
    margin-right: auto;
    margin-left: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-btn-select__icon {
    flex-shrink: 0;
    width: 11px;
    height: 15px;
    display: block;
    background: url(../img/main-marker.png) center center no-repeat;
    background-size: contain;
    line-height: 0px;
    position: relative;
    top: -2px;
}

.main-btn-select__icon-open {
    flex-shrink: 0;
    width: 9px;
    height: 5px;
    display: block;
    background: url(../img/main-arrow-down.png) center center no-repeat;
    background-size: contain;
    line-height: 0px;
    margin-left: 5px;
}

.main-navigation-btn {
    text-align: right;
}

.main-navigation-btn .btn {
    margin-bottom: 15px;
}

.main-navigation-btn li:last-child .btn {
    margin-bottom: 0;
}

.main-navigation-btn .header-tel {
    display: inline-block;
    float: none;
    margin-bottom: 15px;
}

.main-navigation-btn .main-btn-select.btn {
    display: flex;
    float: none;
    border-color: #ffab00;
    color: #161616;
    margin-left: auto;
}

.main-navigation-btn .main-btn-select.btn:hover .main-btn-select__txt {
    color: #fff;
}

.main-navigation-btn .main-btn-select.btn:hover .main-btn-select__icon-open {
    background-image: url(../img/main-arrow-down.png);
}

.main-navigation-btn .main-btn-select__txt {
    color: #161616;
}

.main-navigation-btn .main-btn-select__icon-open {
    background-image: url(../img/main-arrow-down-dark.png);
}

.main-navigation-btn .header-tel {
    color: #161616;
}

.main-navigation-btn .header-tel span, .main-navigation-btn .header-tel a {
    color: #161616;
}

.main-navigation-btn .header-tel a:hover {
    border-bottom-color: #161616;
}

.header .btn_mob-open {
    display: block;
}

/* max width 1199 pixels */
@media only screen and (max-width: 1199px) {
    header .btn {
        margin-left: 18px;
    }

    .header-tel > span {
        display: none;
    }

    .main-btn-select.btn {
        min-width: 150px;
        max-width: 150px;
    }

    .header-tel {
        margin-left: 10px;
        padding-right: 0;
    }

    .header-tel a {
        font-size: 14px;
    }

    .header-tel a:before {
        margin-top: -8px;
    }

    .header .logo {
        max-width: 130px;
        height: 42px;
        line-height: 42px;
    }

    .header .logo img {
        display: inline-block;
        vertical-align: middle;
    }

    /* end media max width 1199 pixels */
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    .btn_main-burger .btn__icon {
        display: none;
    }

    .header-tel, .main-btn-select.btn {
        display: none;
    }

    /* end media max width 767 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .btn_main-burger_hidden {
        display: none;
    }

    .main-navigation-btn .header-tel, .main-navigation-btn .main-btn-select.btn {
        display: none;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .btn_main-burger_hidden_lap {
        display: none;
    }

    .header .btn_minimal {
        font-size: 14px;
        padding-left: 14px;
        padding-right: 14px;
    }

    .header .btn_sm.btn_min-width {
        min-width: 140px;
    }

    .header-sm .btn {
        margin-left: 17px;
    }

    .main-btn-select.btn {
        min-width: 170px;
        max-width: 200px;
    }

    .main-btn-select.btn .main-btn-select__txt {
        font-size: 14px;
    }

    .header-tel {
        margin-left: 17px;
        padding-left: 27px;
        padding-right: 0;
    }

    .header-tel a {
        font-size: 14px;
        letter-spacing: 0.6px;
    }

    .header-tel a:before {
        margin-top: -8px;
    }

    .burger-icon {
        margin-left: 9px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END New Header --------------- */
/*                                      */
/*                                      */
/* ----- New Modal component ------------------- */
.main-map-modal path {
    fill: #ffffff;
    stroke-width: 1px;
    stroke: #ce7c00;
}

.main-map-modal__item path {
    fill: #e5f4fc;
    transition: ease-in 300ms;
    cursor: pointer;
}

.main-map-modal__item a:hover path {
    fill: #d35e6e;
}

.main-map-modal__item:hover path {
    fill: #d35e6e;
    transition: ease-in 300ms;
    cursor: pointer;
}

.btn-city:hover {
    cursor: pointer;
}

.main-map-modal__item_city-1.btn-city:hover path {
    fill: #d35e6e;
    transition: ease-in 300ms;
    cursor: pointer;
}

.main-map-modal__item_city-2.btn-city:hover path {
    fill: #d35e6e;
    transition: ease-in 300ms;
    cursor: pointer;
}

.main-map-modal__item_city-3.btn-city:hover path {
    fill: #d35e6e;
    transition: ease-in 300ms;
    cursor: pointer;
}

.main-map-modal__item_city-4.btn-city:hover path {
    fill: #d35e6e;
    transition: ease-in 300ms;
    cursor: pointer;
}

.main-map-modal__item_city-5.btn-city:hover path {
    fill: #d35e6e;
    transition: ease-in 300ms;
    cursor: pointer;
}

.main-map-modal__item a {
    position: relative;
    display: block;
}

.main-map-modal__item a:after, .main-map-modal__item a:before, .main-map-modal__item a span {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 200px;
    background-color: #000;
    z-index: 2000000000;
}

.main-map-modal__item foreignObject {
    width: 265px;
    height: 111px;
}

.main-map-modal__item_city-1 foreignObject {
    x: 206;
    y: 570;
}

.main-map-modal__item_city-2 foreignObject {
    x: 197;
    y: 750;
}

.main-map-modal__item_city-3 foreignObject {
    x: 307;
    y: 827;
}

.main-map-modal__item_city-4 foreignObject {
    x: 397;
    y: 910;
}

.main-map-modal__item_city-5 foreignObject {
    x: 305;
    y: 677;
}

.btn-city {
    display: inline-block;
    box-shadow: 0 6px 27px rgba(44, 52, 77, 0.26);
    border-radius: 22px;
    background-color: #fff;
    color: #1f1f1f;
    font-weight: 400;
    padding: 13px 20px 13px 32px;
    line-height: 20px;
    letter-spacing: 0.4px;
    position: relative;
    margin: 30px;
    font-size: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-city:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 11px;
    height: 15px;
    margin-top: -7px;
    background: url(../img/main-marker.png) center center no-repeat;
    background-size: contain;
}

.btn-city:before {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 10px;
    border-top: 5px solid #fff;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.main-map-modal__item_active path {
    fill: #d35e6e;
}

.content-modal-map {
    margin-left: -15px;
    margin-right: -15px;
    padding: 1px;
}

.content-modal_bg-second.content-modal.content-modal-map:after {
    content: none;
    display: none;
}

.main-map-box-wrapp {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    text-align: left;
    margin-right: auto;
}

.main-map-box-wrapp .main-map-box {
    width: 2415px;
    height: 1422px;
    padding: 20px;
    margin-top: -540px;
    margin-left: -240px;
}

.main-map-box-wrapp .mCSB_container_wrapper {
    margin-right: 0;
    margin-bottom: 0;
}

.main-map-modal {
    height: 100%;
    width: 100%;
}

.fancybox-slide--html .fancybox-content {
    margin: 0;
}

/* Min width 480 pixels */
@media only screen and (min-width: 480px) {
    .main-map-box-wrapp .main-map-box {
        margin-top: -430px;
        margin-left: -160px;
    }

    /* end media min width 480 pixels */
}

/* Min width 640 pixels */
@media only screen and (min-width: 640px) {
    .main-map-box-wrapp .main-map-box {
        margin-top: -400px;
        margin-left: 0;
    }

    /* end media min width 640 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .main-map-box-wrapp .main-map-box {
        margin-top: -400px;
        margin-left: 0;
    }

    /* end media min width 768 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .main-map-box-wrapp {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        margin-left: -240px;
        width: auto;
        overflow: hidden;
        margin-right: 0;
        height: auto;
    }

    .content-modal_bg-second.content-modal.content-modal-map:after {
        content: "";
        display: block;
    }

    /* end media min width 1000 pixels */
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) and (max-height: 800px) {
    .w-box_map-modal .checked-list li:last-child {
        margin-bottom: 0;
    }

    .w-box_map-modal .w-aside__back-link {
        margin-top: -20px;
    }

    /* end media min width 1000 pixels */
}

/* ----- END New Modal component --------------- */
/*                                               */
/*                                               */
/* ----- Custom Scroll ------------------- */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
  6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

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

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

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

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

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

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

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

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

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

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

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

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

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

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

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

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

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

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

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

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

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

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

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

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

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

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

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

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

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

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

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

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

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

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

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

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

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

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

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

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

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

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/* ----- Main style Custom Scroll ------------------- */
.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background-color: #dcdcdc;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px;
    border-radius: 3px;
    background-color: #e72f63;
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
}

.mCSB_scrollTools {
    width: 5px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 15px;
}

/* ----- END Main style Custom Scroll --------------- */
/* ----- END Custom Scroll --------------- */
/*                                         */
/*                                         */
/* ----- New-stock comp ------------------- */
.about-cards_stock .about-card {
    margin-top: 40px;
    position: relative;
    overflow: visible;
}

.about-cards_stock .about-card .about-card-cap {
    border-radius: 15px 15px 0 0px;
}

.about-cards_stock .about-card .about-card-cap__price {
    color: #ed3f35;
}

.about-stock-ic {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -40%);
    z-index: 1;
    width: 80px;
    height: 80px;
}

.about-card-cap__price-old {
    color: #bdbdbe;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
    text-align: center;
}

.about-card-cap__price-old span {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 5px;
}

.about-card-cap__price-old span:before {
    content: ' ';
    position: absolute;
    top: 50%;
    height: 1px;
    left: 0;
    right: 0;
    background-color: #c2c2c3;
    opacity: 0.5;
}

.about-card-cap__stock {
    background-color: #222;
    background-image: linear-gradient(-247deg, #ee6b0a 0%, #ee6b0a 32%, #d9180a 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.3px;
    margin-bottom: -10px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0 0 10px 10px;
    padding: 5px;
    margin-top: 10px;
}

.discount-bl__icon {
    background: url(../img/main-stock.png) center center no-repeat;
    background-size: contain;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-shadow: 0 1px 3px rgba(34, 8, 51, 0.41);
    width: 62px;
    height: 75px;
    line-height: 1;
    padding-top: 35px;
    padding-right: 0;
    text-align: center;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .discount-bl__tt {
        color: #ffe983;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0.4px;
        margin-bottom: 0px;
    }

    .discount-bl__txt {
        color: #fff;
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        letter-spacing: 0.3px;
    }

    .discount-bl__content {
        padding-top: 8px;
    }

    .discount-bl__icon {
        margin-right: 10px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .about-stock-ic {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -45%);
        z-index: 1;
        width: 130px;
        height: 130px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END New-stock comp --------------- */
/*                                          */
/*                                          */
/* ----- New about card ------------------- */
.about-cards-bl {
    background: #fdfdfd url(../img/main-check-bg.jpg) left top no-repeat;
    background-size: cover;
    box-shadow: 0 0 30px rgba(186, 184, 191, 0.35);
    border-radius: 15px;
    padding: 20px 15px;
    position: relative;
    z-index: 3;
}

.about-cards-bl__cap .about-card-cap__tt {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.about-cards-bl__cap .about-card-cap__txt {
    color: rgba(24, 24, 24, 0.8);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
}

.about-cards-bl__cap .about-card-cap__price {
    color: #ed3f35;
    font-size: 26px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.65px;
}

.about-cards-bl__info {
    padding-top: 20px;
}

.about-list li {
    margin: 0 0 10px;
    position: relative;
    padding-left: 26px;
    color: #181818;
    font-size: 14px;
    line-height: 18px;
}

.about-list li:before {
    content: ' ';
    position: absolute;
    top: 1px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../img/main-check.png) center center no-repeat;
    background-size: contain;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .about-cards-bl {
        display: flex;
        justify-content: flex-start;
        margin-top: 10px;
    }

    .about-cards-bl__cap {
        min-width: 50%;
        max-width: 50%;
        padding-right: 30px;
    }

    .about-cards-bl__info {
        min-width: 50%;
        max-width: 50%;
        padding-top: 5px;
    }

    .about-cards-bl__cap .about-card-cap__tt {
        font-size: 30px;
        line-height: 1;
        letter-spacing: 0px;
    }

    .about-cards-bl__cap .about-card-cap__txt {
        margin-bottom: 20px;
    }

    /* end media min width 768 pixels */
}

/* max width 1199 pixels */
@media only screen and (max-width: 1199px) {
    .header .container .open-modal-slider {
        display: none;
    }

    /* end media max width 1199 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .about-cards-bl {
        padding: 28px 70px 10px 40px;
    }

    .about-cards-bl:after {
        content: ' ';
        position: absolute;
        top: 29px;
        right: 24px;
        width: 29px;
        height: 31px;
        background: url(../img/main-check-card.png) center center no-repeat;
        background-size: contain;
    }

    .about-cards-bl .about-card-cap__box {
        padding: 27px 34px 15px;
    }

    .about-cards-bl__cap {
        min-width: 45%;
        max-width: 45%;
    }

    .about-cards-bl__info {
        min-width: 55%;
        max-width: 55%;
    }

    .about-list li {
        margin-bottom: 16px;
    }

    /* end media min width 1200 pixels */
}


header.onscroll {
    top: -72px;
    animation: linear header-scroll 0.3s both 1s;
}

header.onscroll .header-cap {
    display: none;
}

@keyframes header-scroll {
    0% {
        top: -72px;
    }
    100% {
        top: 0;
    }
}

.header {
    position: absolute;
}

.header.onscroll {
    position: fixed;
}

.main-navigation-btn {
    text-align: right;
}

.main-navigation-btn .btn {
    margin-bottom: 15px;
}

.main-navigation-btn li:last-child .btn {
    margin-bottom: 0;
}

.btn_light.btn_border {
    border-color: #fff;
    background: none;
}

.btn_light.btn_border:hover {
    border-left-color: #ffab00;
    border-right-color: #ff7300;
    border-top: none;
    border-bottom: none;
    line-height: 24px;
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
}

.btn_light.btn_border.btn_second-st:hover {
    background-image: linear-gradient(to top, #cc8900 0%, #ff8f33 100%);
    border-left-color: #cc8900;
    border-right-color: #ff8f33;
}

.map-main-open .header {
    padding-top: 15px;
}

.map-main-open .btn_circle {
    margin-right: 50px;
}

.map-main-open .header:after {
    margin-top: -15px;
}

#course_modules_new .see_more.active {
    display: none;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .btn_main-burger .btn__icon {
        display: none;
    }

    /* end media min width 768 pixels */
}

/* ----- END New about card --------------- */
/*                                          */
/*                                          */
/* ----- New 06042020 ------------------- */
.section-surfing {
    background: url(../img/main-bg-surfing.jpg) center bottom no-repeat;
    background-size: contain;
    position: relative;
    z-index: 1;
    padding-bottom: 40px;
}

.cap {
    text-align: center;
}

.cap strong {
    font-weight: 800;
}

.cap b {
    font-weight: 700;
}

.cap a, .cap a > b {
    color: #2752dc;
    letter-spacing: 0.45px;
    text-decoration: underline;
}

.cap a:hover, .cap a > b:hover {
    text-decoration: none;
}

.cap a.link-nounderline, .cap a.link-nounderline > b, .cap a > b.link-nounderline, .cap a > b.link-nounderline > b {
    text-decoration: none;
}

.cap a.link-nounderline:hover, .cap a.link-nounderline > b:hover, .cap a > b.link-nounderline:hover, .cap a > b.link-nounderline > b:hover {
    text-decoration: underline;
}

.cap_push-top-minus {
    margin-top: -40px;
}

.cap__icon {
    margin-bottom: 15px;
}

.cap__suptxt {
    color: #181818;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
}

.cap__txt {
    color: #181818;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.45px;
    margin-bottom: 15px;
}

.cap__txt-md {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

.video-info {
    padding-left: 40px;
    position: relative;
    z-index: 1;
}

.video-info__cap-icon {
    position: absolute;
    top: 0;
    left: -40px;
    width: 30px;
    height: 30px;
}

.video-info__cap-icon img {
    max-width: 100%;
    max-height: 100%;
}

.video-info__cap {
    position: relative;
}

.video-info-cap__tt {
    color: #181818;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 20px;
}

.video-info__tt {
    color: #181818;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 15px;
}

.cl-fire {
    color: #ff8700;
}

.cl-sea {
    color: #8d58cc;
}

.video-info-form__tel input {
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    border-radius: 10px;
    border: 2px solid #ffa900;
    background-color: #fff;
    color: #242425;
    font-size: 18px;
    font-weight: 400;
}

.video-info-form__btn .btn {
    height: 55px;
    line-height: 55px;
    padding: 0 25px;
    border-radius: 28px;
}

.video-info-form__description {
    margin-top: 20px;
}

.video-info-form__description .accept {
    padding-top: 0;
}

.section-video-form {
    padding: 40px 0;
}

.section-video-form__img {
    text-align: center;
}

.video-info-form_open-txt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 130px;
    color: #ae32c4;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .cap_push-top-minus {
        margin-top: -40px;
    }

    .cap__icon {
        margin-bottom: 20px;
    }

    .cap__suptxt {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 32px;
    }

    .cap__txt {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 37px;
    }

    .cap__txt-md {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 25px;
    }

    .section-surfing {
        padding-bottom: 91px;
    }

    .video-info-cap__tt {
        font-size: 30px;
        line-height: 1.3;
        padding-top: 16px;
    }

    .video-info__tt {
        font-size: 20px;
        line-height: 27px;
    }

    .video-info-form__grid {
        display: flex;
    }

    .video-info-form__grid .video-info-form__tel {
        min-width: 295px;
        max-width: 295px;
        margin-right: 23px;
    }

    .video-info-form__description {
        margin-top: 0;
    }

    .video-info {
        padding-left: 100px;
    }

    .video-info__cap-icon {
        left: -100px;
        width: 70px;
        height: 70px;
    }

    .video-info-form_open-txt {
        min-height: 55px;
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 25px;
    }

    /* end media min width 768 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .section-video-form__img {
        display: block;
    }

    .section-video-form {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 70px 0;
    }

    .section-video-form__info {
        min-width: 700px;
        max-width: 700px;
    }

    .section-video-form__img {
        min-width: 470px;
        max-width: 470px;
        padding-left: 20px;
    }

    .video-info-cap__tt {
        margin-bottom: 54px;
    }

    .video-info-form__btn {
        min-width: 235px;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1900 pixels */
@media only screen and (min-width: 1900px) {
    .section-surfing {
        padding-bottom: 150px;
    }

    /* end media min width 1900 pixels */
}

/* ----- END New 06042020 --------------- */
/*                                        */
/*                                        */
/* ----- Edits 0307 ------------------- */
.btn_second-st2.btn {
    background: #ffaa00 linear-gradient(to right, #ffaa00 0%, #ff7300 100%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
    font-family: "Graphik", sans-serif;
    font-weight: 500;
    color: #fff;
}

.btn_second-st2.btn:hover, .btn_second-st2.btn:focus {
    background: #ffbb33 linear-gradient(to bottom, #ffbb33 0%, #cc5c00 100%);
}

.btn_second-st2.btn.btn_border {
    font-weight: 500;
    background: none;
    border: 2px solid #fff;
}

.btn_second-st2.btn.btn_border:hover, .btn_second-st2.btn.btn_border:focus {
    background-color: #ffab00;
    background-image: linear-gradient(to right, #ffab00 0%, #ff7300 100%);
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: #ff7300;
    border-left-color: #ffab00;
}

.scroll-here-wrapp {
    position: relative;
    top: -100px;
}

/* ----- END Edits 0307 --------------- */
/*                                 */
/*                                 */
/* ----- Edits 0607 ------------------- */
/* max width 999 pixels */
@media only screen and (max-width: 999px) {
    .main-banner-inner_index {
        padding-top: 130px;
    }

    .main-banner-inner_index .main-banner-about {
        text-align: center;
    }

    /* end media max width 999 pixels */
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    .footer .left_column {
        width: auto;
        display: block;
        float: none;
        text-align: center;
    }

    .footer .left_column .phone, .footer .left_column .mail {
        display: inline-block;
        padding-right: 30px;
    }

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

    .footer .socials a:last-child {
        margin-right: 0;
    }

    footer.footer .footer_menu {
        text-align: center;
        display: block;
    }

    footer.footer .footer_menu li {
        text-align: center;
        display: block;
    }

    footer.footer .footer_menu li .develop-update {
        display: inline-block;
    }

    /* end media max width 767 pixels */
}

/* Min width 375 pixels */
@media only screen and (min-width: 375px) and (max-width: 999px) {
    .b-tt_index {
        font-size: 30px;
        line-height: 1.2;
    }

    /* end media min width 375 pixels */
}

/* Min width 480 pixels */
@media only screen and (min-width: 480px) and (max-width: 999px) {
    .b-tt_index {
        font-size: 40px;
        line-height: 1.2;
    }

    /* end media min width 480 pixels */
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    footer .map_wrap {
        width: 390px;
    }

    /* end media min width 768 pixels */
}

/* ----- END Edits 0607 --------------- */
/*                                      */
/*                                      */
/* ----- _edits1407 ------------------- */
.video .bg {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#fullwidth_video.main-fullwidth_video .bg > *, #fullwidth_video.main-fullwidth_video .bg p {
    padding-top: 0;
    margin-bottom: 30px;
}

.block_title_with_icon_wrapp-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.block_title_with_icon_wrapp-center:after {
    content: ' ';
    display: inline-block;
    height: 1px;
    overflow: hidden;
    width: 60px;
}

/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .block_title_with_icon_wrapp-center:after {
        width: 90px;
    }

    /* end media min width 768 pixels */
}

/* max width 1200 pixels */
@media only screen and (max-width: 1200px) {
    .section-video-form_wrapp-center .video-info__cap-icon {
        position: relative;
        left: 0;
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-bottom: 15px;
    }

    .section-video-form_wrapp-center .video-info__cap {
        text-align: center;
    }

    .section-video-form_wrapp-center .video-info__body {
        text-align: center;
    }

    .section-video-form_wrapp-center .video-info {
        padding-left: 0;
    }

    .section-video-form_wrapp-center .video-info-form__grid .video-info-form__tel {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
        display: block;
    }

    .course_way {
        padding-top: 30px;
    }

    /* end media max width 1200 pixels */
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    .about-cards_stock .about-card {
        margin-top: 70px;
    }

    #course_modules_new .module_wrap .module_info {
        width: auto;
    }

    .course_way {
        padding-top: 50px;
    }

    .block_title_with_icon_push-sm {
        margin-bottom: 10px;
    }

    .main-card-patern {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }

    .main-card-patern .left_column {
        order: 1;
    }

    #your_resume .main-card-patern .sertimg {
        transform: scale(0.45) translate(-412px, -287px);
    }

    #your_resume .main-card-patern .right_column {
        max-height: 215px;
    }

    #your_resume .main-card-patern .left_column {
        margin-top: 0;
        margin-bottom: 0;
        max-height: 473px;
    }

    #your_resume .main-card-patern .resumeimg {
        transform: scale(0.8) translate(-50px, -65px);
    }

    #course_plushki .plushki_list .item {
        padding-left: 105px;
        padding-right: 40px;
    }

    #course_plushki .plushki_list .item img {
        left: 25px;
    }

    #fullwidth_video .subtitle {
        padding-top: 0;
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    #lost_lession .ll_wrap .title {
        display: inline-block;
        padding-left: 70px;
        padding-right: 70px;
        position: relative;
    }

    #lost_lession .ll_wrap .title img {
        top: -16px;
    }

    #lost_lession .ll_wrap {
        text-align: center;
    }

    #form_gotoit .form .left_column {
        text-align: center;
    }

    #form_gotoit .form .left_column ul {
        text-align: left;
    }

    #form_gotoit .form .left_column ul li {
        max-width: 298px;
        margin-left: auto;
        margin-right: auto;
    }

    /* end media max width 767 pixels */
}

/* Min width 375 max width 479 pixels */
@media only screen and (min-width: 375px) and (max-width: 479px) {
    #your_resume .main-card-patern .sertimg {
        transform: scale(0.5) translate(-317px, -235px);
    }

    #your_resume .main-card-patern .right_column {
        text-align: center;
        max-height: 238px;
    }

    #your_resume .main-card-patern .resumeimg {
        transform: scale(0.89) translate(-14px, -33px);
    }

    #your_resume .main-card-patern .left_column {
        max-height: 530px;
    }

    /* end media min width 375 max width 479 pixels */
}

/* Min width 480 max width 767 pixels */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #your_resume .main-card-patern .sertimg {
        transform: scale(0.68) translate(-158px, -110px);
    }

    #your_resume .main-card-patern .right_column {
        max-height: 320px;
    }

    #your_resume .main-card-patern .resumeimg {
        transform: scale(1) translate(0, 0px);
        margin: 0 auto;
    }

    #your_resume .main-card-patern .left_column {
        max-height: none;
        height: 600px;
    }

    /* end media min width 480 max width 767 pixels */
}

/* Min width 600 max width 767 pixels */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    #your_resume .main-card-patern .sertimg {
        transform: scale(0.85) translate(-56px, -40px);
    }

    #your_resume .main-card-patern .right_column {
        max-height: none;
        height: 400px;
    }

    /* end media min width 600 max width 767 pixels */
}

/* Min width 640 max width 767 pixels */
@media only screen and (min-width: 640px) and (max-width: 767px) {
    #your_resume .main-card-patern .sertimg {
        transform: scale(0.92) translate(-30px, -20px);
    }

    #your_resume .main-card-patern .right_column {
        max-height: none;
        height: 435px;
    }

    /* end media min width 640 max width 767 pixels */
}

/* Min width 375 pixels */
@media only screen and (min-width: 375px) and (max-width: 767px) {
    #form_gotoit .form .right_column {
        max-width: 400px;
        margin: 0 auto;
        padding: 0 30px;
    }

    .accept {
        margin-left: -15px;
    }

    /* end media min width 375 pixels */
}

/* ----- END _edits1407 --------------- */
/*                                      */
/*                                      */
/* ----- edits 2807 ------------------- */
.icon_light {
    background-image: url(../img/sprite-light.png);
}

.text_center {
    text-align: center;
}

.btn_second-st {
    color: #fff;
}

.banner-icon_light .banner-icon__name {
    color: #f9e4c0;
}

/* max width 767 pixels */
@media only screen and (max-width: 767px) {
    #course_plushki .plushki_list .item {
        margin-bottom: 35px;
    }

    #course_plushki .plushki_list .item img {
        top: 50%;
        transform: translateY(-50%);
    }

    #lost_lession .ll_wrap {
        padding-top: 60px;
    }

    /* end media max width 767 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    .btns-bl.text_center {
        text-align: left;
    }

    .main-banner_courses_sm .main-banner-inner {
        padding-top: 170px;
    }

    .main-banner-about_center {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .header-sm_push-top {
        padding-top: 40px;
    }

    .block_title_with_icon_center-text {
        padding-right: 98px;
    }

    /* end media min width 1200 pixels */
}

/* ----- END edits 2807 --------------- */
/*                                      */
/*                                      */
/* ----- last 5 data 170822020 edits ------------------- */
/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) and (max-height: 750px) {
    #events_top .left_column {
        padding-top: 200px;
    }

    #events_top .right_column {
        top: 100px;
    }

    #events_top {
        background-image: url(../svgs/bg_courses_top_right.svg), url(../svgs/bg_events_top.svg);
        background-position: left 52vw top 260px, center bottom;
    }

    #events_top .container {
        height: 700px;
    }

    #events_top h1 {
        line-height: 1.2;
    }

    #events_top .subtitle {
        font-size: 20px;
        line-height: 1.3;
    }

    /* end media min width 1200 pixels */
}

/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) and (min-height: 751px) and (max-height: 880px) {
    #events_top .left_column {
        padding-top: 180px;
    }

    #events_top .right_column {
        top: 150px;
    }

    #events_top {
        background-image: url(../svgs/bg_courses_top_right.svg), url(../svgs/bg_events_top.svg);
        background-position: left 52vw top 260px, center bottom;
    }

    #events_top .container {
        height: 800px;
    }

    /* end media min width 1200 pixels */
}

.b-tt_сenter-mob {
    text-align: center;
}

/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .b-tt_сenter-mob {
        text-align: left;
    }

    /* end media min width 1000 pixels */
}

/* ----- END last 5 data 170822020 edits --------------- */
/*                                           */
/*                                           */
/* ----- END Styles site --------------- */
/* ----- END Edits 22092020 --------------- */
/*-------------------------------------*/
/*-------------------------------------*/
/* ----- Edits 16102020 ------------------- */
a.news-card {
    text-decoration: none;
    outline: none;
    display: block;
    color: #494949;
}

a.news-card:hover {
    color: #494949;
    box-shadow: 0px 2px 10px rgba(184, 192, 200, 0.85);
}

.news-card {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(184, 192, 200, 0.35);
    border-radius: 5px;
    padding: 10px;
}

.news-card__cap {
    margin-bottom: 24px;
    height: 160px;
    border-radius: 5px;
    overflow: hidden;
}

.news-card__cap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-card__body p {
    margin-bottom: 0;
}

.news-card__body > * + * {
    margin-top: 8px;
}

.card-data {
    color: #A0A0A0;
}

.card-tt {
    font-weight: 600;
    color: #2B2E32;
}

.news-list {
    margin-bottom: 40px;
}

.news-list__item {
    margin-bottom: 20px;
}

.section-st_long {
    padding: 60px 0;
}

.text_center {
    text-align: center;
}

/* -- Bread crumbs ------------------ */
.bread-crumbs {
    padding: 0;
    list-style-type: none;
}

.bread-crumbs li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    position: relative;
    padding-left: 16px;
    font-size: 12px;
    line-height: 1.6;
    margin-right: 11px;
    color: #4263AD;
    margin-bottom: 8px;
}

.bread-crumbs li a {
    color: #2B2E32;
    text-decoration: none;
}

.bread-crumbs li a:hover {
    text-decoration: underline;
    color: #2B2E32;
}

.bread-crumbs li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 7px;
    background: url("data:image/svg+xml,%3Csvg width='4' height='7' viewBox='0 0 4 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.196817 6.33217C0.458123 6.55594 0.699332 6.55594 0.920437 6.33217L3.81826 3.82368C4.06058 3.61688 4.06058 3.4021 3.81826 3.17732L0.920437 0.667832C0.699332 0.444056 0.458123 0.444056 0.196817 0.667832C-0.0656057 0.857642 -0.0656057 1.06444 0.196817 1.28921L2.58096 3.51299L0.196817 5.71179C-0.0656057 5.93556 -0.0656057 6.14236 0.196817 6.33217Z' fill='%232B2E32'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: contain;
}

.bread-crumbs li:first-child {
    padding-left: 0;
}

.bread-crumbs li:first-child:before {
    display: none;
}

.m-bt--3 {
    margin-bottom: 30px;
}

.m-bt--4 {
    margin-bottom: 40px;
}

.full-img {
    margin: 0 -20px 20px;
    text-align: center;
}

.full-img__inline {
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
}

.full-img_fill .full-img__inline {
    height: 300px;
}

.full-img_fill .full-img__inline > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container__push-top {
    margin-top: -80px;
    position: relative;
    z-index: 1;
}

.banner-txt {
    background: linear-gradient(80deg, #64C4F8 12.39%, #6F9AF2 98.71%);
    border-radius: 5px;
    padding: 40px 10px;
    margin: 0 -10px 50px;
    color: #fff;
}

.banner-txt > * + * {
    margin-top: 12px;
}

.banner-txt .title-site {
    color: inherit;
    margin-bottom: 0;
}

.title-site {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    font-family: 'Graphik', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #181818;
}

.title-site_h1 {
    font-size: 28px;
    margin-bottom: 40px;
}

.title-site_h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

.title-site_h3-st {
    font-size: 24px;
    margin-bottom: 30px;
}

.title-site_h3 {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.title-site_h4 {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.title-site_h4-st {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.title-site_h5 {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.title-site_h6 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.title-site_push-lg {
    margin-bottom: 40px;
}

.link-st {
    background: none;
    box-shadow: none;
    text-decoration: underline;
    display: inline;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #4263AD;
    outline: none;
}

.link-st:focus, .link-st:hover {
    color: #4263AD;
    text-decoration: none;
}

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

li {
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 20px;
}

.text-bl {
    line-height: 1.6;
}

.text-bl ol {
    margin-bottom: 20px;
    padding: 0;
    counter-reset: section;
    list-style-type: none;
    max-width: 990px;
}

.text-bl ol > li {
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #2B2E32;
    position: relative;
    padding-left: 22px;
}

.text-bl ol > li > ul {
    margin-top: 20px;
}

.text-bl ol > li > b {
    margin-bottom: 20px;
    display: block;
}

.text-bl ol > li > span {
    margin-bottom: 10px;
    display: block;
}

.text-bl ol > li > b {
    font-weight: 600;
}

.text-bl ol > li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: section;
    content: counters(section, ".") ".";
    color: #4263AD;
    font-size: 15px;
    line-height: inherit;
    font-weight: 600;
}

.text-bl ol p {
    font-weight: normal;
    font-size: 14px;
    color: #494949;
}

.text-bl ol blockquote, .text-bl ol picture {
    margin-left: -32px;
}

.text-bl blockquote p {
    font-size: 18px;
    color: #4263AD;
    font-weight: 700;
}

.text-bl blockquote p span {
    color: #2B2E32;
}

.text-bl > img {
    margin: 40px 0;
    display: block;
}

.text-bl ul {
    margin-bottom: 30px;
    list-style-type: none;
    padding: 0;
    max-width: 990px;
}

.text-bl ul li {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #2B2E32;
    padding-left: 20px;
    margin-bottom: 20px;
}

.text-bl ul li a {
    color: #4263AD;
}

.text-bl ul li a:hover {
    color: #4263AD;
}

.text-bl ul li:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    background: linear-gradient(80deg, #64C4F8 12.39%, #6F9AF2 98.71%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.text-bl li {
    margin-bottom: 10px;
}

.text-bl .title-site, .text-bl h1, .text-bl h2, .text-bl h3, .text-bl h4, .text-bl h5, .text-bl h6 {
    margin-bottom: 30px;
}

.text-bl p {
    margin-bottom: 30px;
    max-width: 990px;
}

.text-bl > div {
    margin-bottom: 30px;
}

.text-bl blockquote {
    margin-bottom: 30px;
}

.text-bl blockquote p {
    margin-bottom: 0;
    max-width: none;
}

.text-bl picture, .text-bl iframe {
    display: block;
    text-align: center;
    margin: 50px -10px;
}

.text-bl picture img, .text-bl iframe img {
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
}

blockquote {
    margin: 0 -10px 30px;
    border: 1px solid #4263AD;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    padding: 20px 10px;
    font-size: 18px;
    color: #4263AD;
    font-weight: 700;
}

blockquote > * + * {
    margin-top: 20px;
}

blockquote p {
    margin-bottom: 0;
}

blockquote p span {
    color: #2B2E32;
}

.list-dot li {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.list-dot li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(80deg, #64C4F8 12.39%, #6F9AF2 98.71%);
}

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.text_uppercase {
    text-transform: uppercase;
}

.text_hidden {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.txt-600 {
    font-weight: 600;
}

.txt-500 {
    font-weight: 500;
}

.txt-700 {
    font-weight: 700;
}

.txt-md {
    font-size: 15px;
}

.txt-mid {
    font-size: 16px;
}

.txt-lg {
    font-size: 18px;
}

.cl-danger {
    color: #EB5757;
}

.cl-sea {
    color: #6F9AF2;
}

.cl-chalice {
    color: #a0a0a0;
}

.cl-dark {
    color: #2B2E32;
}

.m-bt-st {
    margin-bottom: 15px;
}

.cap-box {
    margin-bottom: 40px;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.banner-txt__data {
    margin-bottom: 20px;
}

.btn.btn_light-my {
    background: #fff;
    border: 1px solid #ccc;
    color: #181818;
}

.btn.btn_light-my:focus, .btn.btn_light-my:hover {
    background: #fff;
    border-color: #4263AD;
    color: #4263AD;
}

#team_list .list .bl-btn-next {
    min-width: 100%;
    max-width: 100%;
    padding: 1px;
    order: 1;
    text-align: center;
}

/* Min width 640 pixels */
@media only screen and (min-width: 640px) {
    .news-list {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    .news-list__item {
        min-width: 50%;
        max-width: 50%;
        padding: 0 10px;
    }
}

/* end media min width 640 pixels */
/* Min width 768 pixels */
@media only screen and (min-width: 768px) {
    .card-tt {
        font-size: 16px;
    }
    .news-list__item {
        min-width: 33.333%;
        max-width: 33.333%;
    }
    .main-map-box-wrapp .main-map-box {
        margin-top: 0;
        padding: 5px 50px;
        overflow: visible;
    }
    .main-map-box-wrapp .main-map-box {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .main-map-box-wrapp .main-map-box svg {
        text-align: left;
        overflow: visible;
    }
    .main-map-modal path {
        fill: #4a4dd6;
        stroke: #4a4dd6;
    }
    .main-map-modal .main-map-modal__item path {
        fill: #fc8200;
        stroke: #fc8200;
    }
    .main-map-modal .main-map-modal__item:hover path {
        fill: #fff4b4;
        stroke: #ff9b30;
    }
    .main-map-modal__item_city-5 foreignObject {
        x: 327;
        y: 680;
    }
    .main-map-modal__item_city-1 foreignObject {
        x: 246;
        y: 500;
    }
    .main-map-modal__item_city-3 foreignObject {
        x: 413;
        y: 817;
    }
    .main-map-modal__item_city-2 foreignObject {
        x: -120;
        y: 780;
    }
    .main-map-modal__item_city-4 foreignObject {
        x: 483;
        y: 957;
    }
    .main-map-modal__item foreignObject {
        height: 160px;
        width: 700px;
    }
    .btn-city:after {
        background-image: url(../img/main-marker2.png);
        width: 45px;
        height: 70px;
        margin-top: -33px;
        left: 25px;
    }
    .btn-city {
        font-size: 50px;
        line-height: 1;
        border-radius: 120px;
        text-transform: uppercase;
        padding: 30px 30px 30px 85px;
    }
    .full-img_fill .full-img__inline {
        height: 450px;
    }
    .container__inner {
        max-width: 990px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 50px;
        padding-right: 50px;
    }
    .container__push-top {
        margin-top: -130px;
    }
    .banner-txt {
        margin-left: 0;
        margin-right: 0;
        padding: 40px;
    }
    .title-site_h1 {
        font-size: 60px;
    }
    .title-site_h2 {
        font-size: 38px;
    }
    .title-site_h3 {
        font-size: 18px;
    }
    .title-site_h3-st {
        font-size: 30px;
    }
    .title-site_h4 {
        font-size: 18px;
    }
    .title-site_h4-st {
        font-size: 24px;
    }
    .title-site_h5 {
        font-size: 18px;
    }
    .title-site_h6 {
        font-size: 16px;
    }
    .text-bl-grid {
        display: flex;
        justify-content: space-between;
    }
    .text-bl-grid__half-col {
        width: 48%;
    }
    blockquote {
        margin-left: 0;
        margin-right: 0;
        padding: 60px;
    }
    blockquote.blockquote-sm {
        padding: 30px;
    }
    .text-bl ol blockquote, .text-bl ol picture {
        margin-left: -22px;
    }
    .m-tabl-bt--6 {
        margin-bottom: 60px;
    }
    /*.main-banner-about_center.main-banner-about {*/
    /*    min-height: 200px;*/
    /*}*/
    .main-banner_three .main-banner-inner_index_main.main-banner-inner {
        padding-bottom: 150px;
    }
}

/* end media min width 768 pixels */
/* Min width 1000 pixels */
@media only screen and (min-width: 1000px) {
    .slider-brand_four-card .brand-box {
        width: 275px;
    }
    .slider-news .slick-list {
        margin: 0 -15px;
    }
    .slider-news .slick-slide {
        padding: 15px;
    }
    .slider-news .news-card {
        width: 378px;
    }
    .news-card {
        padding: 30px;
    }
    .news-list {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 30px;
    }
    .news-list__item {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .container__inner {
        padding-left: 0;
        padding-right: 0;
    }
    .full-img_fill .full-img__inline {
        height: 650px;
    }
    .banner-txt {
        padding: 40px 100px;
    }
    .full-img {
        margin-left: 0;
        margin-right: 0;
    }
    .text-bl picture, .text-bl iframe {
        margin-left: 0;
        margin-right: 0;
    }
}

/* end media min width 1000 pixels */
/* Min width 1200 pixels */
@media only screen and (min-width: 1200px) {
    #team_list .list .item_wrap {
        width: 350px;
        max-width: 350px;
        margin-bottom: 90px;
    }
    #team_list .list .item_wrap:nth-child(4n-2) .item {
        margin-top: -44px;
    }
    #team_list .list .item_wrap:nth-child(4n) .item {
        margin-top: 0;
    }
    #team_list .list .item_wrap .item.up {
        margin-top: -44px;
    }

    #team_list .list .item_wrap:nth-child(4n) .item {
        margin-top: -44px;
    }
    #team_list .list .item_wrap:nth-child(3n-1) .item {
        margin-top: 0;
    }
    #team_list .list .item_wrap:nth-child(4n-2) .item {
        margin-top: -44px;
    }
}

/* end media min width 1200 pixels */
/* ----- END Edits 16102020 --------------- */
/*-------------------------------------*/
/*-------------------------------------*/