.about-card__img,
.bp .similar-articles__item-img,
.bp-hero,
.category-item,
.contacts-right-item__img,
.design-card__img,
.event-hero,
.event-testimonial__img,
.event-works-images__item,
.info-card:hover .info-card__img,
.info-card__img,
.lecturer-card__img,
.mc-news-item__header,
.upcoming-item__img,
.vacancies-item__img {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

/* @font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../fonts/Fira_Sans/FiraSans-Regular.eot?) format("eot"), url(../fonts/Fira_Sans/FiraSans-Regular.woff2) format("woff2"), url(../fonts/Fira_Sans/FiraSans-Regular.woff) format("woff"), url(../fonts/Fira_Sans/FiraSans-Regular.ttf) format("truetype"), url(../fonts/Fira_Sans/FiraSans-Regular.svg#Fira_Sans) format("svg")
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 600;
    font-display: optional;
    src: url(../fonts/Fira_Sans/FiraSans-SemiBold.eot?) format("eot"), url(../fonts/Fira_Sans/FiraSans-SemiBold.woff2) format("woff2"), url(../fonts/Fira_Sans/FiraSans-SemiBold.woff) format("woff"), url(../fonts/Fira_Sans/FiraSans-SemiBold.ttf) format("truetype"), url(../fonts/Fira_Sans/FiraSans-SemiBold.svg#Fira_Sans) format("svg")
}

@font-face {
    font-family: "Fira Sans Condensed";
    font-style: normal;
    font-weight: 500;
    font-display: optional;
    src: url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Medium.eot?) format("eot"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Medium.woff2) format("woff2"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Medium.woff) format("woff"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Medium.ttf) format("truetype"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Medium.svg#Fira_Sans_Condensed) format("svg")
}

@font-face {
    font-family: "Fira Sans Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Bold.eot?) format("eot"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Bold.woff2) format("woff2"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Bold.woff) format("woff"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Bold.ttf) format("truetype"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-Bold.svg#Fira_Sans_Condensed) format("svg")
}

@font-face {
    font-family: "Fira Sans Condensed";
    font-style: normal;
    font-weight: 800;
    font-display: optional;
    src: url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBold.eot?) format("eot"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBold.woff2) format("woff2"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBold.woff) format("woff"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBold.ttf) format("truetype"), url(../fonts/Fira_Sans_Condensed/FiraSansCondensed-ExtraBold.svg#Fira_Sans_Condensed) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url(../fonts/Roboto/Roboto-Regular.eot?) format("eot"), url(../fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype"), url(../fonts/Roboto/Roboto-Regular.svg#Roboto) format("svg")
} */

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Italic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Italic.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-BoldItalic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-BoldItalic.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-ExtraBold.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-ExtraBold.ttf) format("truetype"),
}

@font-face {
    font-family: "Montserrat";
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2) format("woff2"), url(../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf) format("truetype"),
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

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

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -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;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

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

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

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

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

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

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

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

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

.mfp-hide {
    display: none !important
}

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

.mfp-preloader a {
    color: #ccc
}

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

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

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

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

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

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

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

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

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

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

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

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

.mfp-arrow-left {
    left: 0
}

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

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

.mfp-arrow-right {
    right: 0
}

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

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

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

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

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

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

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

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

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

.mfp-figure figure {
    margin: 0
}

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

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

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

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

html {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

body,
html {
    font-size: 16px
}

body {
    min-height: 100vh;
    width: 100%;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #000;
    min-width: 320px
}

.wrapper-outer {
    min-height: 100%;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

footer,
header {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

img {
    width: 100%;
    display: block;
    height: auto
}

a {
    text-decoration: none;
    color: #000
}

a:active {
    color: #000
}

.b-overflow {
    overflow: hidden
}

.container-mobile {
    max-width: 440px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 25px
}

.container {
    max-width: 1300px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

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

.svg-sprite {
    position: absolute;
    display: none
}

.logo {
    max-width: 185px;
    display: block
}

.hamburger {
    width: 24px;
    height: 2px;
    background-color: #5e337b;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hamburger:after,
.hamburger:before {
    content: '';
    height: 2px;
    background-color: #5e337b;
    display: block;
    position: absolute;
    left: 0;
    width: 100%
}

.hamburger:before {
    top: 6px
}

.hamburger:after {
    bottom: 6px
}

.hamburger__box {
    cursor: pointer;
    height: 16px;
    width: 24px;
    position: relative
}

.page-title,
.page-title-md,
.page-title-sm,
.page-title-xs {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: #000;
    margin-bottom: 10px
}

.page-subtitle {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 52px;
    color: #000
}

.section-title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #878787
}

.progs-item {
    color: #fff;
    height: 160px;
    background-color: #673086;
    padding: 15px 20px
}

.progs-item__title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 26px
}

.progs-item__desc {
    font-size: 18px
}

.time-block {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    z-index: 2
}

.time-block--green {
    background-color: #6ac1bc
}

.time-block--purple {
    background-color: #673086
}

.time-block--part {
    width: 124px
}

.socials__icon {
    max-width: 36px;
    max-height: 36px;
    fill: #ac8fab;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    -moz-transition: fill .2s;
    transition: fill .2s
}

.socials__icon:hover {
    fill: #7a5b79
}

.socials__link {
    display: inline-block;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.socials__link::before {
    display: none
}

.socials__link:hover {
    -webkit-transform: translateY(-2px) scale(1.05);
    -moz-transform: translateY(-2px) scale(1.05);
    -ms-transform: translateY(-2px) scale(1.05);
    -o-transform: translateY(-2px) scale(1.05);
    transform: translateY(-2px) scale(1.05)
}

.socials__link:not(:last-child) {
    margin-right: 16px
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__sep {
    margin: 0 6px;
    font-size: 12px;
    color: #878787;
    text-transform: uppercase
}

.breadcrumbs__item,
.breadcrumbs__item a span {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase
}

.breadcrumbs__item a span {
    color: #878787;
    -webkit-transition: color .1s;
    -o-transition: color .1s;
    -moz-transition: color .1s;
    transition: color .1s
}

.breadcrumbs__item {
    color: #e1dae5
}

.breadcrumbs__item:hover a span {
    color: #000
}

.breadcrumbs__item a,
.breadcrumbs__item span {
    display: inline-block
}

.info-card {
    margin-bottom: 95px
}

.info-card:hover .info-card__img-box {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.info-card:hover .info-card__img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.info-card:hover .info-card__title {
    color: #673086
}

.info-card__img {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f3f3f3;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.info-card__img::before {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    bottom: 5px;
    top: 5px;
    width: 1px
}

.info-card__img-box {
    background-color: #fff;
    display: block;
    position: relative;
    max-width: 100%;
    height: 160px;
    margin-bottom: 25px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.info-card__time-block {
    position: absolute;
    bottom: 0;
    width: 100%
}

.info-card__time-block span {
    letter-spacing: 1.2px
}

.info-card__title {
    line-height: 1.5;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 13px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    display: block
}

.info-card__desc {
    line-height: 24px
}

.design-card {
    margin-bottom: 50px
}

.design-card:hover .design-card__img-box {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.design-card:hover .design-card__img-box--purple::after {
    border-color: #673086
}

.design-card:hover .design-card__img-box--purple::before {
    background-color: rgba(103, 48, 134, .3)
}

.design-card:hover .design-card__img-box--green::after {
    border-color: #6ac1bc
}

.design-card:hover .design-card__img-box--green::before {
    background-color: rgba(106, 193, 188, .3)
}

.design-card:hover .design-card__title {
    color: #673086
}

.design-card__title {
    line-height: 1.5;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 13px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    display: block
}

.design-card__desc {
    line-height: 1.6
}

.design-card__img {
    background-color: #f3f3f3;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2
}

.design-card__img-box {
    position: relative;
    display: block;
    height: 160px;
    margin-bottom: 28px;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.design-card__img-box::before {
    content: '';
    z-index: 1;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
    pointer-events: none
}

.design-card__img-box::after {
    content: '';
    z-index: 1;
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 10px solid transparent;
    -webkit-transition: border-color .3s .1s;
    -o-transition: border-color .3s .1s;
    -moz-transition: border-color .3s .1s;
    transition: border-color .3s .1s
}

.cta-btn {
    width: 200px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 0;
    font-size: 16px;
    background-color: transparent;
    line-height: 3.3;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    border: .9px solid #000;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.cta-btn:hover {
    color: #fff;
    -webkit-animation: dc-jelly .5s;
    -moz-animation: dc-jelly .5s;
    -o-animation: dc-jelly .5s;
    animation: dc-jelly .5s
}

.cta-btn:hover::before {
    -webkit-transform: translate(50%, -50%) scale(4);
    -moz-transform: translate(50%, -50%) scale(4);
    -ms-transform: translate(50%, -50%) scale(4);
    -o-transform: translate(50%, -50%) scale(4);
    transform: translate(50%, -50%) scale(4)
}

.cta-btn::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 100%;
    right: 100%;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #6ac1bc;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(50%, -50%) scale(0);
    -moz-transform: translate(50%, -50%) scale(0);
    -ms-transform: translate(50%, -50%) scale(0);
    -o-transform: translate(50%, -50%) scale(0);
    transform: translate(50%, -50%) scale(0);
    -webkit-transition: -webkit-transform .45s ease-in-out;
    transition: -webkit-transform .45s ease-in-out;
    -o-transition: -o-transform .45s ease-in-out;
    -moz-transition: transform .45s ease-in-out, -moz-transform .45s ease-in-out;
    transition: transform .45s ease-in-out;
    transition: transform .45s ease-in-out, -webkit-transform .45s ease-in-out, -moz-transform .45s ease-in-out, -o-transform .45s ease-in-out
}

.dc-form__view-all,
.view-all {
    width: 89.44px;
    display: block;
    height: 89.44px;
    padding: 0;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    outline: 0
}

.dc-form__view-all:hover .view-all__text,
.view-all:hover .view-all__text {
    -webkit-transform: translate(10%, -70%);
    -moz-transform: translate(10%, -70%);
    -ms-transform: translate(10%, -70%);
    -o-transform: translate(10%, -70%);
    transform: translate(10%, -70%)
}

.dc-form__view-all:active,
.dc-form__view-all:focus,
.view-all:active,
.view-all:focus {
    -webkit-box-shadow: inset 0 0 9px 5px #fff;
    -moz-box-shadow: inset 0 0 9px 5px #fff;
    box-shadow: inset 0 0 9px 5px #fff
}

.dc-form__view-all span:nth-child(2),
.view-all span:nth-child(2) {
    visibility: hidden;
    opacity: 0
}

.dc-form__view-all svg,
.view-all svg {
    -webkit-animation: dc-view-all-down 1.5s ease-out infinite;
    -moz-animation: dc-view-all-down 1.5s ease-out infinite;
    -o-animation: dc-view-all-down 1.5s ease-out infinite;
    animation: dc-view-all-down 1.5s ease-out infinite
}

.view-all--hide-all span:nth-child(1) {
    visibility: hidden;
    opacity: 0
}

.view-all--hide-all span:nth-child(2) {
    visibility: visible;
    opacity: 1
}

.view-all--hide-all svg {
    -webkit-animation: dc-view-all-up 1.5s ease-out infinite;
    -moz-animation: dc-view-all-up 1.5s ease-out infinite;
    -o-animation: dc-view-all-up 1.5s ease-out infinite;
    animation: dc-view-all-up 1.5s ease-out infinite
}

.view-all__text {
    z-index: 2;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #000;
    display: block;
    width: 172px;
    position: absolute;
    top: 7px;
    left: -58px;
    -webkit-transition: visibility .3s, opacity .3s, -webkit-transform .3s .1s;
    transition: visibility .3s, opacity .3s, -webkit-transform .3s .1s;
    -o-transition: visibility .3s, opacity .3s, -o-transform .3s .1s;
    -moz-transition: transform .3s .1s, visibility .3s, opacity .3s, -moz-transform .3s .1s;
    transition: transform .3s .1s, visibility .3s, opacity .3s;
    transition: transform .3s .1s, visibility .3s, opacity .3s, -webkit-transform .3s .1s, -moz-transform .3s .1s, -o-transform .3s .1s
}

.view-all__arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 39px;
    height: 39px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    stroke-width: 3px
}

@-webkit-keyframes dc-view-all-down {
    0% {
        margin-top: 0;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 23px;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1.1)
    }
}

@-moz-keyframes dc-view-all-down {
    0% {
        margin-top: 0;
        opacity: 1;
        -moz-transform: translate(-50%, -50%) rotate(90deg) scale(1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 23px;
        opacity: 0;
        -moz-transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1.1)
    }
}

@-o-keyframes dc-view-all-down {
    0% {
        margin-top: 0;
        opacity: 1;
        -o-transform: translate(-50%, -50%) rotate(90deg) scale(1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 23px;
        opacity: 0;
        -o-transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1.1)
    }
}

@keyframes dc-view-all-down {
    0% {
        margin-top: 0;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1);
        -moz-transform: translate(-50%, -50%) rotate(90deg) scale(1);
        -o-transform: translate(-50%, -50%) rotate(90deg) scale(1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 23px;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
        -moz-transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
        -o-transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(90deg) scale(1.1)
    }
}

@-webkit-keyframes dc-view-all-up {
    0% {
        margin-top: 23px;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 0;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1.1)
    }
}

@-moz-keyframes dc-view-all-up {
    0% {
        margin-top: 23px;
        opacity: 1;
        -moz-transform: translate(-50%, -50%) rotate(-90deg) scale(1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 0;
        opacity: 0;
        -moz-transform: translate(-50%, -50%) rotate(-90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1.1)
    }
}

@-o-keyframes dc-view-all-up {
    0% {
        margin-top: 23px;
        opacity: 1;
        -o-transform: translate(-50%, -50%) rotate(-90deg) scale(1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 0;
        opacity: 0;
        -o-transform: translate(-50%, -50%) rotate(-90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1.1)
    }
}

@keyframes dc-view-all-up {
    0% {
        margin-top: 23px;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1);
        -moz-transform: translate(-50%, -50%) rotate(-90deg) scale(1);
        -o-transform: translate(-50%, -50%) rotate(-90deg) scale(1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-top: 0;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg) scale(1.1);
        -moz-transform: translate(-50%, -50%) rotate(-90deg) scale(1.1);
        -o-transform: translate(-50%, -50%) rotate(-90deg) scale(1.1);
        transform: translate(-50%, -50%) rotate(-90deg) scale(1.1)
    }
}

.view-all--green {
    background: -webkit-gradient(linear, left top, left bottom, from(#9ce7ff), to(#67b8ca));
    background: -webkit-linear-gradient(top, #9ce7ff 0, #67b8ca 100%);
    background: -moz-linear-gradient(top, #9ce7ff 0, #67b8ca 100%);
    background: -o-linear-gradient(top, #9ce7ff 0, #67b8ca 100%);
    background: linear-gradient(180deg, #9ce7ff 0, #67b8ca 100%)
}

.view-all--violet {
    background: -webkit-gradient(linear, left top, left bottom, from(#8397ff), to(#f2d7fc));
    background: -webkit-linear-gradient(top, #8397ff 0, #f2d7fc 100%);
    background: -moz-linear-gradient(top, #8397ff 0, #f2d7fc 100%);
    background: -o-linear-gradient(top, #8397ff 0, #f2d7fc 100%);
    background: linear-gradient(180deg, #8397ff 0, #f2d7fc 100%)
}

.view-all--violet>svg {
    -webkit-transform: translate(-50%, -50%) rotate(60deg);
    -moz-transform: translate(-50%, -50%) rotate(60deg);
    -ms-transform: translate(-50%, -50%) rotate(60deg);
    -o-transform: translate(-50%, -50%) rotate(60deg);
    transform: translate(-50%, -50%) rotate(60deg)
}

.view-all--yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.85%, #fff500), color-stop(99.99%, #ffca01), color-stop(100%, #ffd02c), to(#ffaa2c));
    background: -webkit-linear-gradient(top, #fff500 7.85%, #ffca01 99.99%, #ffd02c 100%, #ffaa2c 100%);
    background: -moz-linear-gradient(top, #fff500 7.85%, #ffca01 99.99%, #ffd02c 100%, #ffaa2c 100%);
    background: -o-linear-gradient(top, #fff500 7.85%, #ffca01 99.99%, #ffd02c 100%, #ffaa2c 100%);
    background: linear-gradient(180deg, #fff500 7.85%, #ffca01 99.99%, #ffd02c 100%, #ffaa2c 100%)
}

.view-all--pink {
    background: -webkit-gradient(linear, left top, left bottom, from(#c4d1ff), to(#ff82eb));
    background: -webkit-linear-gradient(top, #c4d1ff 0, #ff82eb 100%);
    background: -moz-linear-gradient(top, #c4d1ff 0, #ff82eb 100%);
    background: -o-linear-gradient(top, #c4d1ff 0, #ff82eb 100%);
    background: linear-gradient(180deg, #c4d1ff 0, #ff82eb 100%)
}

.view-all--red {
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2121), to(#ff9b53));
    background: -webkit-linear-gradient(top, #ff2121 0, #ff9b53 100%);
    background: -moz-linear-gradient(top, #ff2121 0, #ff9b53 100%);
    background: -o-linear-gradient(top, #ff2121 0, #ff9b53 100%);
    background: linear-gradient(180deg, #ff2121 0, #ff9b53 100%)
}

.view-all--form {
    background: -webkit-gradient(linear, left top, right top, from(#7e30fc), color-stop(96.43%, #ad21d5));
    background: -webkit-linear-gradient(left, #7e30fc 0, #ad21d5 96.43%);
    background: -moz-linear-gradient(left, #7e30fc 0, #ad21d5 96.43%);
    background: -o-linear-gradient(left, #7e30fc 0, #ad21d5 96.43%);
    background: linear-gradient(90deg, #7e30fc 0, #ad21d5 96.43%)
}

.event-btn {
    width: 43.45px;
    height: 43.45px;
    border: none;
    outline: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#853aff), to(#e073ff));
    background: -webkit-linear-gradient(top, #853aff 0, #e073ff 100%);
    background: -moz-linear-gradient(top, #853aff 0, #e073ff 100%);
    background: -o-linear-gradient(top, #853aff 0, #e073ff 100%);
    background: linear-gradient(180deg, #853aff 0, #e073ff 100%);
    position: relative;
    cursor: pointer;
    padding: 0;
    display: block;
    margin: 80px auto 0 100px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.event-btn:hover::before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    right: 30px
}

.event-btn:active,
.event-btn:focus {
    -webkit-box-shadow: inset 0 0 7px 3px #fff;
    -moz-box-shadow: inset 0 0 7px 3px #fff;
    box-shadow: inset 0 0 7px 3px #fff
}

.event-btn::before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    right: -5.5px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 16px solid #ffca10;
    -webkit-transition: right .6s ease-out, -webkit-transform .6s ease-out;
    transition: right .6s ease-out, -webkit-transform .6s ease-out;
    -o-transition: right .6s ease-out, -o-transform .6s ease-out;
    -moz-transition: transform .6s ease-out, right .6s ease-out, -moz-transform .6s ease-out;
    transition: transform .6s ease-out, right .6s ease-out;
    transition: transform .6s ease-out, right .6s ease-out, -webkit-transform .6s ease-out, -moz-transform .6s ease-out, -o-transform .6s ease-out
}

.event-btn span {
    display: block;
    width: 220px;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #000;
    position: absolute;
    right: -234px;
    top: 50%;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    -o-transform: translateY(-55%);
    transform: translateY(-55%)
}

.event-btn svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    z-index: 1;
    stroke-width: 1px;
    margin-left: 8px;
    -webkit-animation: dc-event-arrow 1.5s infinite;
    -moz-animation: dc-event-arrow 1.5s infinite;
    -o-animation: dc-event-arrow 1.5s infinite;
    animation: dc-event-arrow 1.5s infinite
}

@-webkit-keyframes dc-event-arrow {
    0% {
        margin-left: 8px;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-left: -6px;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
        transform: translate(-50%, -50%) rotate(180deg) scale(.8)
    }
}

@-moz-keyframes dc-event-arrow {
    0% {
        margin-left: 8px;
        opacity: 1;
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-left: -6px;
        opacity: 0;
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
        transform: translate(-50%, -50%) rotate(180deg) scale(.8)
    }
}

@-o-keyframes dc-event-arrow {
    0% {
        margin-left: 8px;
        opacity: 1;
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-left: -6px;
        opacity: 0;
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
        transform: translate(-50%, -50%) rotate(180deg) scale(.8)
    }
}

@keyframes dc-event-arrow {
    0% {
        margin-left: 8px;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    70% {
        opacity: .4
    }

    100% {
        margin-left: -6px;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(.8);
        transform: translate(-50%, -50%) rotate(180deg) scale(.8)
    }
}

.lecturer-card:hover .lecturer-card__img-box {
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px)
}

.lecturer-card:hover .lecturer-card__img-box::before {
    border-color: #673086
}

.lecturer-card:hover .lecturer-card__img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.lecturer-card:hover .lecturer-card__name {
    color: #673086
}

.lecturer-card__img-box {
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin-bottom: 25px;
    cursor: pointer;
    position: relative;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s, -o-transform .3s;
    -moz-transition: transform .3s, box-shadow .3s, -moz-transform .3s, -moz-box-shadow .3s;
    transition: transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s
}

.lecturer-card__img-box::before {
    content: '';
    z-index: 1;
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 10px solid transparent;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.lecturer-card__img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-filter .3s, -webkit-transform .3s;
    transition: -webkit-filter .3s, -webkit-transform .3s;
    -o-transition: filter .3s, -o-transform .3s;
    -moz-transition: filter .3s, transform .3s, -moz-transform .3s;
    transition: filter .3s, transform .3s;
    transition: filter .3s, transform .3s, -webkit-filter .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.lecturer-card__name {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.lecturer-card__position {
    margin-top: 10px;
    line-height: 1.5
}

.callback {
    position: fixed;
    width: 62px;
    height: 62px;
    top: 50%;
    right: 30px;
    background: -webkit-radial-gradient(50% 50%, 31.17px, #adf4f8 0, #5ed0ca 100%);
    background: -moz-radial-gradient(50% 50%, 31.17px, #adf4f8 0, #5ed0ca 100%);
    background: -o-radial-gradient(50% 50%, 31.17px, #adf4f8 0, #5ed0ca 100%);
    background: radial-gradient(31.17px at 50% 50%, #adf4f8 0, #5ed0ca 100%);
    opacity: .85;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 450;
    display: block;
    -webkit-animation: dc-shadow-pulse 2s infinite;
    -moz-animation: dc-shadow-pulse 2s infinite;
    -o-animation: dc-shadow-pulse 2s infinite;
    animation: dc-shadow-pulse 2s infinite
}

.callback:hover svg {
    -webkit-animation: dc-shake 1s;
    -moz-animation: dc-shake 1s;
    -o-animation: dc-shake 1s;
    animation: dc-shake 1s
}

@-webkit-keyframes dc-shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(106, 193, 188, .4);
        box-shadow: 0 0 0 0 rgba(106, 193, 188, .4)
    }

    100% {
        -webkit-box-shadow: 0 0 0 25px rgba(106, 193, 188, 0);
        box-shadow: 0 0 0 25px rgba(106, 193, 188, 0)
    }
}

@-moz-keyframes dc-shadow-pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(106, 193, 188, .4);
        box-shadow: 0 0 0 0 rgba(106, 193, 188, .4)
    }

    100% {
        -moz-box-shadow: 0 0 0 25px rgba(106, 193, 188, 0);
        box-shadow: 0 0 0 25px rgba(106, 193, 188, 0)
    }
}

@-o-keyframes dc-shadow-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(106, 193, 188, .4)
    }

    100% {
        box-shadow: 0 0 0 25px rgba(106, 193, 188, 0)
    }
}

@keyframes dc-shadow-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(106, 193, 188, .4);
        -moz-box-shadow: 0 0 0 0 rgba(106, 193, 188, .4);
        box-shadow: 0 0 0 0 rgba(106, 193, 188, .4)
    }

    100% {
        -webkit-box-shadow: 0 0 0 25px rgba(106, 193, 188, 0);
        -moz-box-shadow: 0 0 0 25px rgba(106, 193, 188, 0);
        box-shadow: 0 0 0 25px rgba(106, 193, 188, 0)
    }
}

@-webkit-keyframes dc-shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@-moz-keyframes dc-shake {

    10%,
    90% {
        -moz-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -moz-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -moz-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -moz-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

@-o-keyframes dc-shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes dc-shake {

    10%,
    90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        -moz-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(2px, 0, 0);
        -moz-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-4px, 0, 0);
        -moz-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(4px, 0, 0);
        -moz-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
}

.callback svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60%;
    height: 60%;
    margin-top: -30%;
    margin-left: -30%;
    fill: #fff
}

.aside-title {
    font-size: 18px;
    line-height: 1.44444;
    color: #878787;
    text-transform: uppercase
}

.form-submit {
    display: block;
    padding: 0;
    min-width: 46px;
    min-height: 46px;
    background: -webkit-gradient(linear, left top, left bottom, from(#58d1ca), to(#1badcd));
    background: -webkit-linear-gradient(top, #58d1ca 0, #1badcd 100%);
    background: -moz-linear-gradient(top, #58d1ca 0, #1badcd 100%);
    background: -o-linear-gradient(top, #58d1ca 0, #1badcd 100%);
    background: linear-gradient(180deg, #58d1ca 0, #1badcd 100%);
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    outline: 0
}

.form-submit:active svg,
.form-submit:focus svg {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
}

.form-submit::after,
.form-submit:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1px;
    background-color: #fff;
    height: 31px
}

.form-submit::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    -o-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.form-submit span {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    display: block;
    position: absolute;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.45833;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -118px
}

.form-submit svg {
    max-width: 46px;
    max-height: 46px;
    position: absolute;
    bottom: -12px;
    right: -17px;
    -webkit-transition: -webkit-transform .1s;
    transition: -webkit-transform .1s;
    -o-transition: -o-transform .1s;
    -moz-transition: transform .1s, -moz-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s, -moz-transform .1s, -o-transform .1s
}

.close-btn-box {
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer
}

.close-btn-box span {
    position: absolute;
    width: 24px;
    height: 1px;
    background-color: #fff;
    display: block;
    left: 0;
    top: 50%
}

.close-btn-box span:nth-child(1) {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.close-btn-box span:nth-child(2) {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

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

.lang__item {
    display: block;
    color: #000;
    font-weight: 600;
}

.lang__item:not(:first-child)::before {
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
    font-size: 20px
}

.lang a {
    font-size: 20px;
    position: relative
}

.lang a.current_language {
    color: #6ac1bc
}

.lang a.current_language::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #6ac1bc
}

.pullDown::before {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 0;
    content: '';
    background: #fff;
    opacity: .3;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.pullDown:hover:before {
    height: 100%
}

.menu-toggle {
    font-weight: 500;
    color: #59377b;
    position: relative;
    cursor: pointer;
    font-weight: 700
}

.menu-toggle:before {
    content: '';
    display: block;
    position: absolute;
    width: 263px;
    height: 28px;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-70%) rotate(-2deg) skew(-2deg);
    -moz-transform: translateY(-70%) rotate(-2deg) skew(-2deg);
    -ms-transform: translateY(-70%) rotate(-2deg) skew(-2deg);
    -o-transform: translateY(-70%) rotate(-2deg) skew(-2deg);
    transform: translateY(-70%) rotate(-2deg) skew(-2deg);
    background-color: #ffe03c;
    z-index: -1;
    cursor: pointer
}

.cscf-form-err-msg {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #f66;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: visibility .3s, opacity .3s, -webkit-transform .3s;
    transition: visibility .3s, opacity .3s, -webkit-transform .3s;
    -o-transition: visibility .3s, opacity .3s, -o-transform .3s;
    -moz-transition: visibility .3s, opacity .3s, transform .3s, -moz-transform .3s;
    transition: visibility .3s, opacity .3s, transform .3s;
    transition: visibility .3s, opacity .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.header {
    padding: 15px 0;
    overflow-x: hidden
}

.header-logo-mobile {
    display: none;
    max-width: 152px
}

.header-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-nav {
    margin-left: auto;
    margin-right: 5px
}

.header-nav__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none
}

.header-nav__item:not(:last-child) {
    margin-right: 5px
}

.header-nav__item.active .header-nav__link {
    color: #6ac1bc
}

.header-nav__item.active .header-nav__link:hover {
    color: #000
}

.header-nav__item--first {
    text-transform: uppercase;
    background-color: #FFE03C;
    border-radius: 8px;
    margin-right: 15px !important;
    transition: all .3s ease;
}

.header-nav__item--first:hover {
    filter: brightness(106%);
}

.header-nav__item--first::before {
    content: none;
}

.header-nav__item--first .header-nav__link::before {
    content: none;
}

.header-nav__link {
    display: block;
    margin: 0 11px;
    padding: 5px 0;
    font-size: 14px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s;
    position: relative;
    font-weight: 600;
}

.header-nav__link::before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.header-nav__link:hover {
    color: #000
}

.header-nav__item.current-menu-item .header-nav__link::before,
.header-nav__link:hover::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.header-menu-toggle {
    margin-top: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: -7px;
    text-transform: uppercase
}

.header-hamburger {
    margin-right: 20px
}

.header-sm-hamburger {
    display: none
}

.header-lang {
    text-transform: uppercase
}

.header-lang a {
    font-size: 14px
}

.header-lang .lang__item:not(:first-child)::before {
    font-size: 14px
}

.navigation-container {
    flex-direction: column;
    align-items: flex-start;
}

.navigation__logo {
    padding-left: 40px;
    margin-bottom: 15px;
}

.navigation__bottom {
    padding-left: 40px;
    margin-top: 30px;
}

.navigation__logo img {
    height: 35px;
    width: auto;
}

.navigation__bottom img {
    height: 28px;
    width: auto;
}

.navigation__official-title {
    font-size: 12px;
    color: #3C3C3C;
    margin-top: 10px;
}

.navigation-item__title {
    font-size: 18px;
    font-weight: 700;
    color: #3C3C3C;
    margin-bottom: 30px;
}

.navigation-items:first-of-type::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 40px;
    right: -60px;
    height: 1px;
    background-color: #EBEBEE;
}

.navigation-items:not(:nth-of-type(2))::before {
    content: none;
}

.navigation-items:nth-child(n+4) {
    padding-top: 50px;
}

.navigation-item__link {
    display: inline-flex;
    align-items: center;
}

.navigation-item__link .course-icon {
    width: 25px;
    height: auto;
    margin-right: 10px;
}

.main-slider {
    /* margin-top: 8px; */
    margin-bottom: 40px;
    /* background-color: #673086; */
    position: relative;
    z-index: 1
}

.main-slider-wrapper {
    position: relative;
    overflow: hidden;
}

.main-slider-arrows {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.main-slider-next,
.main-slider-prev {
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    outline: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    width: 60px;
    height: 80px;
    z-index: 2;
    opacity: .45;
    transition: opacity .3s;
}

.main-slider-next:hover,
.main-slider-prev:hover {
    opacity: 0.85;
}

.main-slider-next svg,
.main-slider-prev svg {
    fill: none;
    stroke: #fff;
    stroke-width: .9792;
    stroke-miterlimit: 10;
    stroke-linejoin: miter;
    width: 100%;
    height: 100%
}

.main-slider-prev {
    left: 5px
}

.main-slider-next {
    right: 5px
}

.main-slide {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 560px;
    position: relative
}

.main-slide__content {
    position: relative;
    height: 100%;
    width: 100%
}

.main-slide>.container {
    height: 100%
}

.main-slide__link {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 33%);
    bottom: 0;
    font-weight: 600;
    font-size: 24px;
    padding: 30px 110px;
    border-radius: 10px;
    color: #fff !important;
    background: #1BEDDD;
    background: -webkit-linear-gradient(180deg,rgba(27, 237, 221, 1) 0%, rgba(0, 189, 181, 1) 100%);
    background: -moz-linear-gradient(180deg,rgba(27, 237, 221, 1) 0%, rgba(0, 189, 181, 1) 100%);
    background: linear-gradient(180deg,rgba(27, 237, 221, 1) 0%, rgba(0, 189, 181, 1) 100%);
    transition: all .3s;
}

.main-slide__link:hover {
    filter: brightness(106%);
}

.category {
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.category__title {
    margin-bottom: 25px
}

.title-h2 {
    font-size: 48px;
}

.category-items__subtitle {
    font-size: 24px;
    font-weight: 600;
}

.category-items {
    margin-left: -10px;
    margin-right: -10px;
}

.category-items__box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}

.category-items__top {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.category-items__top .category-item__box {
    height: 410px;
}

.category-items__top .category-item__box:nth-child(odd) {
    background-color: #FFD8E8;
}

.category-items__top .category-item__box:nth-child(even) {
    background-color: #FFEB98;
}

.category-items__box-inner .category-item__box:nth-child(3n + 1) {
    background-color: #DEF2FF;
}

.category-items__box-inner .category-item__box:nth-child(3n + 2) {
    background-color: #D5F5E3;
}

.category-items__box-inner .category-item__box:nth-child(3n) {
    background-color: #D9F3BA;
}

.category-items__box-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    /* -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end */
}

.category-items__box-inner .category-item__title {
    font-size: 20px;
}

.category-items__box-inner .category-item__content {
    min-height: 100px;
}

.category-item {
    padding: 28px 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 59%;
    background-position: center bottom !important;
}

/* .category-item::before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    border: 10px solid transparent;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
} */

.category-item--purple:hover::before {
    border-color: #673086
}

.category-item--green:hover::before {
    border-color: #18968f
}

.category-item--blue:hover::before {
    border-color: #0696d7
}

.category-item--half {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px)
}

.category-item--half.category-item--full {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px)
}

.category-item--third {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px)
}

.category-item__box {
    position: relative;
    margin-bottom: 20px;
    display: block;
    cursor: pointer;
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
    height: 340px;
    background-color: #F4F4F4;
    transition: all .5s;
    will-change: transform;
}

.category-item__box:hover {
    transform: scale(1.01);
}

.category-items__box--right .category-item__box {
    background-color: #F4F4F4 !important;
}

.category-item__labels {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    pointer-events: none;
    justify-content: flex-end;
}

.category-item__labels .label {
    padding: 5px 10px;
    border-radius: 8px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
}

.category-item__labels .label.label--popular {
    background: linear-gradient(79.16deg, #FFAE00 -0.23%, #FFDD1A 99.77%);
}

.category-item__labels .label.label--new {
    background: linear-gradient(79.16deg, #26D368 -0.23%, #00F5A8 99.77%);
}

.category-item__labels .label.label--promo {
    background: linear-gradient(79.16deg, #FF2045 -0.23%, #FA4B4D 99.77%);
}

.category-item__content {
    pointer-events: none;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.front-page .category-item__content {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color: inherit;
}

.category-item__title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 30px
}

.category-item__title--purple {
    color: #59377b
}

.category-item__title--green {
    color: #18968f
}

.category-item__title--blue {
    color: #0696d7
}

.category-item__info {
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.category__btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.category__btn {
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 18px;
    background-color: #0F0F0F;
    border-radius: 8px;
    padding: 15px 30px;
    transition: all .3s;
    text-align: center;
}

.category__btn:hover {
    opacity: .8;
}

.title-h3 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
}

.title-h3 p {
    margin: 0;
}

.cta-section {
    padding: 80px 0;
    color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cta-section p {
    margin: 0;
}

.cta-section__title {
    margin-bottom: 10px;
}

.cta-section__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cta-section__btn {
    font-weight: 700;
    font-size: 18px;
    padding: 20px 50px;
    border-radius: 8px;
    color: #fff !important;
    background: #1BEDDD;
    background: -webkit-linear-gradient(180deg,rgba(27, 237, 221, 1) 0%, rgba(0, 189, 181, 1) 100%);
    background: -moz-linear-gradient(180deg,rgba(27, 237, 221, 1) 0%, rgba(0, 189, 181, 1) 100%);
    background: linear-gradient(180deg,rgba(27, 237, 221, 1) 0%, rgba(0, 189, 181, 1) 100%);
    transition: all .3s;
    margin-top: 40px;
}

.cta-section__btn:hover {
    filter: brightness(106%);
}

.official {
    padding: 40px 0;
}

.official__title {
    text-align: center;
}

.official__wrapper {
    color: #F6F6FF;
    background: linear-gradient(270deg, #2B2B2B 0%, #000000 100%);
    padding: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.official__text {
    width: 700px;
    max-width: 100%;
}

.official__icon {
    width: 220px;
    margin-bottom: 15px;
}

.official__description {
    line-height: 1.4;
}

.official__description p {
    margin: 0;
}

.official__img {
    width: 350px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
}

.official__img a {
    display: block;
}

.official__img img {
    transition: all .8s;
}

.official__wrapper:hover .official__img img {
    transform: scale(1.05);
}

.mc-news {
    padding: 80px 0;
}

.mc-news__items-wrapper {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    gap: 40px;
}

.mc-news__items-container {
    border: 1px solid #EBEBEE;
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

.mc-news__title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px
}

.mc-news-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.mc-news__items {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}

.mc-news__items--wide {
    width: -webkit-calc(66.66% - 20px);
    width: -moz-calc(66.66% - 20px);
    width: calc(66.66% - 20px)
}

.mc-news__items--narrow {
    width: -webkit-calc(33.33% - 20px);
    width: -moz-calc(33.33% - 20px);
    width: calc(33.33% - 20px)
}

.mc-news__items--wide .mc-news-item {
    width: 50%;
}

.mc-news__items-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mc-news__items--mobile {
    display: none
}

.mc-news-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.mc-news-item__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 162px;
    background-color: #F4F4F4;
    margin-bottom: 10px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.mc-news-item__header--purple {
    background-color: #9f22c6
}

.mc-news-item__header--green {
    background-color: #6ac1bc
}

.mc-news-item__header-time {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: none
}

.mc-news-item__title {
    font-weight: 700;
    font-size: 18px;
    text-transform: lowercase;
    color: #fff;
    width: 55%
}

.mc-news-item__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
}

.mc-news-item__desc,
.mc-news-item__subtitle,
.mc-news-item__time {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700
}

.mc-news-item__time {
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.mc-news-item__subtitle {
    font-size: 20px;
}

.mc-news-item__desc {
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
}

.mc-news__btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 18px;
    transition: all .3s;
    margin-top: 20px;
    margin-bottom: 10px;
    float: right;

    background: linear-gradient(360deg, #673185 0%, #C916F6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: #673185;
    color: transparent;
    display: inline-block;
}

.mc-news__btn::after {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.793%200.792786C7.98053%200.605315%208.23484%200.5%208.5%200.5C8.76516%200.5%209.01947%200.605315%209.207%200.792786L13.707%205.29279C13.8945%205.48031%2013.9998%205.73462%2013.9998%205.99979C13.9998%206.26495%2013.8945%206.51926%2013.707%206.70679L9.207%2011.2068C9.0184%2011.3889%208.7658%2011.4897%208.5036%2011.4875C8.2414%2011.4852%207.99059%2011.38%207.80518%2011.1946C7.61977%2011.0092%207.5146%2010.7584%207.51233%2010.4962C7.51005%2010.234%207.61084%209.98139%207.793%209.79279L10.5%206.99979H1C0.734784%206.99979%200.48043%206.89443%200.292893%206.70689C0.105357%206.51936%200%206.265%200%205.99979C0%205.73457%200.105357%205.48022%200.292893%205.29268C0.48043%205.10514%200.734784%204.99979%201%204.99979H10.5L7.793%202.20679C7.60553%202.01926%207.50021%201.76495%207.50021%201.49979C7.50021%201.23462%207.60553%200.980314%207.793%200.792786Z%22%20fill%3D%22url%28%23paint0_linear_268_285%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_268_285%22%20x1%3D%226.20186%22%20y1%3D%2211.4875%22%20x2%3D%226.20186%22%20y2%3D%220.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23673185%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23C916F6%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.mc-news__btn:hover {
    filter: brightness(1.2);
}

.mc-news__btn:hover::after {
    transform: translateX(3px);
}

.advantages {
    background-color: #6ac1bc;
    padding: 40px 0 48px 0
}

.advantages__new {
    background: none;
}

.advantages__title {
    color: #fff;
    margin-bottom: 64px
}

.advantages-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #EBEBEE;
    border-radius: 10px;
    padding: 30px 15px;
    justify-content: center;
    row-gap: 20px;
}

.advantages-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    font-weight: 600;
    font-size: 16px;
    word-wrap: break-word;
    line-height: 1.4;
    color: #000;
    text-align: center;
}

.advantages-item span {
    color: #00BDB5;
    font-weight: 700;
    font-size: 48px;
}

.advantages-item--unique {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.advantages-item__img {
    max-width: 260px
}

.about-block {
    padding: 54px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.about-block__title,
.students-work__title {
    margin: 0;
    margin-bottom: 20px;
}

.about-block-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
    line-height: 1.4;
    justify-content: space-between;
}

.about-block-box:last-child {
    margin-bottom: 0;
}

.about-block-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(50% - 40px);
    width: -moz-calc(50% - 40px);
    width: calc(50% - 40px)
}

.about-block-box--top .about-block-item {
    width: 100%;
}

.about-block-item ul {
    padding-left: 10px;
    list-style-position: inside;
    margin: 0;
}

.about-block-item ul li:not(:last-child) {
    margin-bottom: 16px;
}

.about-block-item--left ul {
    list-style-type: none;
    font-weight: bold;
    padding-left: 0;
}

.about-block-item--left ul li {
    padding: 17px 30px;
    background-color: #00BDB5;
    border-radius: 10px;
    margin-bottom: 10px;
}

.about-block-item--left ul li:last-child {
    margin-bottom: 0;
}

.about-block-item img {
    width: auto;
    max-width: 100%;
}

.testimonials {
    padding: 80px 0;
}

.testimonials__title {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 20px;
}

.testimonials-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 40px;
}

.testimonials-items {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

.testimonials-items--media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right
}

.testimonials__link {
    font-style: italic;
    font-size: 18px;
    text-decoration: underline;
    color: #fff;
    margin-left: auto;
    margin-right: 10px;
    margin-top: auto;
    letter-spacing: .8px
}

.testimonials__more-wrap {
    display: flex;
    justify-content: center;
}

.testimonials__more {
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 18px;
    background-color: #0F0F0F;
    border-radius: 8px;
    padding: 15px 30px;
    transition: all .3s;
    text-align: center;
    margin: 0 auto;
}

.testimonials__more:hover {
    opacity: .8;
}

.testimonials .testimonial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-basis: calc(33.333% - 16px);
    background-color: #F4F4F4;
    border-radius: 10px;
    padding: 20px 20px 16px;
    transition: all .3s;
    box-sizing: border-box;
}

.testimonials .testimonial:hover {
    background-color: #fbffff;
}

.testimonial__top {
    display: flex;
    margin-bottom: 10px;
}

.testimonial__img {
    margin-right: 10px;
}

.testimonials .testimonial__img img {
    width: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: lightgray;
}

.testimonials .testimonial__content {
    line-height: 1.4;
    margin-bottom: 30px;
}

.testimonials .testimonial__content a {
    text-decoration: underline;
    color: #6ac1bc;
}

.testimonials .testimonial__content a:hover {
    text-decoration: none;
}

.testimonials .testimonial__video {
    width: 100%;
    height: 296px
}

.testimonials .testimonial__video iframe {
    width: 100%;
    height: 100%;
    border: none
}

.testimonials .testimonial__user-name {
    line-height: 1.4;
    font-weight: bold;
}

.testimonial__description {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
}

.testimonial__bottom {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.testimonial__date {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
}

.students-work__slider {
    overflow: hidden;
    margin-bottom: 40px;
}

.students-work__slider .slick-list {
    margin-left: -50px;
    margin-right: -50px;
}

.students-work__slide {
    overflow: hidden;
    position: relative;
    padding: 0 10px;
    border-radius: 10px;
}

.students-work__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.students-work__info {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -100%;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    flex-direction: column;
    padding: 15px 20px;
    border-radius: 10px;
    transition: all 0.5s ease;
    font-size: 14px;
    line-height: 1.4;
}

.students-work__name {
    font-weight: 600;
}

.students-work__slide:hover .students-work__info {
    bottom: 0;
}

.schedule-box {
    margin-top: 25px
}

.schedule-logo {
    max-width: 275px;
    margin: 60px 0 40px 30px
}

.schedule .st-head {
    width: 100%;
    color: #fff;
    margin-bottom: 15px;
    background-color: #c4c4c4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0
}

.schedule .st-head-col__item {
    text-align: center
}

.schedule .st-head-col__name {
    width: 465px
}

.schedule .st-head-col__name span {
    margin-left: 30px
}

.schedule .st-head-col__date {
    width: 170px
}

.schedule .st-head-col__time {
    width: 158px
}

.schedule .st-head-col__duration {
    width: 190px
}

.schedule .st-head-col__cost {
    text-align: center;
    width: 116px
}

.schedule .st-head-col__last {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.schedule .st-head-col__last span {
    width: 170px;
    display: block;
    margin: 0 auto
}

.schedule .st-course-list {
    margin-bottom: 15px
}

.schedule .st-course-head {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    border-bottom: 1px solid #e1dae6;
    padding-bottom: 8px
}

.schedule .st-course-head-mobile {
    display: none;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    padding-left: 15px;
    margin-left: 10px;
    position: relative
}

.schedule .st-course-head-mobile svg {
    display: none;
    fill: none;
    stroke-width: 4px
}

.schedule .st-course-head-mobile--active svg {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.schedule .st-course-head--green {
    color: #6ac1bc
}

.schedule .st-course-head--green svg {
    stroke: #6ac1bc
}

.schedule .st-course-head--blue {
    color: #0696d7
}

.schedule .st-course-head--blue svg {
    stroke: #0696d7
}

.schedule .st-course-head--purple {
    color: #59377b
}

.schedule .st-course-head--purple svg {
    stroke: #59377b
}

.schedule .st-course-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
    position: relative;
    z-index: 1
}

.schedule .st-course-row:not(:last-child) {
    border-bottom: 1px solid #e1dae6
}

.schedule .st-course-row::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    border: 8px solid transparent
}

.schedule .st-course-row--green:hover::before {
    border-color: #6ac1bc
}

.schedule .st-course-row--blue:hover::before {
    border-color: #0696d7
}

.schedule .st-course-row--purple:hover::before {
    border-color: #59377b
}

.schedule .st-course-row__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.schedule .st-course-row__name {
    width: 465px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.schedule .st-course-row__name a {
    margin-left: 30px;
    position: relative
}

.schedule .st-course-row__name a:hover::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.schedule .st-course-row__name a::before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.schedule .st-course-row__cost,
.schedule .st-course-row__date,
.schedule .st-course-row__duration,
.schedule .st-course-row__time {
    font-size: 14px;
    line-height: 17px;
    color: #000
}

.schedule .st-course-row__date {
    width: 170px
}

.schedule .st-course-row__time {
    width: 158px
}

.schedule .st-course-row__duration {
    width: 190px
}

.schedule .st-course-row__cost {
    width: 116px
}

.schedule .st-course-row__btn-box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.schedule .st-course-row__btn {
    width: 170px;
    height: 42px;
    border: 1px solid #000;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
    position: relative;
    -webkit-transition: color .3s, border-color .3s;
    -o-transition: color .3s, border-color .3s;
    -moz-transition: color .3s, border-color .3s;
    transition: color .3s, border-color .3s
}

.schedule .st-course-row__btn:hover {
    color: #fff;
    border-color: transparent
}

.schedule .st-course-row__btn:hover::before {
    -webkit-transform: translate(158%, -210%) scale(4);
    -moz-transform: translate(158%, -210%) scale(4);
    -ms-transform: translate(158%, -210%) scale(4);
    -o-transform: translate(158%, -210%) scale(4);
    transform: translate(158%, -210%) scale(4)
}

.schedule .st-course-row__btn::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 100%;
    right: 100%;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(158%, -210%) scale(0);
    -moz-transform: translate(158%, -210%) scale(0);
    -ms-transform: translate(158%, -210%) scale(0);
    -o-transform: translate(158%, -210%) scale(0);
    transform: translate(158%, -210%) scale(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out, -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -o-transform .2s ease-in-out
}

.schedule .st-course-row__btn--green::before {
    background-color: #6ac1bc
}

.schedule .st-course-row__btn--blue::before {
    background-color: #0696d7
}

.schedule .st-course-row__btn--purple::before {
    background-color: #59377b
}

.upcoming {
    margin-bottom: 15px
}

.upcoming-box {
    margin-top: 36px
}

.upcoming-title {
    margin-bottom: 18px;
    position: relative;
    z-index: 1
}

.upcoming-title::after,
.upcoming-title::before {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

.upcoming-title::before {
    background-color: #ffe03c;
    z-index: -1;
    width: 140px;
    height: 28px;
    -webkit-transform: rotate(-1.58deg);
    -moz-transform: rotate(-1.58deg);
    -ms-transform: rotate(-1.58deg);
    -o-transform: rotate(-1.58deg);
    transform: rotate(-1.58deg);
    top: -4px;
    left: -24px
}

.upcoming-title::after {
    background-color: #ffb800;
    z-index: -2;
    height: 26px;
    width: 66px;
    -webkit-transform: rotate(3.02deg);
    -moz-transform: rotate(3.02deg);
    -ms-transform: rotate(3.02deg);
    -o-transform: rotate(3.02deg);
    transform: rotate(3.02deg);
    left: -20px;
    top: 1.5px
}

.upcoming-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.upcoming-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-bottom: 70px
}

.upcoming-item:hover .upcoming-item__info-title {
    color: #673086
}

.upcoming-item:hover .upcoming-item__img::before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(159, 34, 198, .6)
}

.upcoming-item:hover .upcoming-item__img::after {
    border-color: #673086
}

.upcoming-item__img {
    margin-bottom: 31px;
    display: block;
    position: relative;
    max-width: 640px;
    height: 310px;
    position: relative
}

.upcoming-item__img::before {
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

.upcoming-item__img::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 10px solid transparent;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    -moz-transition: border-color .3s;
    transition: border-color .3s
}

.upcoming-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    color: #000
}

.upcoming-item__btn-box,
.upcoming-item__info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.upcoming-item__btn-box {
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px)
}

.upcoming-item__btn {
    display: block;
    text-align: center;
    width: 100%
}

.upcoming-item__info {
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px)
}

.upcoming-item__info-title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    display: block;
    font-size: 30px;
    margin-bottom: 16px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.upcoming-item__info-desc {
    line-height: 24px
}

.upcoming-time-block {
    position: absolute;
    display: inline-block;
    line-height: normal;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 72px;
    text-transform: uppercase;
    text-align: initial;
    color: #fff;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.planned-box {
    margin-bottom: 65px
}

.planned-title {
    margin-bottom: 20px;
    position: relative
}

.planned-title::before {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: -33px;
    width: 120px;
    height: 27px;
    background-color: #ffe500;
    -webkit-transform: rotate(-1.05deg);
    -moz-transform: rotate(-1.05deg);
    -ms-transform: rotate(-1.05deg);
    -o-transform: rotate(-1.05deg);
    transform: rotate(-1.05deg);
    z-index: -1
}

.planned-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    padding-bottom: 62px
}

.planned-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.planned-item__img-box {
    height: 150px
}

.planned-view-all {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.planned-view-all__text {
    width: 180px
}

.mc-info {
    margin-bottom: 100px
}

.mc-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.mc-info-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    margin-left: -webkit-calc(25% + 10px);
    margin-left: -moz-calc(25% + 10px);
    margin-left: calc(25% + 10px)
}

.mc-info-item blockquote {
    font-style: italic;
    font-size: 18px;
    line-height: 1.8;
    margin: 0 0 10px 0;
    letter-spacing: .25px
}

.mc-info-item h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    display: block
}

.mc-info-item b {
    font-weight: 600
}

.mc-info-item p {
    line-height: 1.5
}

.an-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.an-header__message {
    display: block;
    margin-left: 57px;
    font-size: 21px;
    -webkit-animation: dc-fadeIn 1s forwards;
    -moz-animation: dc-fadeIn 1s forwards;
    -o-animation: dc-fadeIn 1s forwards;
    animation: dc-fadeIn 1s forwards
}

.an-header__message--hide {
    -webkit-animation: dc-fadeOut 1s forwards;
    -moz-animation: dc-fadeOut 1s forwards;
    -o-animation: dc-fadeOut 1s forwards;
    animation: dc-fadeOut 1s forwards
}

@-webkit-keyframes dc-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes dc-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes dc-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dc-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dc-fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.an-header__form {
    margin-left: 57px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.an-header__form--hide {
    -webkit-animation: dc-zoomOutDown 1s forwards;
    -moz-animation: dc-zoomOutDown 1s forwards;
    -o-animation: dc-zoomOutDown 1s forwards;
    animation: dc-zoomOutDown 1s forwards
}

.an-header__form-group {
    position: relative
}

.an-header__form-group span {
    position: absolute;
    bottom: -1.5px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #673086;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease
}

.an-header__form-input {
    border: none;
    border-bottom: 1px solid #000;
    padding: 10px 0 10px 10px;
    width: 302px;
    -webkit-transition: border-color 1s;
    -o-transition: border-color 1s;
    -moz-transition: border-color 1s;
    transition: border-color 1s
}

.an-header__form-input::-webkit-input-placeholder {
    line-height: 1.2;
    color: #878787;
    text-align: center
}

.an-header__form-input:-moz-placeholder {
    line-height: 1.2;
    color: #878787;
    text-align: center
}

.an-header__form-input::-moz-placeholder {
    line-height: 1.2;
    color: #878787;
    text-align: center
}

.an-header__form-input:-ms-input-placeholder {
    line-height: 1.2;
    color: #878787;
    text-align: center
}

.an-header__form-input::-ms-input-placeholder {
    line-height: 1.2;
    color: #878787;
    text-align: center
}

.an-header__form-input::placeholder {
    line-height: 1.2;
    color: #878787;
    text-align: center
}

.an-header__form-input:focus {
    outline: 0;
    border-color: transparent
}

.an-header__form-input:focus~span {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.an-header__form-btn {
    margin-left: 19px;
    font-size: 20px;
    line-height: 2.8
}

.an-header__form-close {
    width: 33px;
    height: 33px;
    position: relative;
    margin-left: 20px;
    cursor: pointer
}

.an-header__form-close:hover span {
    border-color: #59377b;
    background-color: #59377b
}

.an-header__form-close--hide {
    -webkit-animation: dc-rotateOut 1.3s .3s forwards;
    -moz-animation: dc-rotateOut 1.3s .3s forwards;
    -o-animation: dc-rotateOut 1.3s .3s forwards;
    animation: dc-rotateOut 1.3s .3s forwards
}

.an-header__form-close span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #000;
    background-color: #000;
    width: 33px;
    -webkit-transition: border-color .3s, background-color .3s, -webkit-transform .3s;
    transition: border-color .3s, background-color .3s, -webkit-transform .3s;
    -o-transition: border-color .3s, background-color .3s, -o-transform .3s;
    -moz-transition: border-color .3s, background-color .3s, transform .3s, -moz-transform .3s;
    transition: border-color .3s, background-color .3s, transform .3s;
    transition: border-color .3s, background-color .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.an-header__form-close span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.an-header__form-close span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

@-webkit-keyframes dc-rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-moz-keyframes dc-rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-o-keyframes dc-rotateOut {
    from {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes dc-rotateOut {
    from {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -moz-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@-webkit-keyframes dc-zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-moz-keyframes dc-zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@-o-keyframes dc-zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes dc-zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -moz-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -moz-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        -o-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -moz-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -moz-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        -o-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.an-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 35px
}

.an-items--news {
    position: relative;
    padding-bottom: 120px;
    margin-bottom: 85px
}

.an-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.an-item__time-block {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 44px
}

.an-item__time-block span {
    letter-spacing: 1.2px
}

.an-item__time-block--news {
    position: absolute;
    left: 0;
    bottom: 0
}

.an__view-all {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.teachers {
    padding-bottom: 80px
}

.teachers-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    margin-top: 42px;
    padding-bottom: 80px
}

.teachers-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-bottom: 90px
}

.teachers-item__position {
    max-width: 200px
}

.teachers-item:hover .lecturer-card__img-box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.teachers__view-all {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.teachers-info__text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(58.33333% - 20px);
    width: -moz-calc(58.33333% - 20px);
    width: calc(58.33333% - 20px);
    margin-left: -webkit-calc(41.66667% + 10px);
    margin-left: -moz-calc(41.66667% + 10px);
    margin-left: calc(41.66667% + 10px);
    line-height: 1.6
}

.teachers-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px
}

.teacher-box {
    margin-top: 40px
}

.teacher-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.teacher-card,
.teacher-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.teacher-card {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.teacher-card img {
    max-width: 310px;
    margin-bottom: 20px
}

.teacher-card p {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 28px;
    line-height: 44px;
    color: #5e337b
}

.teacher-info {
    width: -webkit-calc(41.66667% - 20px);
    width: -moz-calc(41.66667% - 20px);
    width: calc(41.66667% - 20px);
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px);
    line-height: 1.6
}

.teacher-info p {
    margin: 0 0 15px 0
}

.teacher-info a:not(.teacher-info-subject) {
    color: #878787;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.teacher-info a:not(.teacher-info-subject):hover {
    color: #59377b;
    text-decoration: underline
}

.teacher-info-works {
    margin-bottom: 14px
}

.teacher-info-works__link {
    display: inline-block;
    line-height: 1.6875;
    color: #6ac1bc
}

.teacher-info-teach {
    color: #878787
}

.teacher-info-subjects {
    margin: 0;
    padding: 0;
    list-style: none
}

.teacher-info-subject {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    text-decoration: none;
    position: relative
}

.teacher-info-subject:hover::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.teacher-info-subject::before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.teacher-info-share {
    margin-top: 35px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 19px;
    color: #878787
}

.teacher-socials__link:not(:last-child) {
    margin-right: 20px
}

.our-team {
    margin-top: 80px;
    display: none
}

.our-team-title {
    margin-bottom: 60px
}

.our-team-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    padding-bottom: 155px;
    margin-bottom: 90px
}

.our-team-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-bottom: 40px
}

.our-team-item:hover .lecturer-card__img-box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.our-team__view-all {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vacancies-box {
    margin-top: 63px
}

.vacancies-box-bottom {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.vacancies-section-title {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid #878787;
    padding-bottom: 12px;
    margin-bottom: 5px;
    position: relative
}

.vacancies-section-title::before {
    content: '';
    display: block;
    position: absolute;
    left: -65px;
    top: -5px;
    width: 92px;
    height: 28px;
    background-color: #ffe600;
    z-index: -1;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}

.vacancies-aside,
.vacancies-items {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.vacancies-aside {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.vacancies-aside__title {
    margin-bottom: 26px;
    position: relative
}

.vacancies-aside__title::before {
    content: '';
    display: block;
    position: absolute;
    left: -23px;
    top: -1px;
    width: 266px;
    height: 28px;
    background-color: #ffe600;
    z-index: -1;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.vacancies-aside__slogan {
    line-height: 1.4375;
    max-width: 180px
}

.vacancies-items {
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px)
}

.vacancies-items-top {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    margin-bottom: 20px;
    display: none
}

.vacancies-items__title {
    position: relative;
    margin-bottom: 5px;
    border-bottom: 1px solid #878787;
    padding-bottom: 8px
}

.vacancies-items__title::before {
    content: '';
    display: block;
    position: absolute;
    left: -71px;
    top: -5px;
    width: 266px;
    height: 28px;
    background-color: #ffe600;
    z-index: -1;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.vacancies__desc {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    line-height: 23px;
    color: #878787
}

.vacancies-items--bottom {
    position: relative;
    padding-bottom: 135px;
    margin-bottom: 55px
}

.vacancies-form-box {
    padding: 25px 27px 15px 27px
}

.vacancies-form {
    background-color: #5e337b;
    max-width: 274px;
    margin-top: 28px;
    margin-bottom: 40px
}

.vacancies-form__label {
    font-size: 14px;
    line-height: 17px;
    color: #b993d2;
    display: block;
    margin-bottom: 30px;
    margin-top: 3px
}

.vacancies-form__title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.45833;
    text-align: center;
    color: #fff;
    margin-bottom: 25px
}

.vacancies-form__input {
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    -webkit-transition: border-bottom-color .3s, -webkit-box-shadow .3s;
    transition: border-bottom-color .3s, -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s, border-bottom-color .3s;
    -moz-transition: box-shadow .3s, border-bottom-color .3s, -moz-box-shadow .3s;
    transition: box-shadow .3s, border-bottom-color .3s;
    transition: box-shadow .3s, border-bottom-color .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s;
    color: #fff;
    width: 100%;
    outline: 0;
    padding-bottom: 3px
}

.vacancies-form__input:active,
.vacancies-form__input:focus {
    -webkit-box-shadow: 0 2.5px 0 0 #fff;
    -moz-box-shadow: 0 2.5px 0 0 #fff;
    box-shadow: 0 2.5px 0 0 #fff;
    border-color: transparent
}

.vacancies-form-submit {
    margin-left: 150px;
    margin-bottom: 33px
}

.vacancies-form__warning {
    margin-top: 63px;
    font-size: 13px;
    line-height: 1.46154;
    color: #bdbdbd
}

.vacancies-fb {
    padding: 30px 0 25px 0;
    display: none;
    width: 100%
}

.vacancies-fb__title {
    text-align: left;
    margin-bottom: 27px
}

.vacancies-fb__label {
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: left
}

.vacancies-fb__submit {
    margin-left: 140px
}

.vacancies-fb__warning {
    margin-top: 43px;
    max-width: 418px
}

.vacancies-fb-fields {
    -webkit-flex-basis: 418px;
    -ms-flex-preferred-size: 418px;
    flex-basis: 418px
}

.vacancies-fb-box {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vacancies-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    margin-bottom: 40px
}

.vacancies-item__img-box {
    height: 155px
}

.vacancies-item__img {
    height: 155px;
    display: block;
    margin-bottom: 13px
}

.vacancies-item__title {
    font-size: 22px;
    font-weight: 700;
    color: #5e337b;
    margin-bottom: 15px;
    display: block
}

.vacancies-item__desc {
    line-height: 1.5
}

.vacancies-divider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    width: 100%;
    border-bottom: .2px solid #878787;
    display: block;
    background-color: #878787
}

.vacancies__view-all {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.vacancy-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 63px
}

.vacancy-sec__title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    position: relative;
    margin-bottom: 45px
}

.vacancy-sec__title::before {
    content: '';
    display: block;
    position: absolute;
    left: -23px;
    top: -1px;
    width: 266px;
    height: 28px;
    background-color: #ffe600;
    z-index: -1;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.vacancy-aside {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.vacancy-aside__share {
    font-size: 16px;
    line-height: 1.1875;
    color: #878787;
    margin-bottom: 15px
}

.vacancy-aside__link:not(:last-child) {
    margin-right: 20px
}

.vacancy-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px)
}

.vacancy-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 55px
}

.vacancy-card,
.vacancy-desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.vacancy-card {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-left: 0
}

.vacancy-card__img {
    margin-bottom: 15px
}

.vacancy-card__info {
    line-height: 1.6875;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.vacancy-card__field {
    color: #878787
}

.vacancy-card__socials {
    display: none
}

.vacancy-desc {
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
    line-height: 1.8
}

.vacancy-desc p {
    margin: 0 0 10px 0;
    line-height: 1.7
}

.vacancy-desc__text {
    line-height: 1.4
}

.vacancy-desc ul {
    padding: 0;
    margin-bottom: 5px;
    margin-top: 0;
    margin-left: 19px
}

.vacancy-desc ul li {
    font-weight: 400;
    line-height: 1.8
}

.vacancy-desc__bold {
    font-weight: 700;
    line-height: 1.8
}

.vacancy-desc__link {
    color: #59377b
}

.vacancy-desc__link:hover {
    text-decoration: underline
}

.vacancy-desc__phone {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    position: relative
}

.vacancy-desc__phone:hover {
    color: #59377b
}

.vacancy-desc__phone::before {
    content: '';
    bottom: 0;
    left: 3px;
    position: absolute;
    width: 90%;
    height: 2px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.vacancy-desc__phone:hover {
    color: #000
}

.vacancy-desc__phone:hover::before {
    -webkit-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

.vacancy-divider {
    width: 100%;
    border: 1px solid #878787;
    margin-bottom: 75px
}

.vacancy-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    position: relative
}

.vacancy-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    margin-bottom: 52px
}

.vacancy-item__title {
    font-size: 22px;
    font-weight: 700;
    color: #5e337b;
    margin-bottom: 16px
}

.vacancy-item__desc {
    line-height: 1.6
}

.vacancy-bottom {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
    margin-left: -webkit-calc(25% + 10px);
    margin-left: -moz-calc(25% + 10px);
    margin-left: calc(25% + 10px)
}

.vacancy-bottom__socials {
    margin-bottom: 50px;
    display: none
}

.vacancy-all {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: 70px;
    height: 70px;
    margin: 20px auto 70px auto;
    display: block;
    padding: 0;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s, -moz-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s;
    outline: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#58d1ca), to(#1badcd));
    background: -webkit-linear-gradient(top, #58d1ca 0, #1badcd 100%);
    background: -moz-linear-gradient(top, #58d1ca 0, #1badcd 100%);
    background: -o-linear-gradient(top, #58d1ca 0, #1badcd 100%);
    background: linear-gradient(180deg, #58d1ca 0, #1badcd 100%)
}

.vacancy-all:hover {
    -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, .3)
}

.vacancy-all:hover .vacancy-all__text {
    -webkit-transform: translate(-59%, 53%);
    -moz-transform: translate(-59%, 53%);
    -ms-transform: translate(-59%, 53%);
    -o-transform: translate(-59%, 53%);
    transform: translate(-59%, 53%)
}

.vacancy-all:active,
.vacancy-all:focus {
    -webkit-box-shadow: inset 0 0 9px 5px #fff;
    -moz-box-shadow: inset 0 0 9px 5px #fff;
    box-shadow: inset 0 0 9px 5px #fff
}

.vacancy-all__text {
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    width: 155px;
    position: absolute;
    right: -138px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.vacancy-all__arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 39px;
    height: 39px;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    z-index: 1;
    stroke-width: 2px;
    -webkit-animation: dc-vacansy-btn 1.5s ease-out infinite;
    -moz-animation: dc-vacansy-btn 1.5s ease-out infinite;
    -o-animation: dc-vacansy-btn 1.5s ease-out infinite;
    animation: dc-vacansy-btn 1.5s ease-out infinite
}

@-webkit-keyframes dc-vacansy-btn {
    0% {
        margin-left: 0;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    100% {
        margin-left: -15px;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(.9);
        transform: translate(-50%, -50%) rotate(180deg) scale(.9)
    }
}

@-moz-keyframes dc-vacansy-btn {
    0% {
        margin-left: 0;
        opacity: 1;
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    100% {
        margin-left: -15px;
        opacity: 0;
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(.9);
        transform: translate(-50%, -50%) rotate(180deg) scale(.9)
    }
}

@-o-keyframes dc-vacansy-btn {
    0% {
        margin-left: 0;
        opacity: 1;
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    100% {
        margin-left: -15px;
        opacity: 0;
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(.9);
        transform: translate(-50%, -50%) rotate(180deg) scale(.9)
    }
}

@keyframes dc-vacansy-btn {
    0% {
        margin-left: 0;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(1);
        transform: translate(-50%, -50%) rotate(180deg) scale(1)
    }

    100% {
        margin-left: -15px;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(180deg) scale(.9);
        -moz-transform: translate(-50%, -50%) rotate(180deg) scale(.9);
        -o-transform: translate(-50%, -50%) rotate(180deg) scale(.9);
        transform: translate(-50%, -50%) rotate(180deg) scale(.9)
    }
}

.testimonials-page-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 80px;
    position: relative
}

.testimonials-page-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-bottom: 95px
}

.testimonials-page-item:hover .testimonials-page-item__img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.testimonials-page-item:hover .testimonials-page-item__name {
    color: #59377b
}

.testimonials-page-item__img {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 20px;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    -o-transition: filter .3s;
    -moz-transition: filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    text-decoration: none
}

.testimonials-page-item__name {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    text-decoration: none
}

.testimonials-page-item__status {
    font-size: 16px;
    color: #878787;
    line-height: 1.4;
    margin-bottom: 27px
}

.testimonials-page-item__desc {
    line-height: 1.6
}

.testimonials-page__vid-btn,
.testimonials-page__view-all {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.testimonials-page__vid-btn-text {
    top: -7px;
    width: 188px;
    left: -69px
}

.testimonials-page__vid-btn.btn-dark {
    background-color: #0F0F0F;
    border-radius: 8px;
    padding: 15px 30px;
    transition: all .3s;
    text-align: center;
    width: auto;
    height: auto;
    box-shadow: none;
}

.testimonials-page__vid-btn.btn-dark .view-all__text {
    width: auto;
    position: static;
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 18px;
    transform: none;
    line-height: 1.15;
}

.testimonials-page__vid-btn.btn-dark:hover {
    opacity: .8;
}

.testimonials-page__vid-btn.btn-dark .testimonials-page__vid-btn-text {
    position: static;
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 18px;
    transform: none;
}

.testimonials-page__vid-btn.btn-dark span:nth-child(2),
.testimonials-page__vid-btn.btn-dark.view-all--hide-all span:nth-child(1)
{
    display: none;
}

.testimonials-page__vid-btn.btn-dark.view-all--hide-all span:nth-child(2) {
    display: inline-block;
}

.testimonials-page-videos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    padding-bottom: 110px;
    margin-bottom: 80px
}

.testimonials-page-video {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    height: 175px;
    margin-bottom: 30px
}

.testimonials-page-video iframe {
    width: 100%;
    height: 100%;
    border: none
}

.bp-hero {
    height: 310px;
    margin-top: 27px;
    margin-bottom: 72px
}

.bp-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 105px
}

.bp-aside,
.bp-main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.bp-aside {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.bp-main {
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px)
}

.bp-content li,
.bp-content p {
    font-size: 18px;
    line-height: 1.66667
}

.bp-content a {
    color: #878787;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.bp-content a:hover {
    color: #59377b;
    text-decoration: underline
}

.bp-content img {
    max-width: 545px;
    margin: 0 auto 30px auto
}

.bp .similar-articles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.bp .similar-articles__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.bp .similar-articles__item-title {
    font-size: 23px
}

.bp .similar-articles-title {
    margin-bottom: 29px
}

.bp-aside-date {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44444;
    color: #6ac1bc;
    margin-bottom: 26px
}

.bp-aside__list {
    margin: 12px 0 35px 0;
    padding: 0;
    list-style: none
}

.bp-aside__link {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.66667;
    padding: 5px 0;
    -webkit-transition: color .1s;
    -o-transition: color .1s;
    -moz-transition: color .1s;
    transition: color .1s;
    position: relative
}

.bp-aside__link::before {
    content: '';
    bottom: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #59377b;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.bp-aside__link:hover {
    color: #000
}

.bp-aside__link:hover::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.bp-aside__link.current-menu-item {
    color: #59377b
}

.bp-aside__share {
    font-size: 16px;
    line-height: 1.1875;
    color: #878787;
    margin-bottom: 5px
}

.bp-aside__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.bp-aside-bottom__title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    display: none
}

.bp-aside-tags {
    margin-top: 15px;
    margin-bottom: 50px;
    margin-left: -30px;
    display: none;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bp-aside__tag {
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    color: #000;
    margin: 0 33px;
    line-height: 3.3;
    position: relative
}

.bp-aside__tag:hover::before {
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.bp-aside__tag:hover::after {
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.bp-aside__tag::after,
.bp-aside__tag::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: -webkit-linear-gradient(272.32deg, #5e337b 1.04%, #d015ff 74.13%);
    background: -moz-linear-gradient(272.32deg, #5e337b 1.04%, #d015ff 74.13%);
    background: -o-linear-gradient(272.32deg, #5e337b 1.04%, #d015ff 74.13%);
    background: linear-gradient(177.68deg, #5e337b 1.04%, #d015ff 74.13%);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -moz-transition: transform .5s ease, -moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease, -o-transform .5s ease
}

.bp-aside__tag::before {
    top: 15px;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right
}

.bp-aside__tag::after {
    bottom: 15px;
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left
}

.bp-info {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
    margin-top: 50px
}

.bp-info__share {
    margin-bottom: 15px
}

.bp-socials__icon {
    max-width: 45px;
    max-height: 45px
}

.posts-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 28px;
    margin-bottom: 40px
}

.posts-aside,
.posts-main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.posts-aside {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px)
}

.posts-main {
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px)
}

.posts-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    position: relative;
    padding-bottom: 110px
}

.posts-content__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 35px
}

.posts-content__hashtag-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.posts-content__hashtag {
    line-height: 1.6875;
    color: #6ac1bc;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    position: relative;
    display: inline-block;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.posts-content__hashtag:hover {
    color: #49afa9
}

.posts-content__hashtag:hover::before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.posts-content__hashtag:not(:last-child) {
    margin-right: 15px
}

.posts-content__hashtag::before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.posts-aside-bottom {
    display: none
}

.posts__socials-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    display: none
}

.posts__share {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 15px
}

.posts__socials {
    margin-bottom: 50px
}

.posts__view-all {
    position: absolute;
    bottom: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.contacts-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin: 45px 0
}

.contacts-left,
.contacts-right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.contacts-left {
    width: -webkit-calc(41.66667% - 20px);
    width: -moz-calc(41.66667% - 20px);
    width: calc(41.66667% - 20px)
}

.contacts-left__title {
    border-bottom: 1px solid #878787;
    padding-bottom: 10px;
    margin-bottom: 37px;
    position: relative
}

.contacts-left__title::before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -35px;
    width: 137px;
    height: 28px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    background-color: #ffe03c;
    z-index: -1
}

.contacts-left__address {
    font-size: 18px;
    line-height: 1.44444;
    margin-bottom: 22px
}

.contacts-left__phone-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 60px
}

.contacts-left__phone {
    font-size: 18px;
    line-height: 1.44444;
    position: relative;
    padding-left: 25px;
}

.contacts-left__phone:nth-child(1)::after {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_151_1105%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.34995%200.399902C7.84394%200.399902%208.24439%200.793892%208.24439%201.2799V4.4699C8.24439%204.95591%207.84394%205.3499%207.34995%205.3499C6.85596%205.3499%206.45551%204.95591%206.45551%204.4699V1.2799C6.45551%200.793892%206.85596%200.399902%207.34995%200.399902Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.1553%205.26466C14.308%205.72689%2014.0508%206.22334%2013.581%206.37353L10.4974%207.35929C10.0276%207.50948%209.52295%207.25652%209.3703%206.7943C9.21765%206.33207%209.47476%205.83562%209.94457%205.68543L13.0282%204.69967C13.498%204.54948%2014.0027%204.80244%2014.1553%205.26466Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.5559%2013.1354C11.1562%2013.4211%2010.5969%2013.3339%2010.3065%2012.9407L8.40072%2010.36C9.11036%209.96678%208.19895%209.41645%208.5986%209.13078C8.99824%209.84511%209.5576%209.93227%209.84796%209.32546L11.7538%2011.9062C12.0441%2012.2994%2011.9555%2012.8497%2011.5559%2013.1354Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.14402%2013.1356C2.74438%2012.8499%202.65579%2012.2996%202.94614%2011.9064L4.85196%209.32563C5.14232%208.93244%205.70167%208.84528%206.10132%209.13095C6.50096%209.41662%206.58956%209.96694%206.2992%2010.3601L4.39339%2012.9409C4.10303%2013.3341%203.54367%2013.4213%203.14402%2013.1356Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.544618%205.26463C0.697268%204.80241%201.20187%204.54945%201.67168%204.69964L4.75535%205.6854C5.22516%205.83559%205.48227%206.33204%205.32962%206.79427C5.17697%207.25649%204.67237%207.50945%204.20256%207.35926L1.11889%206.3735C0.649076%206.22331%200.391967%205.72686%200.544618%205.26463Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_151_1105%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.contacts-left__phone:nth-child(2)::after {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_151_1119%29%22%3E%3Cpath%20d%3D%22M10.8872%203.46684C10.4509%202.73091%209.90544%202.13298%209.29454%201.67303C8.66181%201.21308%207.96361%200.868113%207.15634%200.684133C5.84724%200.33917%204.58181%200.500153%203.35998%201.07509C2.68362%201.39706%202.07271%201.83401%201.57089%202.40895C0.916347%203.12187%200.458167%203.90379%200.174529%204.80071V4.82369C0.174529%204.8467%200.152711%204.89269%200.152711%204.91567C-0.130925%205.95057%200.130893%206.50251%200.567257%206.04256C0.589074%206.01955%200.610894%205.99657%200.610894%205.97355L0.63271%205.95058C1.13453%205.28364%201.9418%204.7317%201.9418%204.7317C2.13816%204.59373%202.35635%204.43274%202.57453%204.31774C2.83635%204.15675%203.09817%204.01878%203.33818%203.92679C3.33818%203.92679%203.55634%203.8118%203.62181%203.48983V3.46684C3.66544%203.19086%203.94908%202.43195%204.73454%202.38595C4.97454%202.33996%205.23634%202.38595%205.45454%202.50094C5.84724%202.68492%206.13088%203.07588%206.19634%203.53583C6.23998%203.90379%206.15271%204.24873%205.97818%204.52472C5.97818%204.54773%205.95634%204.54773%205.95634%204.57071C5.95634%204.57071%205.95634%204.57071%205.95634%204.59373C5.80361%204.80071%205.60724%204.96166%205.34544%205.05368C5.19271%205.09967%205.03998%205.14566%204.90908%205.14566C4.82181%205.16864%204.71271%205.14566%204.62544%205.12265C4.51634%205.09967%204.40724%205.05368%204.31998%205.00769C4.16724%204.93868%204.03634%204.8467%203.99271%204.80071C3.94908%204.75468%203.92724%204.75468%203.88361%204.7317C3.79634%204.70869%203.73088%204.7317%203.68724%204.75468C3.66544%204.77769%203.64361%204.77769%203.62181%204.80071C3.42544%204.96166%203.25089%205.14566%203.07635%205.32963C2.61817%205.83558%202.24726%206.41053%202.07271%206.68648C1.98544%206.84747%201.89817%207.00846%201.81089%207.16945C1.72362%207.33044%201.65817%207.49139%201.59271%207.65238C1.41817%207.85936%201.30907%208.13535%201.2218%208.4113C1.2218%208.43431%201.2218%208.43431%201.19998%208.45729C1.19998%208.48031%201.17817%208.50328%201.17817%208.50328C1.17817%208.5263%201.17817%208.54931%201.15635%208.54931C0.610894%2010.5271%201.59271%2011.677%202.4218%2010.4811C2.46544%2010.4121%202.50907%2010.3201%202.55271%2010.2511C3.42544%208.66427%205.19271%207.5144%205.19271%207.5144C5.30181%207.4454%205.41088%207.37643%205.51998%207.30742C5.51998%207.30742%205.51998%207.30742%205.54181%207.28441C5.84724%207.10044%206.15271%206.93945%206.47998%206.80148C6.76361%206.6635%207.06908%206.5485%207.33088%206.4795C7.33088%206.4795%207.63634%206.38752%207.70181%206.01955C7.76724%205.74359%207.94181%205.32963%208.37818%205.12265C8.48724%205.07666%208.57454%205.03067%208.68361%205.00769C8.79271%204.98467%208.92361%204.96166%209.03271%204.98467C9.09818%204.98467%209.16361%204.98467%209.22908%205.00769C9.77454%205.12265%2010.2109%205.5826%2010.2763%206.20355C10.3636%206.96247%209.86181%207.6294%209.14181%207.72139C8.79271%207.76738%208.46544%207.67539%208.20361%207.46841C7.89818%207.33044%207.65818%207.42242%207.57088%207.46841C7.30908%207.6294%207.04724%207.79039%206.80724%207.97436C6.34908%208.34233%205.97818%208.71026%205.84724%208.84828C5.54181%209.19323%205.25818%209.56117%205.01818%209.95215C4.99634%209.97513%204.99634%209.99814%204.97454%2010.0211C4.97454%2010.0211%204.97454%2010.0211%204.97454%2010.0441C4.73454%2010.4581%204.45088%2011.01%204.23271%2011.654C4.21088%2011.6999%204.18908%2011.7459%204.18908%2011.8149C3.94908%2012.6429%204.47271%2012.9878%205.03998%2013.1028C5.03998%2013.1028%205.49818%2013.1948%206.15271%2013.1488C6.19634%2013.1488%206.21818%2013.1488%206.26181%2013.1488C6.43634%2013.1258%206.58908%2013.1028%206.76361%2013.0798C7.89818%2012.8728%208.90181%2012.3669%209.77454%2011.562C10.8654%2010.5271%2011.52%209.2622%2011.7163%207.74436C11.9563%206.18053%2011.6727%204.75468%2010.8872%203.46684Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_151_1119%22%3E%3Crect%20width%3D%2212%22%20height%3D%2213%22%20fill%3D%22white%22%20transform%3D%22translate%280%200.5%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.contacts-left__phone:hover::before {
    -webkit-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

.contacts-left__phone::before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.contacts-right {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px)
}

.contacts-right__title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: calc(100% - 20px);
    border-bottom: 1px solid #878787;
    padding-bottom: 10px;
    margin-bottom: 33px;
    max-width: 530px
}

.contacts-right-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.contacts-right-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px);
    margin-bottom: 85px
}

.contacts-right-item__img {
    max-width: 200px;
    height: 200px;
    margin-bottom: 20px
}

.contacts-right-item__name {
    font-size: 24px;
    line-height: 1.54167;
    margin-bottom: 5px
}

.contacts-right-item__status {
    letter-spacing: .3px;
    margin-bottom: 5px;
    padding: 3px 0;
    color: #878787
}

.contacts-right-item__mail {
    position: relative;
    color: #000
}

.contacts-right-item__mail:hover::before {
    -webkit-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

.contacts-right-item__mail::before {
    content: '';
    bottom: -5px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.contacts__map {
    width: 100%;
    height: 530px;
    background-color: #878787;
    position: relative
}

.contacts__map::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    border: 10px solid #6ac1bc;
    z-index: 999
}

.contacts-callback {
    display: none
}

.courses-category {
    margin-top: 40px
}

.event-hero {
    /* height: 320px; */
    margin-top: 42px;
    /* background-color: #c4c4c4; */
    position: relative;
    max-height: 320px;
    overflow: hidden;
}

.event__time-block {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 72px;
    line-height: 86px;
    margin-left: 20px
}

.event-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
    margin-bottom: 50px
}

.event-aside,
.event-main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.event-aside {
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px)
}

.event-aside__title {
    margin-top: 20px;
    position: relative;
    margin-bottom: 24px;
    z-index: 1
}

.event-aside__title::before {
    content: '';
    display: block;
    position: absolute;
    width: 123px;
    height: 28px;
    background-color: #ffe03c;
    left: -73px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: -1;
    top: -7px
}

.event-main {
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px)
}

.event-main-top {
    display: none
}

.event-inv {
    border: 1px solid #000;
    margin-right: 25px;
    padding: 26px 26px 10px 26px
}

.event-inv__hint {
    font-size: 16px;
    color: #878787;
    margin-bottom: 20px
}

.event-inv-item {
    margin-bottom: 30px
}

.event-inv-item__title {
    font-size: 20px;
    line-height: 1.65
}

.event-inv-item__date {
    font-size: 20px;
    color: #6ac1bc;
    margin-bottom: 13px
}

.event-inv-item__hint-time {
    font-size: 16px;
    color: #878787;
    margin-bottom: 10px
}

.event-inv-item__time {
    font-size: 20px
}

.event-inv-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-inv-course {
    margin-left: 0;
    padding: 26px;
    margin-bottom: 40px;
    display: none
}

.event-card-md {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px
}

.event-card-md__img {
    width: 200px
}

.event-card-md__text {
    width: 180px;
    margin-left: 28px
}

.event-card-md__name {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.event-card-md__status {
    color: #878787;
    font-size: 16px;
    text-transform: initial;
    margin-top: 15px
}

.event-card {
    margin-bottom: 45px
}

.event-card__img {
    max-width: 200px;
    display: block;
    -webkit-transition: -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: -webkit-box-shadow .3s, -webkit-transform .3s;
    -o-transition: box-shadow .3s, -o-transform .3s;
    -moz-transition: box-shadow .3s, transform .3s, -moz-box-shadow .3s, -moz-transform .3s;
    transition: box-shadow .3s, transform .3s;
    transition: box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.event-card__img:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3)
}

.event-card__img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.event-card__quote {
    font-style: italic;
    font-size: 20px;
    line-height: 1.7;
    color: #59377b;
    margin-top: 26px;
    margin-left: 40px;
    max-width: 257px
}

.event-card__name {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px
}

.event-card__status {
    margin-top: 16px;
    max-width: 300px;
    color: #878787;
    line-height: 1.6
}

.event-share {
    margin-bottom: 20px;
    color: #878787
}

.event-info {
    background: -webkit-gradient(linear, left top, left bottom, from(#5e337b), to(#b41dde));
    background: -webkit-linear-gradient(top, #5e337b 0, #b41dde 100%);
    background: -moz-linear-gradient(top, #5e337b 0, #b41dde 100%);
    background: -o-linear-gradient(top, #5e337b 0, #b41dde 100%);
    background: linear-gradient(180deg, #5e337b 0, #b41dde 100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-bottom: 50px
}

.event-info::after {
    content: '';
    display: none;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 80%;
    width: 1px;
    background-color: #fff
}

.event-info-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%
}

.event-info-items:last-child .event-info-item:last-child::after {
    display: none
}

.event-info-item {
    width: 50%;
    min-height: 220px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-info-item::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 88%;
    width: 1px;
    background-color: #fff
}

.event-info-item__title {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1875;
    color: #fff;
    text-align: center;
    letter-spacing: .3px;
    margin-bottom: auto;
    margin-top: 30px
}

.event-info-item__count {
    font-size: 62px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    margin-bottom: 15px
}

.event-info-item__unit {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-bottom: 30px
}

.event-socials svg {
    fill: #bdbdbd
}

.event-socials-bottom {
    display: none
}

.event__btn {
    display: block;
    text-align: center;
    width: 310px;
    line-height: 2.9;
    font-size: 20px
}

.event__btn::before {
    background-color: rgba(180, 29, 222, .9)
}

.event-content {
    margin-top: 40px;
    line-height: 1.7
}

.event-content a {
    color: #878787;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.event-content a:hover {
    color: #59377b;
    text-decoration: underline
}

.event-content ul {
    font-size: 18px;
    padding: 0;
    margin-left: 20px
}

.event-content p {
    margin: 0 0 26px 0;
    font-size: 18px
}

.event-content__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 26px;
    display: block
}

.event-content__btext {
    font-weight: 700
}

.event-works {
    background-color: #5e337b;
    padding: 45px 0 150px 0;
    margin-top: 80px
}

.event-works-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(91.66667% - 20px);
    width: -moz-calc(91.66667% - 20px);
    width: calc(91.66667% - 20px);
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px);
    margin-bottom: 35px;
    color: #fff
}

.event-works-images {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(58.33333% - 20px);
    width: -moz-calc(58.33333% - 20px);
    width: calc(58.33333% - 20px);
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 5px;
    background-color: #fff
}

.event-works-images__box {
    width: 50%;
    height: 190px;
    overflow: hidden
}

.event-works-images__box:hover .event-works-images__item {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.event-works-images__item {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.event-works-desc {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px)
}

.event-works-desc__icon {
    width: 78px;
    height: 78px;
    margin-bottom: 30px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.event-works-desc__icon:hover {
    -webkit-transform: translateY(-5px) scale(1.05);
    -moz-transform: translateY(-5px) scale(1.05);
    -ms-transform: translateY(-5px) scale(1.05);
    -o-transform: translateY(-5px) scale(1.05);
    transform: translateY(-5px) scale(1.05)
}

.event-works-desc__text {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    max-width: 225px
}

.event-testimonials-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
    margin-left: -webkit-calc(16.66667% + 10px);
    margin-left: -moz-calc(16.66667% + 10px);
    margin-left: calc(16.66667% + 10px);
    margin-bottom: 40px
}

.event-testimonials {
    padding: 65px 0 50px 0
}

.event-testimonials-title {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(58.33333% - 20px);
    width: -moz-calc(58.33333% - 20px);
    width: calc(58.33333% - 20px);
    margin-left: -webkit-calc(16.66667% + 10px);
    margin-left: -moz-calc(16.66667% + 10px);
    margin-left: calc(16.66667% + 10px);
    color: #000;
    margin-bottom: 57px
}

.event-testimonials-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 64px;
    height: 64px;
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.event-testimonials-btn:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.event-testimonials-btn:active,
.event-testimonials-btn:focus {
    -webkit-transform: scale(.93);
    -moz-transform: scale(.93);
    -ms-transform: scale(.93);
    -o-transform: scale(.93);
    transform: scale(.93)
}

.event-testimonials-btn span {
    position: absolute;
    bottom: -17px;
    left: -21px;
    z-index: 1;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    display: block;
    width: 120px
}

.event-testimonials-btn__bg {
    width: 100%;
    height: 100%
}

.event-testimonials-btn__arrow {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 2px;
    z-index: 1;
    -webkit-animation: dc-course-btn 1.5s infinite;
    -moz-animation: dc-course-btn 1.5s infinite;
    -o-animation: dc-course-btn 1.5s infinite;
    animation: dc-course-btn 1.5s infinite
}

@-webkit-keyframes dc-course-btn {
    0% {
        margin-left: -6px;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 9px;
        opacity: 0;
        stroke-width: 1px
    }
}

@-moz-keyframes dc-course-btn {
    0% {
        margin-left: -6px;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 9px;
        opacity: 0;
        stroke-width: 1px
    }
}

@-o-keyframes dc-course-btn {
    0% {
        margin-left: -6px;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 9px;
        opacity: 0;
        stroke-width: 1px
    }
}

@keyframes dc-course-btn {
    0% {
        margin-left: -6px;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 9px;
        opacity: 0;
        stroke-width: 1px
    }
}

.event-testimonial {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: -webkit-box-shadow .3s, -webkit-transform .3s;
    -o-transition: box-shadow .3s, -o-transform .3s;
    -moz-transition: box-shadow .3s, transform .3s, -moz-box-shadow .3s, -moz-transform .3s;
    transition: box-shadow .3s, transform .3s;
    transition: box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.event-testimonial:hover {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.event-testimonial__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.event-testimonial__name {
    font-size: 22px;
    color: #000;
    line-height: 28px;
    margin-bottom: 17px
}

.event-testimonial__status {
    font-size: 16px;
    color: #878787;
    line-height: 22px
}

.event-testimonial__img {
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 20px
}

.event-testimonial__text {
    font-size: 16px;
    line-height: 23px;
    color: #000
}

.about-card__img,
.bp .similar-articles__item-img,
.bp-hero,
.category-item,
.contacts-right-item__img,
.design-card__img,
.event-hero,
.event-testimonial__img,
.event-works-images__item,
.info-card:hover .info-card__img,
.info-card__img,
.lecturer-card__img,
.mc-news-item__header,
.upcoming-item__img,
.vacancies-item__img {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.about-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
    margin-left: -webkit-calc(16.66667% + 10px);
    margin-left: -moz-calc(16.66667% + 10px);
    margin-left: calc(16.66667% + 10px)
}

.about-intro {
    font-size: 16px;
    line-height: 27px;
    margin-top: 50px
}

.about-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 430px;
    margin-top: 40px;
    margin-left: -110px
}

.about-card__img {
    min-width: 200px;
    max-width: 200px;
    height: 200px;
    margin-right: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.about-card__info {
    margin-top: 60px
}

.about-card__info-name {
    font-size: 22px
}

.about-card__info-status {
    font-size: 14px;
    color: #878787;
    margin-top: 10px;
    line-height: 20px
}

.about-blockquote {
    max-width: 510px;
    margin: 55px 0 0 110px;
    font-style: italic;
    font-size: 22px;
    line-height: 37px;
    position: relative
}

.about-blockquote svg {
    display: block;
    width: 52px;
    height: 42px;
    position: absolute;
    top: -20px;
    left: -70px
}

.about-desc {
    font-size: 16px;
    line-height: 27px;
    margin-top: 30px
}

.about-share {
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    margin-top: 45px
}

.about-socials__icon {
    fill: #878787
}

.about-socials {
    margin-top: 15px
}

.about-subtitle {
    margin-top: 55px;
    margin-bottom: 70px
}

.about-slider {
    position: relative
}

.about-slider-wrapper {
    position: relative;
    margin-bottom: 20px
}

.about-slider-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
    margin-left: -webkit-calc(16.66667% + 10px);
    margin-left: -moz-calc(16.66667% + 10px);
    margin-left: calc(16.66667% + 10px);
    margin-right: -webkit-calc(16.66667% + 10px);
    margin-right: -moz-calc(16.66667% + 10px);
    margin-right: calc(16.66667% + 10px)
}

.about-slider-next,
.about-slider-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    cursor: pointer;
    z-index: 1;
    outline: 0;
    width: 43px;
    height: 65px
}

.about-slider-next svg,
.about-slider-prev svg {
    fill: none;
    width: 100%;
    height: 100%
}

.about-slider-prev {
    left: 0
}

.about-slider-next {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.about-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 158px
}

.about-slide__item {
    -webkit-flex-basis: 225px;
    -ms-flex-preferred-size: 225px;
    flex-basis: 225px;
    text-align: center;
    height: 100%
}

.about-slide__item-num {
    color: #6ac1bc;
    font-weight: 700;
    font-size: 75px;
    line-height: 108px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif
}

.about-slide__item-unit {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    margin-top: -10px;
    letter-spacing: 1.5px
}

.about-reasons {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    margin-bottom: 90px
}

.about-reasons:first-child {
    margin-left: -webkit-calc(8.33333% + 10px);
    margin-left: -moz-calc(8.33333% + 10px);
    margin-left: calc(8.33333% + 10px)
}

.about-reasons:last-child {
    margin-left: -webkit-calc(16.66667% + 10px);
    margin-left: -moz-calc(16.66667% + 10px);
    margin-left: calc(16.66667% + 10px);
    width: -webkit-calc(41.66667% - 20px);
    width: -moz-calc(41.66667% - 20px);
    width: calc(41.66667% - 20px)
}

.about-reason-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-reason__desc,
.about-reason__num {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px
}

.about-reason__num {
    width: -webkit-calc(25% - 20px);
    width: -moz-calc(25% - 20px);
    width: calc(25% - 20px);
    font-weight: 700;
    font-size: 75px;
    line-height: 108px;
    color: #6ac1bc
}

.about-reason__desc {
    width: -webkit-calc(75% - 20px);
    width: -moz-calc(75% - 20px);
    width: calc(75% - 20px);
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #000
}

.about-title-bottom {
    text-align: center;
    margin-bottom: 75px
}

.nf {
    max-width: 600px;
    margin: 0 auto 70px auto
}

.nf-text {
    margin-left: 90px;
    margin-bottom: 30px
}

.nf-text__bold {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 72px
}

.nf-text__desc {
    font-size: 24px;
    max-width: 330px
}

.nf__img {
    max-width: 600px
}

.about-card__img,
.bp .similar-articles__item-img,
.bp-hero,
.category-item,
.contacts-right-item__img,
.design-card__img,
.event-hero,
.event-testimonial__img,
.event-works-images__item,
.info-card:hover .info-card__img,
.info-card__img,
.lecturer-card__img,
.mc-news-item__header,
.upcoming-item__img,
.vacancies-item__img {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.dc-form-box {
    position: relative;
    padding: 20px;
    width: 309px;
    margin: auto
}

.dc-form__input {
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 91%;
    height: 61px;
    font-size: 24px;
    line-height: 29px;
    background-color: #efefef;
    padding-left: 22px;
    margin-bottom: 20px
}

.dc-form__input::-webkit-input-placeholder {
    color: #17a9bd;
    background-color: #efefef
}

.dc-form__input:-moz-placeholder {
    color: #17a9bd;
    background-color: #efefef
}

.dc-form__input::-moz-placeholder {
    color: #17a9bd;
    background-color: #efefef
}

.dc-form__input:-ms-input-placeholder {
    color: #17a9bd;
    background-color: #efefef
}

.dc-form__input::-ms-input-placeholder {
    color: #17a9bd;
    background-color: #efefef
}

.dc-form__input::placeholder {
    color: #17a9bd;
    background-color: #efefef
}

.dc-form__view-all {
    margin: 50px auto 0 auto
}

.dc-form__view-all:active,
.dc-form__view-all:focus {
    -webkit-box-shadow: inset 0 0 20px 5px #44b0bb;
    -moz-box-shadow: inset 0 0 20px 5px #44b0bb;
    box-shadow: inset 0 0 20px 5px #44b0bb
}

.dc-form__view-all svg {
    width: 50px;
    height: 50px;
    stroke-width: 1px;
    -webkit-transform: translate(32%, -114%) rotate(-46deg);
    -moz-transform: translate(32%, -114%) rotate(-46deg);
    -ms-transform: translate(32%, -114%) rotate(-46deg);
    -o-transform: translate(32%, -114%) rotate(-46deg);
    transform: translate(32%, -114%) rotate(-46deg);
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.dc-form__close {
    border: none;
    outline: 0;
    position: absolute;
    top: -53px;
    right: 17px;
    background-color: transparent;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.dc-form__close:active,
.dc-form__close:focus {
    top: -53px;
    right: 17px
}

.dc-form__close svg {
    width: 100%;
    height: 100%;
    stroke: #000
}

.dc-form-order {
    z-index: 1;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    display: block;
    width: 172px;
    position: absolute;
    top: 7px;
    left: -58px;
    -webkit-transition: -webkit-transform .3s .1s;
    transition: -webkit-transform .3s .1s;
    -o-transition: -o-transform .3s .1s;
    -moz-transition: transform .3s .1s, -moz-transform .3s .1s;
    transition: transform .3s .1s;
    transition: transform .3s .1s, -webkit-transform .3s .1s, -moz-transform .3s .1s, -o-transform .3s .1s;
    -webkit-transform: translate(10%, 80%);
    -moz-transform: translate(10%, 80%);
    -ms-transform: translate(10%, 80%);
    -o-transform: translate(10%, 80%);
    transform: translate(10%, 80%)
}

.dc-form-register {
    z-index: 1;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    display: block;
    width: 172px;
    position: absolute;
    top: 7px;
    left: -58px;
    -webkit-transform: translate(0, 80%);
    -moz-transform: translate(0, 80%);
    -ms-transform: translate(0, 80%);
    -o-transform: translate(0, 80%);
    transform: translate(0, 80%)
}

.dc-form>.dc-form__group {
    position: relative
}

.dc-form .cscf-form-err-msg {
    visibility: visible;
    opacity: 1
}

.answer-popup {
    max-width: 580px;
    margin: auto
}

.answer-popup__text {
    color: #fff;
    font-size: 30px;
    text-align: center
}

.mfp-3d-unfold .mfp-content {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    perspective: 2000px
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-60deg);
    -moz-transform: rotateY(-60deg);
    transform: rotateY(-60deg)
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #44b0bb
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 1
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    -webkit-transform: rotateY(60deg);
    -moz-transform: rotateY(60deg);
    transform: rotateY(60deg);
    opacity: 0
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0
}

.footer {
    background-color: #000000;
    /* background-color: #2e2b2b; */
    position: relative;
    color: #ffffff;
}

/* .footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 22px;
    background: -webkit-linear-gradient(272.32deg, #5e337b 1.04%, #d015ff 74.13%);
    background: -moz-linear-gradient(272.32deg, #5e337b 1.04%, #d015ff 74.13%);
    background: -o-linear-gradient(272.32deg, #5e337b 1.04%, #d015ff 74.13%);
    background: linear-gradient(177.68deg, #5e337b 1.04%, #d015ff 74.13%)
} */

.footer-container {
    overflow: hidden;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding-top: 57px;
    padding-bottom: 58px;
}

.footer-md-container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer .footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.footer .scroll-up {
    width: 80px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    bottom: 35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    stroke: #00BDB5;
    stroke-width: 3;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border: 1px solid #3C3C3C;
    border-radius: 50%;
    padding: 22px;
    box-sizing: border-box;
}

.footer .scroll-up:hover {
    stroke: #fff;
    border-color: #676767;
}

.footer__img {
    max-width: 246px;
    display: table;
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: visible;
    z-index: 1
}

.footer__img:before {
    content: '';
    display: block;
    position: absolute;
    background-color: #ffd600;
    height: 20px;
    top: 120px;
    z-index: -1;
    -webkit-transform: rotate(-2.5deg) skew(-2.5deg);
    -moz-transform: rotate(-2.5deg) skew(-2.5deg);
    -ms-transform: rotate(-2.5deg) skew(-2.5deg);
    -o-transform: rotate(-2.5deg) skew(-2.5deg);
    transform: rotate(-2.5deg) skew(-2.5deg);
    width: 925px;
    left: -684px
}

.footer__img:after {
    content: '';
    display: block;
    position: absolute;
    background-color: #ffd600;
    height: 26px;
    bottom: -13px;
    -webkit-transform: rotate(12.2deg) skew(-2.5deg);
    -moz-transform: rotate(12.2deg) skew(-2.5deg);
    -ms-transform: rotate(12.2deg) skew(-2.5deg);
    -o-transform: rotate(12.2deg) skew(-2.5deg);
    transform: rotate(12.2deg) skew(-2.5deg);
    width: 225px;
    left: 42px;
    display: none
}

.footer__img img {
    z-index: 1
}

.footer-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    align-items: flex-start;
    margin-bottom: 110px;
}

.footer .footer-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.footer .footer-menu li {
    margin-top: 10px;
}

.footer .footer-menu a {
    color: #A6A6A6;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s;
}

.footer .footer-menu a:hover {
    color: #fff;
}

.footer .contacts-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(33.33333% - 20px);
    width: -moz-calc(33.33333% - 20px);
    width: calc(33.33333% - 20px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 40px;
}

.footer .contacts {
    margin-bottom: 30px;
}

.footer .contacts-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.footer .phones {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.footer .phones-item {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid transparent;
    transition: all .3s;
}

.footer .phones-item:nth-child(1)::before {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_151_1105%29%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.34995%200.399902C7.84394%200.399902%208.24439%200.793892%208.24439%201.2799V4.4699C8.24439%204.95591%207.84394%205.3499%207.34995%205.3499C6.85596%205.3499%206.45551%204.95591%206.45551%204.4699V1.2799C6.45551%200.793892%206.85596%200.399902%207.34995%200.399902Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.1553%205.26466C14.308%205.72689%2014.0508%206.22334%2013.581%206.37353L10.4974%207.35929C10.0276%207.50948%209.52295%207.25652%209.3703%206.7943C9.21765%206.33207%209.47476%205.83562%209.94457%205.68543L13.0282%204.69967C13.498%204.54948%2014.0027%204.80244%2014.1553%205.26466Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.5559%2013.1354C11.1562%2013.4211%2010.5969%2013.3339%2010.3065%2012.9407L8.40072%2010.36C9.11036%209.96678%208.19895%209.41645%208.5986%209.13078C8.99824%209.84511%209.5576%209.93227%209.84796%209.32546L11.7538%2011.9062C12.0441%2012.2994%2011.9555%2012.8497%2011.5559%2013.1354Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.14402%2013.1356C2.74438%2012.8499%202.65579%2012.2996%202.94614%2011.9064L4.85196%209.32563C5.14232%208.93244%205.70167%208.84528%206.10132%209.13095C6.50096%209.41662%206.58956%209.96694%206.2992%2010.3601L4.39339%2012.9409C4.10303%2013.3341%203.54367%2013.4213%203.14402%2013.1356Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.544618%205.26463C0.697268%204.80241%201.20187%204.54945%201.67168%204.69964L4.75535%205.6854C5.22516%205.83559%205.48227%206.33204%205.32962%206.79427C5.17697%207.25649%204.67237%207.50945%204.20256%207.35926L1.11889%206.3735C0.649076%206.22331%200.391967%205.72686%200.544618%205.26463Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_151_1105%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.footer .phones-item:nth-child(2)::before {
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_151_1119%29%22%3E%3Cpath%20d%3D%22M10.8872%203.46684C10.4509%202.73091%209.90544%202.13298%209.29454%201.67303C8.66181%201.21308%207.96361%200.868113%207.15634%200.684133C5.84724%200.33917%204.58181%200.500153%203.35998%201.07509C2.68362%201.39706%202.07271%201.83401%201.57089%202.40895C0.916347%203.12187%200.458167%203.90379%200.174529%204.80071V4.82369C0.174529%204.8467%200.152711%204.89269%200.152711%204.91567C-0.130925%205.95057%200.130893%206.50251%200.567257%206.04256C0.589074%206.01955%200.610894%205.99657%200.610894%205.97355L0.63271%205.95058C1.13453%205.28364%201.9418%204.7317%201.9418%204.7317C2.13816%204.59373%202.35635%204.43274%202.57453%204.31774C2.83635%204.15675%203.09817%204.01878%203.33818%203.92679C3.33818%203.92679%203.55634%203.8118%203.62181%203.48983V3.46684C3.66544%203.19086%203.94908%202.43195%204.73454%202.38595C4.97454%202.33996%205.23634%202.38595%205.45454%202.50094C5.84724%202.68492%206.13088%203.07588%206.19634%203.53583C6.23998%203.90379%206.15271%204.24873%205.97818%204.52472C5.97818%204.54773%205.95634%204.54773%205.95634%204.57071C5.95634%204.57071%205.95634%204.57071%205.95634%204.59373C5.80361%204.80071%205.60724%204.96166%205.34544%205.05368C5.19271%205.09967%205.03998%205.14566%204.90908%205.14566C4.82181%205.16864%204.71271%205.14566%204.62544%205.12265C4.51634%205.09967%204.40724%205.05368%204.31998%205.00769C4.16724%204.93868%204.03634%204.8467%203.99271%204.80071C3.94908%204.75468%203.92724%204.75468%203.88361%204.7317C3.79634%204.70869%203.73088%204.7317%203.68724%204.75468C3.66544%204.77769%203.64361%204.77769%203.62181%204.80071C3.42544%204.96166%203.25089%205.14566%203.07635%205.32963C2.61817%205.83558%202.24726%206.41053%202.07271%206.68648C1.98544%206.84747%201.89817%207.00846%201.81089%207.16945C1.72362%207.33044%201.65817%207.49139%201.59271%207.65238C1.41817%207.85936%201.30907%208.13535%201.2218%208.4113C1.2218%208.43431%201.2218%208.43431%201.19998%208.45729C1.19998%208.48031%201.17817%208.50328%201.17817%208.50328C1.17817%208.5263%201.17817%208.54931%201.15635%208.54931C0.610894%2010.5271%201.59271%2011.677%202.4218%2010.4811C2.46544%2010.4121%202.50907%2010.3201%202.55271%2010.2511C3.42544%208.66427%205.19271%207.5144%205.19271%207.5144C5.30181%207.4454%205.41088%207.37643%205.51998%207.30742C5.51998%207.30742%205.51998%207.30742%205.54181%207.28441C5.84724%207.10044%206.15271%206.93945%206.47998%206.80148C6.76361%206.6635%207.06908%206.5485%207.33088%206.4795C7.33088%206.4795%207.63634%206.38752%207.70181%206.01955C7.76724%205.74359%207.94181%205.32963%208.37818%205.12265C8.48724%205.07666%208.57454%205.03067%208.68361%205.00769C8.79271%204.98467%208.92361%204.96166%209.03271%204.98467C9.09818%204.98467%209.16361%204.98467%209.22908%205.00769C9.77454%205.12265%2010.2109%205.5826%2010.2763%206.20355C10.3636%206.96247%209.86181%207.6294%209.14181%207.72139C8.79271%207.76738%208.46544%207.67539%208.20361%207.46841C7.89818%207.33044%207.65818%207.42242%207.57088%207.46841C7.30908%207.6294%207.04724%207.79039%206.80724%207.97436C6.34908%208.34233%205.97818%208.71026%205.84724%208.84828C5.54181%209.19323%205.25818%209.56117%205.01818%209.95215C4.99634%209.97513%204.99634%209.99814%204.97454%2010.0211C4.97454%2010.0211%204.97454%2010.0211%204.97454%2010.0441C4.73454%2010.4581%204.45088%2011.01%204.23271%2011.654C4.21088%2011.6999%204.18908%2011.7459%204.18908%2011.8149C3.94908%2012.6429%204.47271%2012.9878%205.03998%2013.1028C5.03998%2013.1028%205.49818%2013.1948%206.15271%2013.1488C6.19634%2013.1488%206.21818%2013.1488%206.26181%2013.1488C6.43634%2013.1258%206.58908%2013.1028%206.76361%2013.0798C7.89818%2012.8728%208.90181%2012.3669%209.77454%2011.562C10.8654%2010.5271%2011.52%209.2622%2011.7163%207.74436C11.9563%206.18053%2011.6727%204.75468%2010.8872%203.46684Z%22%20fill%3D%22%23A6A6A6%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_151_1119%22%3E%3Crect%20width%3D%2212%22%20height%3D%2213%22%20fill%3D%22white%22%20transform%3D%22translate%280%200.5%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
    display: inline-block;
    width: 12px;
    height: 14px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}

.footer .payments-icons {
    margin-top: 20px;
}

.footer .payments-icons img {
    display: inline-block;
    height: 27px;
    width: auto;
}

.footer .phones-item:hover {
    border-bottom-color: rgba(255, 255, 255, .5);
}

.footer .phones-item:not(:last-child) {
    margin-bottom: 8px
}

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

.footer .address-dashed {
    border-bottom: 1px dashed #000;
    display: inline-block
}

.footer-socials {
    margin-bottom: 25px
}

.footer-socials__text {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
}

.footer .socials-block {
    
}

.footer .socials-block__icon {
    fill: #00BDB5;
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    -moz-transition: fill .3s;
    transition: fill .3s
}

.footer .socials-block__icon:hover {
    fill: #00dfd4;
}

.footer .socials-block__link {
    line-height: 0;
}

.footer .socials-block__link:not(:last-child) {
    margin-right: 10px
}

.footer-logo {
    margin-bottom: 40px;
    display: block
}

.footer .copyright {
    font-size: 14px;
    line-height: 1.4;
    color: #A6A6A6;
}

.footer .copyright__link {
    color: #A6A6A6;
}

.footer .copyright__link:hover {
    text-decoration: underline
}

.footer .form-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    width: -webkit-calc(66.66667% - 20px);
    width: -moz-calc(66.66667% - 20px);
    width: calc(66.66667% - 20px);
    padding: 40px 50px;
    background-color: #0F0F0F;
    border-radius: 10px;
}

.footer .form-box .footer-socials {
    display: none
}

.footer .form-box .footer-md-container {
    width: initial
}

.footer .form-box__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 30px
}

.footer .form-box__title-mc {
    margin-bottom: 0
}

.footer .form-box__subtitle {
    font-size: 18px;
    line-height: 26px
}

.footer .form-box__faq {
    margin-bottom: 25px
}

.footer .form-box__faq span {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 7px 0 5px 23px
}

.footer .form-box__faq span::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 12px solid #6ac1bc;
    border-bottom: 8px solid transparent;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}

.footer .form-box__faq span::after {
    content: '';
    bottom: -3px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}

.footer .form-box__faq span:hover {
    /* color: #000 */
}

.footer .form-box__faq span:hover::after {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scaleX(1.1);
    -moz-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    -o-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

.footer .form-box__faq--active span::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.footer .form-box-accordion {
    max-width: 500px;
    margin-left: 23px;
    margin-top: 23px;
    display: none
}

.footer .form-box-accordion__title {
    list-style: none;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    padding: 6px 4px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

.footer .form-box-accordion__title::before {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #6ac1bc;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 50% 50% 0;
    -o-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    -moz-transition: transform .2s, -moz-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}

.footer .form-box-accordion__title:hover::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.footer .form-box-accordion__desc {
    display: none
}

.footer .footer-form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer .footer-form__group {
    position: relative;
    width: 100%
}

.footer .footer-form__input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #3C3C3C;
    color: #FFFFFF;
    padding: 0 0 0 2px;
    outline: 0;
    font-size: 16px;
    background-color: transparent;
    -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
    transition: border-color .3s, -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s, border-color .3s;
    -moz-transition: box-shadow .3s, border-color .3s, -moz-box-shadow .3s;
    transition: box-shadow .3s, border-color .3s;
    transition: box-shadow .3s, border-color .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s;
    line-height: 2.4;
    position: relative;
    height: 32px;
}

.footer .footer-form__input:not(:last-child) {
    margin-bottom: 20px
}

.footer .footer-form__input::-webkit-input-placeholder {
    font-size: 16px;
    color: #a6a6a6
}

.footer .footer-form__input:-moz-placeholder {
    font-size: 16px;
    color: #a6a6a6
}

.footer .footer-form__input::-moz-placeholder {
    font-size: 16px;
    color: #a6a6a6
}

.footer .footer-form__input:-ms-input-placeholder {
    font-size: 16px;
    color: #a6a6a6
}

.footer .footer-form__input::-ms-input-placeholder {
    font-size: 16px;
    color: #a6a6a6
}

.footer .footer-form__input::placeholder {
    font-size: 16px;
    color: #a6a6a6
}

.footer .footer-form__input:focus {
    outline: 0;
    border-color: transparent
}

.footer .footer-form__input:focus+.footer-form__line {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.footer .footer-form__input:-webkit-autofill,
.footer .footer-form__input:-webkit-autofill:hover,
.footer .footer-form__input:-webkit-autofill:focus,
.footer .footer-form__input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 16px !important;
    transition: background-color 5000s ease-in-out 0s;
}

.footer .footer-form__input:-moz-autofill {
    background-color: transparent !important;
    color: #fff !important;
    font-size: 16px !important;
}

.footer .footer-form__input--error {
    color: red
}

.footer .footer-form__input--error:focus~.footer-form__line {
    background-color: #f66;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.footer .footer-form__input--error~.cscf-form-err-msg {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.footer .footer-form__line {
    position: absolute;
    bottom: 19px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #673086;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease
}

.footer .footer-form__submit {
    /* -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background: -webkit-gradient(linear, left top, right top, from(#af7eff), color-stop(96.43%, #db5aff));
    background: -webkit-linear-gradient(left, #af7eff 0, #db5aff 96.43%);
    background: -moz-linear-gradient(left, #af7eff 0, #db5aff 96.43%);
    background: -o-linear-gradient(left, #af7eff 0, #db5aff 96.43%);
    background: linear-gradient(90deg, #af7eff 0, #db5aff 96.43%);
    border: none;
    width: 73px;
    height: 73px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    outline: 0;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s, -moz-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s, -moz-box-shadow .3s */

    cursor: pointer;
    outline: 0;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: linear-gradient(360deg, #673185 0%, #C916F6 100%);
    padding: 15px 50px;
    border-radius: 8px;
    line-height: 1;
    transition: all 0.3s ease 0s;
    align-self: baseline;
    margin-top: 10px;
}

.footer .footer-form__submit:hover {
    filter: brightness(115%);
}

.footer .footer-form__submit:hover span {
    /* -webkit-transform: translate(-65%, 81%);
    -moz-transform: translate(-65%, 81%);
    -ms-transform: translate(-65%, 81%);
    -o-transform: translate(-65%, 81%);
    transform: translate(-65%, 81%) */
}

.footer .footer-form__submit:active,
.footer .footer-form__submit:focus {
    /* -webkit-box-shadow: inset 0 0 19px 1px #fff;
    -moz-box-shadow: inset 0 0 19px 1px #fff;
    box-shadow: inset 0 0 19px 1px #fff */
}

.footer .footer-form__submit span {
    /* position: absolute;
    right: -95px;
    bottom: 10px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    text-shadow: 0 0 1px #673086;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s */
}

.footer .footer-form__submit svg {
    width: 30px;
    stroke-width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: dc-footer-submit 1.5s infinite;
    -moz-animation: dc-footer-submit 1.5s infinite;
    -o-animation: dc-footer-submit 1.5s infinite;
    animation: dc-footer-submit 1.5s infinite
}

@-webkit-keyframes dc-footer-submit {
    0% {
        margin-left: 0;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 20px;
        opacity: 0;
        stroke-width: 1px
    }
}

@-moz-keyframes dc-footer-submit {
    0% {
        margin-left: 0;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 20px;
        opacity: 0;
        stroke-width: 1px
    }
}

@-o-keyframes dc-footer-submit {
    0% {
        margin-left: 0;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 20px;
        opacity: 0;
        stroke-width: 1px
    }
}

@keyframes dc-footer-submit {
    0% {
        margin-left: 0;
        opacity: 1
    }

    60% {
        opacity: .4
    }

    100% {
        margin-left: 20px;
        opacity: 0;
        stroke-width: 1px
    }
}

.thank-you {
    padding: 80px 0;
    text-align: center;
}

.thank-you__title {
    color: green;
}

.thank-you__text {
    font-size: 18px;
}

@media screen and (min-width:576px) {
    .our-team {
        display: block
    }
}

@media screen and (max-width:1360px) {
    .footer__img:before {
        width: 875px;
        left: -634px
    }
}

@media screen and (max-width:1270px) {
    .event-info {
        margin-left: 0
    }
}

@media screen and (max-width:1230px) {
    .footer__img:before {
        width: 785px;
        left: -544px
    }
}

@media screen and (max-width:1226px) {
    .header-nav__item:not(:last-child) {
        margin-right: 2px
    }
}

@media screen and (max-width:1200px) {
    .container {
        max-width: 1078px
    }

    .header-nav__item:not(:last-child) {
        margin-right: 0
    }

    .header-nav__link {
        margin: 0 9.4px;
        padding: 5px 0;
        font-size: 14px
    }

    .header-menu-toggle {
        margin-top: 3px
    }

    .main-slide {
        height: 470px
    }

    .category-item {
        height: 257px
    }

    .category-item__title {
        font-size: 23px
    }

    .mc-news {
        margin-bottom: 0
    }

    .mc-news-item {
        margin-bottom: 16px
    }

    .advantages {
        padding: 50px 0 38px 0
    }

    .testimonials__title {
        margin-bottom: 35px
    }

    .testimonials__link {
        margin-top: -55px
    }

    .testimonials .testimonial__video {
        height: 236px
    }

    .upcoming-item__img {
        height: 256px
    }

    .upcoming-time-block {
        font-size: 68px;
        line-height: 82px
    }

    .planned-item__img-box {
        height: 164px
    }

    .mc-info-item {
        margin-left: -webkit-calc(8.33333% + 10px);
        margin-left: -moz-calc(8.33333% + 10px);
        margin-left: calc(8.33333% + 10px)
    }

    .an-item__card-img {
        height: 154px
    }

    .teachers-item {
        width: -webkit-calc(33.33333% - 20px);
        width: -moz-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .teachers-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .teachers-item-box {
        margin-left: 15px
    }

    .teacher-card {
        width: -webkit-calc(33.33333% - 20px);
        width: -moz-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .our-team-item {
        width: -webkit-calc(33.33333% - 20px);
        width: -moz-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .our-team-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .vacancies-items {
        width: -webkit-calc(66.66667% - 20px);
        width: -moz-calc(66.66667% - 20px);
        width: calc(66.66667% - 20px)
    }

    .vacancies-items {
        margin-left: -webkit-calc(5% + 10px);
        margin-left: -moz-calc(5% + 10px);
        margin-left: calc(5% + 10px)
    }

    .vacancies-item {
        width: -webkit-calc(45% - 20px);
        width: -moz-calc(45% - 20px);
        width: calc(45% - 20px)
    }

    .vacancy-bottom {
        width: -webkit-calc(91.66667% - 20px);
        width: -moz-calc(91.66667% - 20px);
        width: calc(91.66667% - 20px)
    }

    .vacancy-bottom {
        margin-left: -webkit-calc(8.33333% + 10px);
        margin-left: -moz-calc(8.33333% + 10px);
        margin-left: calc(8.33333% + 10px)
    }

    .vacancy-all {
        -webkit-transform: translateX(-80%);
        -moz-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        -o-transform: translateX(-80%);
        transform: translateX(-80%)
    }

    .testimonials-page-video {
        height: 143px
    }

    .bp-main {
        width: -webkit-calc(75% - 20px);
        width: -moz-calc(75% - 20px);
        width: calc(75% - 20px)
    }

    .bp-main {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .posts-aside {
        width: -webkit-calc(16.66667% - 20px);
        width: -moz-calc(16.66667% - 20px);
        width: calc(16.66667% - 20px)
    }

    .posts-aside__list {
        max-width: 235px
    }

    .posts-main {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contacts__map {
        height: 420px
    }

    .event-aside {
        width: -webkit-calc(30% - 20px);
        width: -moz-calc(30% - 20px);
        width: calc(30% - 20px)
    }

    .event-main {
        width: -webkit-calc(70% - 20px);
        width: -moz-calc(70% - 20px);
        width: calc(70% - 20px)
    }

    .event-inv {
        width: initial
    }

    .event-info-item {
        padding: 0 22px 0 22px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .event-info-item__count {
        margin-bottom: 12px
    }

    .event-works-images {
        width: -webkit-calc(67.5% - 20px);
        width: -moz-calc(67.5% - 20px);
        width: calc(67.5% - 20px)
    }

    .event-works-desc {
        width: -webkit-calc(24.16667% - 20px);
        width: -moz-calc(24.16667% - 20px);
        width: calc(24.16667% - 20px)
    }

    .event-works-desc {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .event-works-desc__text {
        max-width: 100%
    }

    .event-testimonials-box {
        width: -webkit-calc(91.66667% - 20px);
        width: -moz-calc(91.66667% - 20px);
        width: calc(91.66667% - 20px)
    }

    .event-testimonials-box {
        margin-left: -webkit-calc(8.33333% + 10px);
        margin-left: -moz-calc(8.33333% + 10px);
        margin-left: calc(8.33333% + 10px)
    }

    .event-testimonials-title {
        margin-left: -webkit-calc(10% + 10px);
        margin-left: -moz-calc(10% + 10px);
        margin-left: calc(10% + 10px)
    }

    .about-container {
        width: -webkit-calc(83.33333% - 20px);
        width: -moz-calc(83.33333% - 20px);
        width: calc(83.33333% - 20px)
    }

    .about-container {
        margin-left: -webkit-calc(8.33333% + 10px);
        margin-left: -moz-calc(8.33333% + 10px);
        margin-left: calc(8.33333% + 10px)
    }

    .about-reasons:first-child {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .footer__img:before {
        width: 655px;
        left: -434px
    }

    .footer .contacts-box {
        width: -webkit-calc(41.66667% - 20px);
        width: -moz-calc(41.66667% - 20px);
        width: calc(41.66667% - 20px)
    }

    .footer .form-box {
        width: -webkit-calc(58.33333% - 20px);
        width: -moz-calc(58.33333% - 20px);
        width: calc(58.33333% - 20px)
    }
}

@media screen and (max-width:1100px) {
    .footer__img:before {
        width: 575px;
        left: -364px
    }
}

@media screen and (max-width:1060px) {
    .an-item__time-block {
        font-size: 29px
    }
}

@media screen and (max-width:1050px) {
    .header-nav,
    .header-nav__item--first {
        display: none
    }

    .header-sm-hamburger {
        display: block;
    }

    .header-lang {
        margin-right: 15px;
        margin-left: auto
    }

    .vacancies-form-submit {
        margin-left: 130px
    }
}

@media screen and (max-width:1015px) {
    .vacancies-aside__title::before {
        top: 25px;
        left: -73px
    }

    .vacancies-aside__title span {
        display: block
    }
}

@media screen and (max-width:992px) {
    .container {
        max-width: 860px
    }

    .main-slider-arrows {
        display: none
    }

    .main-slide {
        height: 240px;
        background-size: contain;
        background-position: top;
        margin-bottom: 0;
    }

    .main-slide__link {
        font-size: 18px;
        padding: 15px 40px;
    }

    .category__title {
        margin-bottom: 20px
    }

    .category-item {
        height: 200px
    }

    .category-items__top .category-item__box {
        height: 340px;
    }

    .category-item__content {
        min-height: 100px;
    }

    .category-item--half {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .category-item--third {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .advantages-items {
        padding: 20px 10px;
    }

    .advantages-item span {
        font-size: 36px;
    }

    .mc-news {
        margin-bottom: 15px
    }

    .mc-news-item {

    }

    .mc-news-item {
        margin-bottom: 43px
    }

    .mc-news-item__header {
        margin-bottom: 17px;
        height: 196px
    }

    .mc-news-item__title {
        width: 197px
    }

    .mc-news-item__subtitle {

    }

    .about-block-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .advantages__title {
        margin-bottom: 50px
    }

    .advantages-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .testimonials {
        padding: 50px 0
    }

    .testimonials .testimonial {
        flex-basis: 100%;
    }

    .testimonials__title {
        margin-bottom: 26px
    }

    .testimonials-items--left {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
    }

    .testimonials-items--media {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .testimonials__link {
        margin-top: 30px
    }

    .testimonials .testimonial__video {
        height: 296px;
        max-width: 526px
    }

    .schedule .st-head-col__name {
        width: 255px
    }

    .schedule .st-course-row__name {
        font-size: 18px;
        width: 255px
    }

    .upcoming-item__img {
        height: 200px
    }

    .upcoming-item__btn-box {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .upcoming-item__btn {
        margin-top: 35px
    }

    .upcoming-item__info {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

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

    .upcoming-time-block {
        font-size: 50px;
        line-height: 55px
    }

    .planned-title {
        margin-bottom: 30px
    }

    .planned-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .planned-item__img-box {
        height: 200px
    }

    .planned-item__title {
        font-size: 30px
    }

    .mc-info-item {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .an-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .an-item__card-img {
        height: 217px
    }

    .an-item__time-block {
        font-size: 34px
    }

    .teachers-item {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .teachers-item-box {
        margin-left: 0
    }

    .teachers-info__text {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .teachers-info__text {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .teacher-card {
        width: -webkit-calc(41.66667% - 20px);
        width: -moz-calc(41.66667% - 20px);
        width: calc(41.66667% - 20px)
    }

    .teacher-info {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .vacancies-aside {
        width: -webkit-calc(25% - 20px);
        width: -moz-calc(25% - 20px);
        width: calc(25% - 20px)
    }

    .vacancies-items {
        width: -webkit-calc(75% - 20px);
        width: -moz-calc(75% - 20px);
        width: calc(75% - 20px)
    }

    .vacancies-items {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .vacancies-form-box {
        padding: 15px 10px 15px 10px
    }

    .vacancies-form {
        max-width: 100%
    }

    .vacancies-form__label {
        text-align: center
    }

    .vacancies-form-submit {
        margin-left: 123px
    }

    .vacancies-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .vacancy-aside {
        display: none
    }

    .vacancy-info {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .vacancy-card {
        width: -webkit-calc(33.33333% - 20px);
        width: -moz-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .vacancy-card__socials {
        margin-top: 45px;
        display: block
    }

    .vacancy-desc {
        width: -webkit-calc(66.66667% - 20px);
        width: -moz-calc(66.66667% - 20px);
        width: calc(66.66667% - 20px)
    }

    .vacancy-bottom {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .vacancy-bottom {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .testimonials-page-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .testimonials-page-video {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .testimonials-page-video {
        height: 236px
    }

    .bp-box {
        margin-bottom: 60px
    }

    .bp-aside {
        display: none
    }

    .bp-main {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .bp .similar-articles__item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .bp-aside-bottom__title {
        display: block
    }

    .bp-aside-tags {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .bp-info {
        display: block
    }

    .posts-aside {
        display: none
    }

    .posts-main {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .posts-content__item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .posts-aside-bottom {
        display: block
    }

    .posts__socials-box {
        display: block
    }

    .contacts-left {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contacts-left {
        margin-bottom: 85px
    }

    .contacts-right {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contacts-right {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .contacts-right__title {
        width: -webkit-calc(41.66667% - 20px);
        width: -moz-calc(41.66667% - 20px);
        width: calc(41.66667% - 20px)
    }

    .contacts-right__title {
        position: relative;
        z-index: 1
    }

    .contacts-right__title::before {
        content: '';
        display: block;
        position: absolute;
        left: -67px;
        top: -9px;
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
        width: 110.39px;
        height: 28px;
        background-color: #ffe600;
        z-index: -1
    }

    .contacts-right-item {
        width: -webkit-calc(41.66667% - 20px);
        width: -moz-calc(41.66667% - 20px);
        width: calc(41.66667% - 20px)
    }

    .contacts-right-item:nth-child(2n) {
        margin-left: -webkit-calc(8.33333% + 10px);
        margin-left: -moz-calc(8.33333% + 10px);
        margin-left: calc(8.33333% + 10px)
    }

    .contacts-right-item {
        margin-bottom: 45px
    }

    .contacts-right-item__img {
        max-width: 310px;
        height: 310px
    }

    .contacts__map {
        height: 434px
    }

    .event-aside {
        width: -webkit-calc(25% - 20px);
        width: -moz-calc(25% - 20px);
        width: calc(25% - 20px)
    }

    .event-main {
        width: -webkit-calc(75% - 20px);
        width: -moz-calc(75% - 20px);
        width: calc(75% - 20px)
    }

    .event-inv {
        padding: 26px 10px 10px 10px;
        margin-right: 0
    }

    .event-inv__hint {
        width: 130px
    }

    .event-card__img {
        max-width: 100%
    }

    .event-card__quote {
        margin-left: 0
    }

    .event-info-item {
        padding: 0 11px 0 11px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .event-works {
        padding: 45px 0 100px 0
    }

    .event-works-title {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .event-works-title {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .event-works-images {
        width: -webkit-calc(72.5% - 20px);
        width: -moz-calc(72.5% - 20px);
        width: calc(72.5% - 20px)
    }

    .event-works-images {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .event-works-images__box {
        height: 165px
    }

    .event-works-desc {
        width: -webkit-calc(27.5% - 20px);
        width: -moz-calc(27.5% - 20px);
        width: calc(27.5% - 20px)
    }

    .event-works-desc__icon {
        margin-bottom: 20px
    }

    .event-testimonials-box {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .event-testimonials-box {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .event-testimonials {
        padding: 50px 0 50px 0
    }

    .event-testimonials-title {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .about-reasons {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .about-reasons:last-child {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .about-reasons:last-child {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .footer-container {
        padding-top: 75px
    }

    .footer .contacts-box {
        width: -webkit-calc(33.33333% - 20px);
        width: -moz-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .footer .contacts-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer .phones {
        margin-right: 0;
    }

    .footer .form-box {
        width: -webkit-calc(66.66667% - 20px);
        width: -moz-calc(66.66667% - 20px);
        width: calc(66.66667% - 20px)
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -moz-transform-origin: 0;
        -ms-transform-origin: 0;
        -o-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -moz-transform-origin: 100%;
        -ms-transform-origin: 100%;
        -o-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width:875px) {
    .form-submit span {
        font-size: 21px;
        left: -101px
    }

    .vacancies-form-submit {
        margin-left: 110px
    }
}

@media screen and (max-width:870px) {
    .footer .copyright {
        display: none
    }
}

@media screen and (max-width:840px) {
    .vacancies-aside__title::before {
        left: -113px
    }

    .vacancies-form__label {
        font-size: 12px
    }

    .vacancies-form-submit {
        margin-left: 99px
    }

    .footer__img:before {
        width: 485px;
        left: -274px
    }
}

@media screen and (max-width:835px) {
    .an-header__form {
        margin-left: 10px
    }

    .an-header__form-input {
        width: 210px
    }

    .an-header__form-btn {
        margin-left: 10px;
        font-size: 15px;
        width: 140px
    }
}

@media screen and (max-width:810px) {
    .event-info-item__title {
        font-size: 15px
    }
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media screen and (max-width:768px) {
    .container {
        max-width: 640px
    }

    .page-title-md {
        font-size: 32px
    }

    .breadcrumbs {
        display: none
    }

    .event-btn {
        -webkit-transform: translateX(-270%);
        -moz-transform: translateX(-270%);
        -ms-transform: translateX(-270%);
        -o-transform: translateX(-270%);
        transform: translateX(-270%);
        margin: 70px auto
    }

    .header-menu-toggle {
        display: none
    }

    .main-slide__link {
        transform: translate(-50%, 0);
    }

    .advantages {
        padding-top: 10px;
    }

    .category__title {
        margin: 0 auto 25px auto
    }

    .category-item {
        height: 155px;
        margin-bottom: 10px
    }

    .category-item__box {
        margin-bottom: 35px
    }

    .official__wrapper {
        flex-direction: column;
        padding: 35px 20px 25px;
    }

    .official__img {
        width: 100%;
    }

    .mc-news__title {
        margin-bottom: 25px
    }

    .mc-news__items {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .mc-news__items-wrapper {
        gap: 0;
    }

    .mc-news-box {
        gap: 30px;
    }

    .mc-news-item {

    }

    .mc-news-item__header {
        height: 155px;
        margin-bottom: 15px
    }

    .mc-news-item__title {
        width: 157px
    }

    .mc-news-item__subtitle {

    }

    .mc-news-item__subtitle {
        font-size: 18px
    }

    .mc-news-item__desc {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px
    }

    .about-block-item {
        width: -webkit-calc(83.33333% - 20px);
        width: -moz-calc(83.33333% - 20px);
        width: calc(83.33333% - 20px)
    }

    .about-block-item {
        margin-left: -webkit-calc(8.33333% + 10px);
        margin-left: -moz-calc(8.33333% + 10px);
        margin-left: calc(8.33333% + 10px)
    }

    .about-block-item {
        margin-right: -webkit-calc(8.33333% + 10px);
        margin-right: -moz-calc(8.33333% + 10px);
        margin-right: calc(8.33333% + 10px)
    }

    .schedule .st-head {
        display: none
    }

    .schedule .st-course-head {
        display: none
    }

    .schedule .st-course-head-mobile {
        display: block;
        margin-bottom: 28px
    }

    .schedule .st-course-head-mobile svg {
        display: block;
        position: absolute;
        width: 15px;
        height: 15px;
        left: -12px;
        top: 50%;
        cursor: pointer;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -ms-transform-origin: center center;
        -o-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: -o-transform .3s;
        -moz-transition: transform .3s, -moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
    }

    .schedule .st-course-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0 50px 0;
        width: 49%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .schedule .st-course-row:not(:last-child) {
        border: none
    }

    .schedule .st-course-row::before {
        display: none
    }

    .schedule .st-course-row__name {
        width: auto
    }

    .schedule .st-course-row__name a {
        margin-left: 0;
        font-size: 20px;
        font-weight: 700;
        color: #5e337b;
        padding: 5px 0
    }

    .schedule .st-course-row__name a::before {
        display: none
    }

    .schedule .st-course-row__cost,
    .schedule .st-course-row__date,
    .schedule .st-course-row__duration,
    .schedule .st-course-row__time {
        padding: 5px 0;
        font-size: 20px;
        line-height: 20px
    }

    .schedule .st-course-row__cost,
    .schedule .st-course-row__date,
    .schedule .st-course-row__duration,
    .schedule .st-course-row__name,
    .schedule .st-course-row__time {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .schedule .st-course-row__date {
        width: auto
    }

    .schedule .st-course-row__time {
        width: auto
    }

    .schedule .st-course-row__duration {
        width: auto
    }

    .schedule .st-course-row__cost {
        width: auto
    }

    .schedule .st-course-row__btn-box {
        width: auto;
        -webkit-box-flex: initial;
        -webkit-flex-grow: initial;
        -moz-box-flex: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 32px
    }

    .schedule .st-course-row__btn {
        font-size: 18px;
        line-height: 53px;
        height: 55px;
        width: 280px
    }

    .upcoming-title::after,
    .upcoming-title::before {
        display: block
    }

    .upcoming-item__img {
        height: 180px
    }

    .upcoming-time-block {
        font-size: 42px;
        line-height: 45px
    }

    .upcoming-time-block--green {
        background-color: #6ac1bc;
        bottom: 0;
        width: 100%
    }

    .planned-item__img-box {
        height: 180px
    }

    .planned-item__title {
        font-size: 24px
    }

    .an-header__form-close {
        display: none
    }

    .an-item__card-img {
        height: 160px
    }

    .teachers-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .teacher-card {
        width: -webkit-calc(33.33333% - 20px);
        width: -moz-calc(33.33333% - 20px);
        width: calc(33.33333% - 20px)
    }

    .teacher-card img {
        max-width: 200px
    }

    .teacher-card p {
        font-size: 22px;
        line-height: 1.4
    }

    .teacher-info {
        width: -webkit-calc(58.33333% - 20px);
        width: -moz-calc(58.33333% - 20px);
        width: calc(58.33333% - 20px)
    }

    .teacher-info {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .vacancies-box {
        margin-top: 50px
    }

    .vacancies-section-title {
        display: block
    }

    .vacancies-aside {
        display: none
    }

    .vacancies-items {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .vacancies-items-top {
        display: block
    }

    .vacancies__desc {
        display: block
    }

    .vacancies-form {
        margin-bottom: 0
    }

    .vacancies-fb {
        display: block
    }

    .vacancies-divider {
        display: none
    }

    .vacancy-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .testimonials-page-video {
        height: 174px
    }

    .bp-hero {
        height: 242px
    }

    .bp-hero {
        margin-top: 40px
    }

    .contacts-left__phone-box {
        display: none
    }

    .contacts-right__title {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contacts-right-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }

    .contacts-right-item:nth-child(2n) {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .contacts-right-item {
        margin-bottom: 55px
    }

    .contacts__map {
        height: 455px
    }

    .contacts-callback {
        display: block
    }

    .event-hero {
        /* height: 240px; */
        margin-top: 30px
    }

    .event-aside {
        display: none
    }

    .event-main {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .event-main-top {
        display: block
    }

    .event-inv__hint-course {
        width: auto
    }

    .event-inv-item {
        margin-bottom: 0
    }

    .event-inv-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .event-inv-course {
        display: block
    }

    .event-info {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        margin-bottom: 30px
    }

    .event-info::after {
        display: block;
        height: 88%
    }

    .event-info-items {
        width: 100%
    }

    .event-info-item::after {
        display: none
    }

    .event-info-item__title {
        font-size: 16px
    }

    .event-info-item__count {
        font-size: 66px
    }

    .event-socials-bottom {
        display: block
    }

    .event__btn {
        margin-bottom: 40px
    }

    .event-works {
        padding: 45px 0 30px 0
    }

    .event-works-images {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .event-works-images {
        margin-bottom: 52px
    }

    .event-works-desc {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .event-works-desc__icon {
        display: none
    }

    .event-works-desc__text {
        font-size: 18px;
        line-height: 26px
    }

    .event-testimonial {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .event-testimonial:not(:last-child) {
        margin-bottom: 50px
    }

    .event-testimonial:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .event-testimonial__header {
        margin-bottom: 30px
    }

    .event-testimonial__status {
        max-width: 200px
    }

    .about-container {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .about-container {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .about-card {
        margin-left: -60px
    }

    .about-blockquote {
        margin: 55px 0 0 70px
    }

    .about-reasons {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .about-reasons {
        margin-bottom: 0
    }

    .about-reasons:last-child {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .about-reasons:last-child {
        margin-bottom: 60px
    }

    .footer-container {
        max-width: 100%
    }

    .footer-container>.container {
        max-width: 100%;
        padding: 0
    }

    .footer-md-container {
        max-width: 640px;
        width: 100%;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }

    .footer .scroll-up {
        display: none
    }

    .footer__img {
        bottom: 270px;
        width: 226px
    }

    .footer__img:before {
        display: none
    }

    .footer__img:after {
        display: block
    }

    .footer-box {
        width: 100%;
        margin: 0;
        padding-bottom: 0
    }

    .footer .contacts {
        margin-bottom: 15px
    }

    .footer .contacts-box {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .footer .contacts-box {
        margin: 0;
        width: 100%;
        padding-bottom: 20px;
        padding-top: 40px
    }

    .footer .contacts-box .footer-socials {
        display: none
    }

    .footer .address {
        color: #fff
    }

    .footer .address-dashed {
        color: #fff;
        border: none
    }

    .footer-socials {
        margin-bottom: 20px;
        margin-top: 110px
    }

    .footer-socials svg {
        max-width: 55px;
        max-height: 55px
    }

    .footer .socials-block {
        margin-left: 0;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .footer .socials-block__icon {
        max-width: 55px;
        max-height: 55px;
        fill: #fff
    }

    .footer .socials-block__link:not(:last-child) {
        margin-right: 32px
    }

    .footer-logo {
        display: none
    }

    .footer .copyright {
        display: block;
    }

    .footer .form-box {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .footer .form-box {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding: 30px 20px;
    }

    .footer .form-box .footer-socials {
        display: block
    }

    .footer .footer__bottom {
        flex-direction: column-reverse;
        margin-top: 30px;
    }

    .footer .socials-block {
        align-self: center;
    }

    .footer .form-box .footer-socials .socials__icon {
        fill: #a897b4
    }

    .footer .form-box__faq {
        margin-bottom: 15px
    }

    .footer .footer-form__input::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .footer .footer-form__input:-moz-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .footer .footer-form__input::-moz-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .footer .footer-form__input:-ms-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .footer .footer-form__input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .footer .footer-form__input::placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .bp-content img,
    .bp-content iframe
    {
        max-width: 100%;
    }
}

@media screen and (max-width:670px) {
    .teacher-card {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px);
        margin-bottom: 20px
    }

    .teacher-card img {
        margin-bottom: 30px
    }

    .teacher-card p {
        font-size: 26px;
        line-height: 1.6;
        width: 322px;
        margin-left: 40px
    }

    .teacher-info {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .our-team-item {
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px)
    }
}

@media screen and (max-width:660px) {
    .event-info {
        margin-bottom: 50px
    }

    .event-info-item {
        min-height: 210px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .event-info-item__title {
        margin-top: 20px
    }
}

@media screen and (max-width:655px) {
    .upcoming-time-block {
        font-size: 36px;
        line-height: 36px
    }
}

@media screen and (max-width:620px) {
    .schedule .st-course-row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding-left: 25px
    }
}

@media screen and (max-width:600px) {
    .students-work__slider .slick-list {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media screen and (max-width:576px) {
    .container {
        max-width: 500px;
        padding-left: 30px;
        padding-right: 30px
    }

    .page-title-sm {
        font-size: 32px
    }

    .menu-toggle {
        display: none
    }

    .header {
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
        padding: 10px 0 10px 0
    }

    .header-logo {
        display: none
    }

    .header-logo-mobile {
        display: block
    }

    .header-menu-toggle {
        margin-top: 0
    }

    .header-sm-hamburger {
        margin-bottom: -9px
    }

    .header-lang {
        margin-bottom: -4px
    }

    .main-slide {
        height: 200px;
    }

    .category-item {
        height: 250px;
        margin-bottom: 15px
    }

    .category-item__box {
        margin-bottom: 15px
    }

    .category-item__title {
        font-size: 26px
    }

    .mc-news__title {

    }

    .mc-news__items--mobile {
        /* display: block */
    }

    .mc-news__items-wrapper {
        flex-direction: column;
    }

    .mc-news__items--wide .mc-news-item {
        width: calc(100% - 20px);
    }

    .mc-news-item--all {
        display: none
    }

    .mc-news-item__header {
        height: 250px;
        margin-bottom: 28px
    }

    .mc-news-item__header-time {
        font-size: 43px;
        line-height: 45px;
        display: block
    }

    .mc-news-item__subtitle {

    }

    .mc-news-item__subtitle {
        font-size: 24px
    }

    .mc-news-item__desc {
        margin-top: 23px
    }

    .about-block-item {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .about-block-item {
        margin-right: -webkit-calc(0% + 10px);
        margin-right: -moz-calc(0% + 10px);
        margin-right: calc(0% + 10px)
    }

    .about-block-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .testimonials__link {
        display: none
    }

    .testimonials .testimonial__video {
        max-width: 373px;
        height: 210px
    }

    .upcoming-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .upcoming-item__img {
        height: 262px
    }

    .upcoming-item__btn-box {
        width: 240px;
        margin: auto
    }

    .upcoming-time-block__date {
        margin-left: 20px
    }

    .upcoming-time-block--green {
        text-align: left
    }

    .planned-title::before {
        display: block
    }

    .planned-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .planned-item__img-box {
        height: 262px
    }

    .an-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 10px
    }

    .an-header__message {
        margin: auto
    }

    .an-header__form {
        margin-left: 0;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -moz-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .an-header__form-input {
        width: 100%
    }

    .an-header__form-btn {
        margin-left: 0;
        margin-top: 20px;
        width: 200px;
        font-size: 20px
    }

    .an-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .an-item__card-img {
        height: 217px
    }

    .an-item__time-block {
        font-size: 42px
    }

    .teacher-box {
        margin-bottom: 40px
    }

    .teacher-card img {
        max-width: 240px
    }

    .our-team {
        margin-top: 70px
    }

    .our-team-title {
        display: none
    }

    .vacancies-item__img-box {
        height: 120px
    }

    .vacancy-card {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .vacancy-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px
    }

    .vacancy-card__img {
        max-width: 260px;
        margin-right: 20px
    }

    .vacancy-card__socials {
        display: none
    }

    .vacancy-desc {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .vacancy-bottom {
        display: none
    }

    .vacancy-bottom__socials {
        display: block
    }

    .vacancy-all {
        margin: 0 auto 40px auto
    }

    .testimonials-page-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .testimonials-page-item__img {
        width: 110px;
        height: 110px
    }

    .testimonials-page-video {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .testimonials-page-video {
        height: 280px
    }

    .bp-hero {
        height: 180px
    }

    .bp .similar-articles {
        display: none
    }

    .bp .similar-articles-title {
        display: none
    }

    .bp-aside-tags {
        margin-left: -20px
    }

    .bp-aside__tag {
        margin: 0 22px
    }

    .bp-info {
        margin-top: 55px
    }

    .posts-content__item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contacts-right-item__img {
        height: 240px
    }

    .contacts__map {
        height: 317px
    }

    .event-wrapper {
        margin-top: 15px
    }

    .event-hero {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }

    .event__time-block {
        font-size: 66px;
        height: 80px
    }

    .event__time-block--green {
        background-color: #6ac1bc;
        margin-left: 0;
        width: 100%
    }

    .event-box {
        margin-top: 0
    }

    .event-main-top-box {
        background-color: #efebf2;
        padding: 15px 0 40px 0;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }

    .event-main-top-course {
        max-width: 460px;
        padding: 0 30px;
        margin: 0 auto
    }

    .event-inv-item {
        margin-bottom: 35px
    }

    .event-inv-course {
        padding: 0;
        border: none
    }

    .event-info {
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }

    .event-info-item::after {
        height: 86%
    }

    .event-works-images__box {
        height: 125px
    }

    .about-card__img {
        min-width: 240px;
        max-width: 240px;
        height: 240px;
        margin-right: 0
    }

    .about-blockquote {
        margin: 55px 0 0 30px
    }

    .about-blockquote svg {
        left: -55px
    }

    .nf-text {
        margin-left: 30px
    }

    .footer-md-container {
        max-width: 500px
    }

    .advantages {
        padding-bottom: 10px;
    }

    .advantages-items {
        /* flex-direction: column; */
        /* align-items: center; */
        padding: 10px;
        row-gap: 10px;
    }

    .advantages-item {
        width: calc(50% - 10px);
        font-size: 14px;
        font-weight: normal;
        margin-left: 5px;
        margin-right: 5px;
        line-height: 1.25;
    }

    .advantages-item span {
        font-size: 26px;
    }
}

@media screen and (max-width:515px) {
    .contacts-right-item {
        width: -webkit-calc(83.33333% - 20px);
        width: -moz-calc(83.33333% - 20px);
        width: calc(83.33333% - 20px)
    }
}

@media screen and (max-width:500px) {
    .testimonials .testimonial {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .testimonials .testimonial__content {
        margin-left: 0
    }

    .testimonials .testimonial__video {
        max-width: 100%;
        height: 179px
    }
}

@media screen and (max-width:495px) {
    .vacancy-info-box {
        margin-bottom: 15px
    }

    .vacancy-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vacancy-card__img {
        width: 218px
    }
}

@media screen and (max-width:480px) {
    .event__time-block {
        font-size: 51px;
        height: 50px;
        line-height: 52px
    }

    .students-work__slider .slick-list {
        margin-left: 10px;
        margin-right: 10px
    }
}

@media screen and (max-width:470px) {

    .about-slider-next,
    .about-slider-prev {
        -webkit-transform: translateY(-65%);
        -moz-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
        -o-transform: translateY(-65%);
        transform: translateY(-65%)
    }

    .about-slider-next {
        -webkit-transform: translateY(-65%) rotate(180deg);
        -moz-transform: translateY(-65%) rotate(180deg);
        -ms-transform: translateY(-65%) rotate(180deg);
        -o-transform: translateY(-65%) rotate(180deg);
        transform: translateY(-65%) rotate(180deg)
    }
}

@media screen and (max-width:465px) {
    .teachers-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

@media screen and (max-width:455px) {
    .advantages-item {
        /* font-size: 19px */
    }
}

@media screen and (max-width:450px) {
    .vacancies-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .vacancies-item__img-box {
        height: 155px
    }
}

@media screen and (max-width:440px) {
    .footer .footer-form__line {
        bottom: 19px;
        right: -2px
    }

    .footer .footer-form .cscf-form-err-msg {
        position: static;
        display: block
    }
}

@media screen and (max-width:415px) and (max-width:992px) {
    .about-reason__num {
        width: -webkit-calc(31.66667% - 20px);
        width: -moz-calc(31.66667% - 20px);
        width: calc(31.66667% - 20px)
    }

    .about-reason__desc {
        width: -webkit-calc(68.33333% - 20px);
        width: -moz-calc(68.33333% - 20px);
        width: calc(68.33333% - 20px)
    }
}

@media screen and (max-width:415px) {
    .footer__img {
        width: 185px
    }
}

@media screen and (max-width:376px) {
    .container {
        max-width: 320px;
        padding-left: 20px;
        padding-right: 20px
    }

    .page-title-xs {
        font-size: 32px
    }

    .header {
        padding: 10px 0 10px 0;
    }

    .header-logo-mobile {
        max-width: 140px
    }

    .header-lang {
        display: none
    }

    .category__title {
        margin: 0 auto 5px auto
    }

    .category-item {
        height: 153px
    }

    .category-item__box {
        margin-bottom: 30px
    }

    .mc-news {
        overflow-x: hidden
    }

    .mc-news__items {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .mc-news__items {
        margin-left: -webkit-calc(0% + 10px);
        margin-left: -moz-calc(0% + 10px);
        margin-left: calc(0% + 10px)
    }

    .mc-news__items {
        margin-right: -webkit-calc(0% + 10px);
        margin-right: -moz-calc(0% + 10px);
        margin-right: calc(0% + 10px)
    }

    .mc-news-item__header {
        height: 180px
    }

    /* .advantages-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    } */

    /* .advantages-item {
        font-size: 22px;
        line-height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    } */

    .advantages-item:nth-child(odd):not(:first-child) {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .advantages-item:nth-child(odd):not(:first-child) span {
        max-width: 62%
    }

    .advantages-item:first-child {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .advantages-item__img {
        margin: 0 auto
    }

    .testimonials .testimonial__img img {
        width: 80px;
        height: 80px
    }

    .testimonials .testimonial__video {
        max-width: 100%;
        height: 175px
    }

    .schedule .st-course-row__btn-box {
        width: 100%;
        margin-left: -25px
    }

    .schedule .st-course-row__btn {
        width: 100%
    }

    .upcoming-item__img {
        height: 180px
    }

    .upcoming-item__btn-box {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .upcoming-time-block__date {
        margin-left: 0
    }

    .upcoming-time-block--green {
        text-align: center
    }

    .planned-item__img-box {
        height: 180px
    }

    .an-header__form-input {
        padding-left: 0
    }

    .an-header__form-btn {
        width: 100%
    }

    .an-item__card-img {
        height: 225px;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }

    .an-item__time-block {
        font-size: 40px;
        line-height: 58px
    }

    .teacher-card {
        width: -webkit-calc(83.33333% - 20px);
        width: -moz-calc(83.33333% - 20px);
        width: calc(83.33333% - 20px)
    }

    .teacher-card img {
        max-width: 220px
    }

    .teacher-card p {
        font-size: 26px;
        line-height: 41px;
        width: 265px
    }

    .vacancies-fb__submit {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .vacancies-fb__warning {
        max-width: 100%
    }

    .vacancies-fb-fields {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        width: 100%
    }

    .vacancies-fb-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .testimonials-page-item__img {
        width: 90px;
        height: 90px
    }

    .testimonials-page-video {
        height: 173px
    }

    .bp-aside-tags {
        margin-left: -12px
    }

    .bp-aside__tag {
        margin: 0 20px
    }

    .contacts-right-item {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px)
    }

    .contacts-right-item__img {
        max-width: 200px;
        height: 200px
    }

    .contacts__map {
        width: 310px
    }

    .event-hero {
        /* height: 180px */
    }

    .event__time-block {
        font-size: 38px
    }

    .event-main-top-course {
        max-width: 320px;
        padding: 0 20px
    }

    .event-card-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .event-card-md__img {
        margin-bottom: 15px
    }

    .event-card-md__text {
        margin-left: 0
    }

    .event__btn {
        width: 100%
    }

    .event-works-images {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        background-color: transparent;
        padding: 0
    }

    .event-works-images__box {
        width: 100%;
        height: 235px
    }

    .event-works-images__box:nth-child(3),
    .event-works-images__box:nth-child(4) {
        display: none
    }

    .event-works-desc {
        margin-top: 500px
    }

    .event-testimonial__text {
        font-size: 18px;
        line-height: 26px
    }

    .about-card {
        margin-left: -20px
    }

    .about-card__img {
        min-width: 90px;
        max-width: 90px;
        height: 90px
    }

    .about-card__info {
        margin-top: 0
    }

    .about-blockquote {
        font-size: 18px
    }

    .about-blockquote svg {
        width: 42px;
        height: 32px;
        top: -20px;
        left: -45px
    }

    .nf-text__bold {
        font-size: 56px
    }

    .nf-text__desc {
        font-size: 20px
    }

    .footer__img {
        right: -45px
    }

    .footer .socials-block__link:not(:last-child) {
        margin-right: 15px
    }

    .footer .copyright {
        font-size: 13px
    }

    .footer .form-box {
        margin: 0;
        width: 100%
    }

    .footer .footer-form {
        width: 100%
    }
}

@media screen and (max-width:355px) {
    .event-info::after {
        height: 91%
    }
}

@media screen and (max-width:350px) {
    .event-info::after {
        right: 52%
    }
}

@media screen and (max-width:345px) {
    .dc-form-box {
        width: 265px
    }
}

@media screen and (max-width:340px) {
    .testimonials .testimonial__video {
        height: 158px
    }

    .an-item__time-block {
        font-size: 38px
    }

    .contacts-right-item__img {
        max-width: 180px;
        height: 180px
    }

    .contacts__map {
        width: 100%;
        height: 281px
    }

    .event-testimonial__img {
        min-width: 75px;
        max-width: 75px;
        height: 75px
    }
}

@media screen and (max-width:320px) {
    .category-item {
        height: 140px
    }

    .category-item__box {
        margin-bottom: 40px
    }

    .mc-news__title {

    }

    .mc-news-item__header {
        margin-bottom: 27px
    }

    .mc-news-item__header-time {
        line-height: 48px
    }

    .testimonials-page-video {
        height: 157px
    }

    .about-card__img {
        min-width: 80px;
        max-width: 80px;
        height: 80px
    }
}

@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    .view-all__text {
        width: 176px
    }

    .dc-form-order {
        width: 176px
    }

    .dc-form-register {
        width: 176px
    }

    .footer .scroll-up {
        bottom: 10px
    }

    .footer .footer-form__input {
        line-height: 0;
        padding: 3px 0 3px 2px
    }
}