/* Start:/local/templates/CIS_Template/styles.css?15750203671013*/


/* временно */


/*
.side-line{ 
    top: 50px !important;
}
.topmenu{
    top: 135px !important;    
}
*/

.section {
    position: relative;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
}


/* \временно */

.api_upload .api_progress_bar .api_progress {
    background: #d0fbe3;
}

.facilities-block-wr .item-text h6 {
    transition: all 0.3s ease-in-out;
    min-height: 33px;
}

.full-width {
    width: 100%;
}

.text-center {
    text-align: center;
}


/*
.left-hero__content h5,
.campus-item h6,
.campuse-page .about__grid h1{
    white-space: nowrap;
}
*/

.afd-row-privacy {
    margin-bottom: 20px;
    width: 100%;
}

.afd-row-privacy .api-field {
    display: inline;
    vertical-align: bottom;
}

.afd-row-privacy.afd-row-danger .afd-accept-text a {
    color: red;
}

.afd-row-privacy .afd-accept-text {
    display: inline;
    margin-left: 5px;
}

.afd-row-privacy .afd-controls.wide-form {
    max-width: 540px;
    padding: 0 20px;
    margin: 20px auto 0;
}


/* End */


/* Start:/local/templates/CIS_Template/template_styles.css?157358345378*/

.blog-post__body.basic-typography {
    z-index: 50;
    position: relative;
}


/* End */


/* Start:/local/templates/CIS_Template/css/main.css?1580355909190591*/


/* Document
   ========================================================================== */

.b_box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.ve {
    content: '';
    display: block;
    position: absolute
}

.f_size {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.after_clear {
    width: 100%;
    clear: both;
    content: " ";
    display: block
}

.line {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative
}


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    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-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

@keyframes "pulse" {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: red
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        color: red
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        color: red
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        color: red
    }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
        color: red
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
        color: red
    }
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        color: red
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        color: red
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        color: red
    }
}

@-ms-keyframes "pulse" {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        color: red
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
        color: red
    }
}

.pulse {
    display: inline-block!important;
    -webkit-animation: pulse 1s linear 1;
    -moz-animation: pulse 1s linear 1;
    -ms-animation: pulse 1s linear 1;
    animation: pulse 1s linear 1
}

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0!important;
    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
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    padding: 0;
    border: 0;
    outline: 0
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    outline: 0;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 1
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

[dir="rtl"] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir="rtl"] .slick-next:before {
    content: ""
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 40px;
    z-index: 11;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 18px;
    width: 18px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: 0
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 18px;
    height: 18px;
    font-family: "slick";
    font-size: 22px;
    line-height: 18px;
    text-align: center;
    color: #000;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #ed145c;
    opacity: 1
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity
}

html,
body {
    height: 100%
}

body {
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    width: 100%
}

body.popup__active {
    position: fixed
}

.wrapper {
    width: 100%;
    position: relative;
    height: 100%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

body.loaded .wrapper {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.main-panel {
    height: 100%
}

.grid {
    margin-left: 120px;
    margin-right: 120px
}

.grid::after,
.grid::before {
    width: 100%;
    clear: both;
    content: " ";
    display: table
}

.grid__row {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.grid__row::after,
.grid__row::before {
    width: 100%;
    clear: both;
    content: " ";
    display: table
}

.grid-col-1 {
    width: 25%;
    display: inline-block;
    float: left
}

.grid-col-3-3 {
    width: 33.33%;
    display: inline-block;
    float: left
}

.grid-col-2 {
    width: 50%;
    display: inline-block;
    float: left
}

.grid-col-3 {
    width: 75%;
    display: inline-block;
    float: left
}

.grid-col-4 {
    width: 100%;
    display: inline-block;
    float: left
}

.positive-lines {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 40;
    width: 100%;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}

.positive-lines .grid {
    height: 100%
}

.positive-lines .grid .grid__row {
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-left: 1px solid rgba(255, 255, 255, .5)
}

.positive-lines .grid .grid__row div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid rgba(255, 255, 255, .5);
    height: 100%
}

.positive-lines.negative .grid .grid__row {
    border-left: 1px solid #f3f1f2
}

.positive-lines.negative .grid .grid__row div {
    border-right: 1px solid #f3f1f2
}

.paddingBottom {
    padding-bottom: 60px
}

.paddingTop {
    padding-top: 60px
}

.flex-cols {
    width: 100%;
    overflow-x: hidden
}

.flex-cols a,
.flex-cols div {
    margin-bottom: 15px;
    margin-top: 15px;
    display: inline-block
}

.flex-cols__4 {
    display: inline-block;
    width: 24%;
    vertical-align: top
}

.flex-cols__3 {
    display: inline-block;
    width: 30%;
    margin-right: 30px;
    max-width: 250px;
    vertical-align: top
}

.flex-cols__2 {
    display: inline-block;
    width: 48%;
    vertical-align: top
}

.zIndexClass {
    position: relative!important;
    z-index: 100000!important
}

.zIndexClass .side__socials {
    z-index: 0
}

.zIndexClass .about__grid {
    z-index: 50!important
}

@media (max-width: 1280px) {
    .grid {
        margin-left: 100px;
        margin-right: 80px
    }
    .flex-cols__4 {
        width: 30%
    }
}

@media (max-width: 1023px) {
    .grid {
        margin-left: 80px;
        margin-right: 80px
    }
    .grid-col-1 {
        width: 50%
    }
    .grid-col-2 {
        width: 100%
    }
    .grid-col-3 {
        width: 100%
    }
    .positive-lines {
        display: none
    }
}

@media (max-width: 767px) {
    .grid {
        margin-left: 30px;
        margin-right: 30px
    }
    .grid-col-1,
    .grid-col-3-3 {
        width: 100%
    }
}

@media (max-width: 600px) {
    .flex-cols__4 {
        width: 49%
    }
    .flex-cols__2 {
        width: 100%
    }
}

@media (max-width: 480px) {
    .grid {
        margin-left: 15px;
        margin-right: 15px
    }
}

h1,
.h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 70px;
    line-height: 80.5px;
    font-weight: 800
}

h2,
.h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 50px;  font-weight: 800
}

h3,
.h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    line-height: 1.15; font-weight: 800
}

h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    line-height: 42px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0; font-weight: 800;
}

h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    line-height: 33px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0
}

p+p {
    margin-top: 30px
}

.fontSmall {
    font-size: 14px
}

.fontMedium {
    font-size: 16px
}

.fontBasic {
    font-size: 18px
}

.lead {
    font-family: 'Montserrat', sans-serif;
    font-size: 33px
}

a {
    text-decoration: underline;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: #151515
}

a:hover {
    color: #ed145c
}

.bold {
    font-weight: 700
}

input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #a8a8a8;
    height: 30px;
    line-height: 30px;
    padding: 0;
    outline: 0
}

.basic-typography {
    line-height: 1.7
}

.basic-typography p+p {
    margin-top: 30px
}

.basic-typography img {
    width: 100%
}

.basic-typography p+img,
.basic-typography img+p,
.basic-typography img+ul,
.basic-typography ul+img,
.basic-typography div+p,
.basic-typography p+div {
    margin-top: 30px
}

.basic-typography .image-subhead {
    font-size: 14px;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 0
}

.basic-typography ul {
    margin: 0
}

.basic-typography li {
    padding: 0 0 20px 20px;
    list-style: none;
    position: relative
}

.basic-typography li:before {
    content: '—';
    position: absolute;
    left: 0;
    top: 0;
    color: #ed145c
}

.basic-typography blockquote {
    padding-left: 40px;
    margin: 60px 0;
    border-left: 2px solid #a8a8a8;
    font-size: 22px
}

.basic-typography blockquote div {
    font-size: 14px;
    color: #a8a8a8;
    font-family: 'Montserrat', sans-serif;
    margin-top: 24px
}

.basic-typography a {
    color: #ed145c
}

.showmore {
    height: 60px;
    line-height: 60px;
    width: 200px;
    margin: 60px auto;
    border-top: 1px solid #ed145c;
    border-bottom: 1px solid #ed145c;
    color: #ed145c;
    text-align: center;
    position: relative;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    display: block;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 60ms ease-in;
    -moz-transition: all 60ms ease-in;
    -o-transition: all 60ms ease-in;
    transition: all 60ms ease-in;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.showmore .showmore__text {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.showmore .load {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 2px solid #ed145c;
    border-radius: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -17px
}

.showmore.loading {
    cursor: default;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.showmore.loading .showmore__text {
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.showmore.loading .load {
    border-top: 2px solid transparent;
    -webkit-animation: load-animate infinite linear 1s;
    animation: load-animate infinite linear 1s;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.button {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none;
    height: 40px;
    border: 1px solid #ed145c;
    background-color: #ed145c;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    padding: 0 30px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.button:hover {
    border: 1px solid #842628;
    background-color: #842628;
    color: #fff
}

.button.button__transparent {
    background-color: transparent;
    color: #ed145c
}

.button.button__transparent:hover {
    background-color: #ed145c;
    border-color: #ed145c;
    color: #fff
}

.button.button__white.button__transparent {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff
}

.button.button__white.button__transparent:hover {
    background-color: #fff;
    color: #ed145c
}

.iconBasic {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    fill: #151515
}

.iconBasic.icon__big {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.iconBasic.icon__medium {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.iconBasic.icon__small {
    width: 12px;
    height: 12px;
    line-height: 12px
}

.whiteButton {
    width: 100%;
    display: block;
    clear: both;
    height: 80px;
    line-height: 80px;
    color: #ed145c;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center
}

.whiteButton svg {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    fill: #ed145c;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.whiteButton:hover {
    color: #fff;
    background: #ed145c
}

.whiteButton:hover svg {
    fill: #fff;
    -webkit-transform: translate(6px, 0);
    -moz-transform: translate(6px, 0);
    -o-transform: translate(6px, 0);
    -ms-transform: translate(6px, 0);
    transform: translate(6px, 0)
}

.downloadFile {
    width: 100%;
    display: block;
    clear: both;
    height: 160px;
    line-height: 160px;
    overflow-y: hidden;
    background-color: #fff;
    text-decoration: none;
    position: relative;
    margin: 90px 0
}

.downloadFile:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: ' ';
    margin-top: -.5px;
    background-color: #f3f1f2;
    z-index: 90;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.downloadFile .download__title {
    padding: 0 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #ed145c;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 100
}

.downloadFile .download__title .title {
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 30px
}

.downloadFile .download__title .info {
    font-size: 14px;
    color: #a8a8a8;
    white-space: nowrap
}

.downloadFile .download__icon {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: -28px;
    border: 1px solid #f3f1f2;
    width: 56px;
    height: 56px;
    background-color: #fff;
    z-index: 110;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.downloadFile .download__icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -14px 0 0 -14px;
    fill: #ed145c
}

.downloadFile:hover .download__title .title {
    text-decoration: underline
}

.downloadFile:hover .download__icon {
    background-color: #f3f1f2
}

.breadcrumps {
    font-size: 14px;
    font-family: 'Lora', serif
}

.breadcrumps a {
    text-decoration: none
}

.breadcrumps span:before {
    content: '|';
    font-style: normal;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    padding-left: 8px;
    margin-right: 6px;
    display: inline-block
}

.breadcrumps .bread__home {
    vertical-align: middle
}

.breadcrumps .bread__item:first-child:before {
    content: '';
    margin-left: 0;
    padding-left: 0
}

.breadcrumps svg {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    fill: #151515
}

.breadcrumps a:hover svg {
    fill: #ed145c
}

.icon-plus {
    height: 30px;
    width: 30px;
    font-size: 0
}

.icon-plus__horizontal {
    position: absolute;
    background-color: #ed145c;
    width: 30px;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.icon-plus__vertical {
    position: absolute;
    background-color: #ed145c;
    width: 2px;
    height: 30px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -15px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.icon-link-red {
    color: #ed145c;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.icon-link-red span {
    display: inline-block;
    padding-left: 28px;
    padding-right: 20px
}

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

.icon-link-red:hover {
    color: #842628
}

.icon-link-red:hover svg {
    fill: #842628
}

.active .icon-plus__vertical {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.active .icon-plus__horizontal {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0)
}

.explain {
    display: inline-block;
    color: #a8a8a8;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-style: italic
}

.contactLine {
    font-size: 18px;
    margin-bottom: 15px
}

.contactLine .label {
    width: 80px;
    display: inline-block
}

.contactLine svg {
    vertical-align: middle;
    fill: #a8a8a8;
    margin-right: 4px
}

.contactLine a {
    text-decoration: none
}

@media (max-width: 1100px) {
    h1,
    .h1 {
        font-size: 56px;
        line-height: 1.15
    }
    h3 {
        font-size: 30.400000000000002px
    }
    h5 {
        font-size: 22.400000000000002px
    }
}

@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: 60px;
        line-height: 1.15
    }
    h2,
    .h2 {
        font-size: 36px;
        line-height: 1.15;
        margin-bottom: 60px
    }
    h3,
    .h3 {
        font-size: 28px;
        line-height: 1.15
    }
    h5,
    .h4 {
        font-size: 22px;
        line-height: 1.15
    }
    .lead {
        font-size: 22px
    }
}

@media (max-width: 660px) {
    .downloadFile {
        height: auto;
        line-height: 0;
        padding: 30px 0
    }
    .downloadFile:before {
        display: none
    }
    .downloadFile .download__icon {
        right: 30px
    }
    .downloadFile .download__title {
        padding: 0 120px 0 30px;
        line-height: 1.5
    }
    .downloadFile .download__title .title {
        margin-right: 0
    }
    .basic-typography ul {
        padding-left: 0
    }
    .basic-typography blockquote {
        padding-left: 20px
    }
}

@media (max-width: 440px) {
    h1,
    .h1 {
        font-size: 44px
    }
    h2,
    .h2 {
        font-size: 32px
    }
    .contactLine .label {
        width: auto
    }
}

@-webkit-keyframes load-animate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load-animate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.loader {
    position: fixed;
    z-index: 10100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    visibility: visible;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.loader.finished {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    visibility: hidden
}

.loader__bar {
    background-color: #ede9ea;
    width: 0;
    height: 100%
}

.loader__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px
}

.loader__logo img {
    width: 100%
}

.side-line {
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background-color: rgba(249,249,249,0);
    z-index: 10010;
}

.side__tower {
    position: absolute;
    bottom: 30px;
    left: 0;
    margin: 0 auto;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.side__socials {
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 10012;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    min-width: 460px;
    line-height: 60px
}

.side__socials a {
    margin-right: 30px;
    display: inline-block;
    text-decoration: none;
    color: #151515;
    font-size: 14px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.side__socials a:hover {
    color: #ed145c
}

.side__socials svg {
    fill: #ed145c;
    margin-right: 4px
}

.hamburger {
    position: absolute;
    top: 24px;
    left: 15px;
    width: 30px;
    height: 12px;
    cursor: pointer;
    z-index: 10020
}

.hamburger__bar,
.hamburger__bar:after,
.hamburger__bar:before {
    width: 30px;
    height: 2px
}

.hamburger__bar {
    position: relative;
    transform: translatey(5px);
    background: #fff;
    transition: all 0ms 300ms
}

.hamburger__bar.animate {
    background: rgba(255, 255, 255, 0)
}

.hamburger__bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    background: #fff;
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms cubic-bezier(0.23, 1, .32, 1)
}

.hamburger__bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background: #fff;
    transition: top 300ms 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms cubic-bezier(0.23, 1, .32, 1)
}

.hamburger__bar.animate:after {
    top: 0;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.hamburger__bar.animate:before {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.side__login {
    position: fixed;
    top: 60px;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #f9f9f9;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate(0, -60px);
    -moz-transform: translate(0, -60px);
    -o-transform: translate(0, -60px);
    -ms-transform: translate(0, -60px);
    transform: translate(0, -60px);
    z-index: 10012
}

.side__login.active {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.side__login a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    width: 60px
}

.side__login a svg {
    fill: #ed145c;
    display: block;
    margin: 10px auto 0 auto
}

@media (max-width: 1023px) {
    .side-line {
        height: 60px
    }
    .side__socials {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        z-index: 100;
        padding-left: 80px;
        padding-right: 80px;
        min-width: 0;
        line-height: 60px;
        height: 60px;
        background-color: #f9f9f9;
        border-top: 1px solid #f3f1f2;
        border-bottom: 1px solid #f3f1f2
    }
    .side__socials a {
        width: 24.5%;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .side__socials {
        padding-left: 30px;
        padding-right: 30px
    }
    .side__login {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: auto;
        height: 60px;
        background-color: transparent;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform: translate(-30px, 0);
        -moz-transform: translate(-30px, 0);
        -o-transform: translate(-30px, 0);
        -ms-transform: translate(-30px, 0);
        transform: translate(-30px, 0)
    }
    .side__login.active {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .side__login a {
        display: inline-block;
        width: auto;
        text-align: left;
        margin-left: 15px;
        line-height: 60px
    }
    .side__login a svg {
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: middle
    }
    .side__login a span {
        line-height: 60px;
        vertical-align: middle
    }
}

@media (max-width: 600px) {
    .side__socials {
        height: 120px
    }
    .side__socials a {
        width: 45%
    }
}

@media (max-width: 480px) {
    .side__socials {
        padding-left: 15px;
        padding-right: 15px
    }
}

.topmenu {
    position: fixed;
    top: 0;
    left: 10%;
    right: 0;
    width: 80%;
    height: auto;
    line-height: 1.5;
    z-index: 1005;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    
}

.topmenu.back {
    top:0; left:10%; margin-top:-70px;
}




.topmenu .grid-col-1 {
    width: 20%
}

.topmenu .grid-col-3 {
    width: 80%
}

.topmenu__phone__mobile {
    display: none;
    background-color: #ed145c;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    text-align: center
}

.topmenu__phone__mobile svg {
    margin-top: 5.3px;
    fill: #fff;
    width: 18px;
    height: 18px;
    display: inline-block
}

.mainlogo {
    width: auto;
    height: 60px;
    
    display: inline-block
}

.back .mainlogo {
    height: 48px;
    
}

.topmenu__button {
    position: absolute;
    right: 0;
    top: 10px
}

.topmenu__lang {
    position: fixed;
    z-index: 1006;
    right: 40px;
    top: 0;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    color: #151515;
    display: inline-block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.topmenu__lang:hover {
    border-bottom: 1px solid #ed145c
}

.topmenu__items,
.topmenu__lang {
    margin-top: 18px
}

.topmenu__items a,
.topmenu__items span {
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    color: #fff;
    
    display: inline-block
}

.topmenu__items a:first-child,
.topmenu__items span:first-child {
    margin-left: 0!important
}

.topmenu__items a{ margin-left: 0!important}

.topmenu__items .top__phone {
    font-size: 18px
}

.topmenu__items a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.topmenu__items a:hover {
    border-bottom: 1px solid #ed145c
}

@media (max-width: 1280px) {
    .topmenu__items a,
    .topmenu__items span {
        margin-left: 35px
    }
    .topmenu__lang {
        right: 25px
    }
}

@media (max-width: 1180px) {
    .topmenu .grid-col-1 {
        width: 12%
    }
    .topmenu .grid-col-3 {
        width: 88%
    }
    .topmenu__items a,
    .topmenu__items span {
        margin-left: 20px
    }
}

@media (max-width: 1024px) {
    .topmenu__items>:not(.top__phone) {
        /*display: none*/
    }
    .mainlogo {
        width: auto;
        height: 48px;
        margin-top: 7px;
        display: inline-block
    }
    .top__phone {
        margin-left: 0!important;
        position: absolute;
        top: 18px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .topmenu {
        background-color: ;
    }
    .topmenu .grid {
        margin-left: 80px;
        margin-right: 80px
    }
    .topmenu .grid-col-1 {
        width: auto
    }
    .topmenu .grid-col-3 {
        width: auto
    }
}

@media (max-width: 660px) {
    .topmenu__button,
    .top__phone {
        display: none!important
    }
    .topmenu__lang {
        display: none
    }
    .mainlogo {
        width: auto;
        height: 65px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .topmenu__phone__mobile {
        display: inline-block
    }
}

a.top__phone-desktop {
    font-size: inherit;
    border: 0!important
}

a.top__phone-desktop:hover {
    border: 0!important
}

.menu-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    visibility: hidden
}

.menu-panel.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mobile__apply {
    display: none
}

.mobile__lang {
    display: none
}

.menu__wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.menu__wrapper .positive-lines {
    z-index: 1010
}

.menu__wrapper .menu__items .grid {
    background: url(/local/templates/CIS_Template/css/../i/cambridge.png) 100% 100% no-repeat;
    background-size: auto 100px
}

.menu__items {
    position: relative;
    padding-top: 90px;
    padding-bottom: 120px;
    z-index: 1020
}

.menu__folder {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
    margin-bottom: 30px
}

.menu__folder h5 {
    width: 90%;
    display: block;
    -webkit-margin-after: 0;
    margin-bottom: 20px;
    margin-top: 20px
}

.menu__folder h5::after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    background-color: #f3f1f2;
    margin-top: 18px
}

.menu__folder .menu__subtitle {
    font-weight: 700;
    margin-bottom: 9px;
    display: block;
    font-size: 15px
}

.menu__folder .menu__subtitle:not(:first-child) {
    margin-top: 25px
}

.menu__folder a {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.menu__folder a:hover {
    color: #ed145c
}

.menu-panel.active .menu__folder {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.menu__chevron {
    display: none
}

@media (max-width: 767px) {
    .menu__chevron {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 15px
    }
    .menu__chevron svg {
        width: 14px;
        height: 14px;
        display: inline-block;
        fill: #a8a8a8;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    .menu__items {
        padding-bottom: 90px
    }
    .menu__items .grid {
        margin: 0;
        border-top: 1px solid #f3f1f2
    }
    .menu__folder {
        border-bottom: 1px solid #f3f1f2;
        margin-bottom: 0;
        cursor: pointer
    }
    .menu__folder h5 {
        width: auto;
        position: relative;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 60px;
        margin: 0 0 0 15px;
        color: #151515;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    .menu__folder h5:after {
        display: none
    }
    .menu__folder h5.active {
        color: #ed145c
    }
    .menu__folder h5.active .menu__chevron svg {
        fill: #ed145c;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .menu__subfolder {
        visibility: hidden;
        height: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        margin: 0 15px;
        font-size: 14px
    }
    .menu__subfolder.active {
        visibility: visible;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        height: auto;
        margin-bottom: 30px
    }
    .menu__wrapper {
        background: url(/local/templates/CIS_Template/css/../i/cambridge.png) 15px 100% no-repeat;
        background-size: auto 80px
    }
    .menu__wrapper .menu__items .grid {
        background: 0
    }
    .mobile__login {
        position: absolute;
        top: 0;
        left: 15px;
        display: inline-block;
        text-decoration: none;
        font-size: 14px;
        width: auto;
        text-align: left;
        line-height: 60px
    }
    .mobile__login svg {
        fill: #ed145c;
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: middle
    }
    .mobile__login span {
        line-height: 60px;
        vertical-align: middle
    }
    .mobile__lang {
        position: relative;
        display: block;
        border-top: 1px solid #f3f1f2;
        line-height: 60px;
        height: 60px;
        text-align: center
    }
    .mobile__lang .moblie__lang__link {
        display: none
    }
}

@media (max-width: 660px) {
    .mobile__lang .moblie__lang__link {
        line-height: 30px;
        font-size: 14px;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        color: #151515;
        display: inline-block;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    .mobile__lang .moblie__lang__link:hover {
        border-bottom: 1px solid #ed145c
    }
    .mobile__apply {
        display: block;
        width: auto;
        text-align: center;
        margin: 15px 10px
    }
}

.accordion__item {
    background-color: #fff;
    margin-bottom: 30px;
    overflow-y: hidden
}

.accordion__item .accordion__inside {
    height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 60px 0 60px;
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .6000000000000001s ease;
    -moz-transition: all .6000000000000001s ease;
    -o-transition: all .6000000000000001s ease;
    transition: all .6000000000000001s ease;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.accordion__item.active .accordion__inside {
    height: auto;
    padding-bottom: 60px;
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.accordion__title {
    width: 100%;
    display: block;
    clear: both;
    height: 160px;
    line-height: 160px;
    overflow-y: hidden;
    background-color: #fff;
    text-decoration: none;
    position: relative;
    /*cursor: pointer*/
}

.accordion__title:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: ' ';
    margin-top: -.5px;
    background-color: #f3f1f2;
    z-index: 90;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.accordion__title span {
    padding: 0 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    color: #151515;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 100
}

.accordion__title .accordion__icon {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: -28px;
    border: 1px solid #f3f1f2;
    width: 56px;
    height: 56px;
    background-color: #fff;
    z-index: 110;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.accordion__title .accordion__icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -14px 0 0 -14px;
    fill: #ed145c
}

.accordion__title:hover .download__icon {
    background-color: #f3f1f2
}

@media (max-width: 767px) {
    .accordion__title span {
        font-size: 22px;
        line-height: 1.15
    }
}

@media (max-width: 660px) {
    .accordion__item .accordion__inside {
        padding-left: 30px;
        padding-right: 30px
    }
    .accordion__title {
        height: auto;
        line-height: 0;
        padding: 30px 0
    }
    .accordion__title:before {
        display: none
    }
    .accordion__title .accordion__icon {
        right: 30px
    }
    .accordion__title span {
        padding: 0 120px 0 30px;
        line-height: 1.5
    }
}

@media (max-width: 480px) {
    .accordion__item .accordion__inside {
        padding-left: 15px;
        padding-right: 15px;
        padding-left: 0;
        padding-right: 0
    }
    .accordion__title:before {
        display: none
    }
    .accordion__title .accordion__icon {
        right: 15px
    }
    .accordion__title span {
        padding: 0 120px 0 15px
    }
}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 15000;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translatez(0);
    transform: translatez(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;

    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline
}


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: 0;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(/local/templates/CIS_Template/css/../ico/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translatey(6px);
    -ms-transform: translatey(6px);
    transform: translatey(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translatey(0);
    -ms-transform: translatey(0);
    transform: translatey(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #BBB
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(/local/templates/CIS_Template/css/../ico/preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, .22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

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

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

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0
}

.home-slider {
    width: 100%;
    height: 100%;
    min-height: 600px;
    background-color: #ede9ea;
    position: relative
}

.home-slider__items {
    width: 100%;
    height: 100%;
    min-height: 600px;
    position: relative;
    z-index: 10
}

.home-slider__items .slick-list,
.home-slider__items .slick-track {
    height: 100%
}

.home-slider__item {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    position: relative
}

.home-slider__title {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: 'Montserrat', sans-serif;
    z-index: 50
}

.home-slider__title p {
    line-height: 1.5
}

.home-slider__title a {
    outline: 0
}

.home-slider__thumbnails {
    width: 100%;
    position: absolute;
    z-index: 50;
    bottom: 15%;
    left: 0;
    height: 0
}

.home-slider__thumbnails .item {
    width: 25%;
    float: left;
    display: inline-block;
    height: 240px;
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.home-slider__thumbnails .item:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.home-slider__thumbnails .item:nth-child(3) {
    -webkit-transition-delay: .30000000000000004s;
    transition-delay: .30000000000000004s
}

.home-slider__thumbnails .item:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.home-slider__thumbnails .item a {
    margin-top: 180px;
    width: 100%;
    display: inline-block;
    height: 60px;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .8);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translatey(-240px);
    -ms-transform: translatey(-240px);
    transform: translatey(-240px)
}

.home-slider__thumbnails .item a:hover {
    background-color: rgba(189, 55, 57, .8);
    color: #fff
}

.home-slider__thumbnails .item:nth-child(2) a {
    margin-top: 120px
}

.home-slider__thumbnails .item:nth-child(3) a {
    margin-top: 60px
}

.home-slider__thumbnails .item:nth-child(4) a {
    margin-top: 0
}

.loaded .home-slider__thumbnails .item {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

@media (max-width: 1023px) {
    .home-slider__title h1,
    .home-slider__title .h1,
    .home-slider__title p {
        width: 50%
    }
    .home-slider__title h1,
    .home-slider__title .h1 {
        font-size: 60px;
        line-height: 1.15
    }
}

@media (max-device-width: 1024px) and (orientation: portrait) {
    .home-slider {
        max-height: 55%
    }
}

@media (max-width: 768px) {
    .home-slider__thumbnails {
        display: none
    }
    .home-slider__title {
        top: 50%
    }
    .home-slider__title h1,
    .home-slider__title .h1,
    .home-slider__title p {
        width: 60%
    }
}

@media (max-width: 440px) {
    .home-slider__title {
        top: 50%
    }
    .home-slider__title h1,
    .home-slider__title .h1 {
        font-size: 42px;
        line-height: 1.1
    }
    .home-slider__title h1,
    .home-slider__title p {
        width: 75%
    }
}

@media (max-device-width: 440px) and (orientation: portrait) {
    .home-slider {
        max-height: 250px
    }
}

.home-features {
    width: 100%;
    height: auto;
    background-color: #151515;
    color: #fff;
    position: relative;
    overflow: hidden
}

.home-features h2 {
    margin: 0;
    margin-bottom: 60px
}

.home-features .positive-lines {
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30)
}

.home-features .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/local/templates/CIS_Template/css/../i/girls.jpg) center center no-repeat #a8a8a8;
    background-size: cover;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    z-index: 29
}

.home-features__content {
    padding-top: 210px;
    padding-bottom: 120px
}

.home-features__content .grid {
    position: relative;
    z-index: 30
}

.home-features__item {
    margin-bottom: 90px
}

.home-features__item svg {
    margin-top: 30px;
    margin-bottom: 30px;
    fill: #fff
}

.home-features__item p {
    margin-right: 70px
}

@media (max-width: 1023px) {
    .home-features__content {
        padding-top: 90px;
        padding-bottom: 60px
    }
    .home-features__item {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .home-features__content {
        padding-top: 60px;
        padding-bottom: 30px
    }
    .home-features__item {
        margin-bottom: 30px
    }
    .home-features h2 {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 60px
    }
    .home-features__item svg {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .home-features__item p {
        margin-right: 40px
    }
}

.campus-selector {
    width: 100%;
    background-color: #f3f1f2;
    position: relative;
    overflow: hidden
}

.campus-selector h2 {
    margin: 0;
    margin-bottom: 60px
}

.campus-selector .positive-lines {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    z-index: 30
}

.campus__wrapper {
    padding-top: 150px;
    padding-bottom: 150px;
    color: #151515;
    position: relative;
    z-index: 40
}

.campus__wrapper .campuses-description {
    margin-bottom: 60px;
    position: relative;
    z-index: 20
}

.campus__wrapper .campuses-description p {
    width: 40%
}

.campus__wrapper .campus-details {
    padding: 60px;
    background-color: #fff;
    position: relative;
    z-index: 30
}

.campus__wrapper .campus__switch {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 30
}

.campus__wrapper .campus__switch div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 30px
}

.campus__wrapper .campus__switch a {
    color: #474747;
    font-family: 'Montserrat', sans-serif;
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.campus__wrapper .campus__switch a.active {
    color: #ed145c;
    cursor: default
}

.campus__wrapper .campus__switch a::after {
    width: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    content: ' ';
    top: 50%;
    left: -60px;
    margin-top: -.5px;
    width: 30px;
    height: 1px;
    background-color: #ed145c;
    display: block
}

.campus__wrapper .campus__switch a.active::after {
    width: 30px;
    left: -40px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.campus__wrapper .campus__switch a:hover {
    color: #ed145c
}

.campus-details__item {
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    top: 60px;
    left: 60px;
    bottom: 60px;
    right: 60px
}

.campus-details__item.active {
    visibility: visible;
    height: auto;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.campus-details__item:first-child {
    position: static
}

.campus__images {
    position: absolute;
    top: 150px;
    left: 50%;
    width: 50%;
    max-width: 800px;
    height: 400px;
    z-index: 20
}

.campus__images .campus-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate(100px, 0);
    -moz-transform: translate(100px, 0);
    -o-transform: translate(100px, 0);
    -ms-transform: translate(100px, 0);
    transform: translate(100px, 0)
}

.campus__images .campus-image.active {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.campus-details__info {
    position: relative;
    margin-top: 30px
}

.campus-details__info .location {
    width: 44%;
    position: relative;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #474747
}

.campus-details__info .location svg {
    position: absolute;
    top: 3px;
    left: 0;
    fill: #ed145c
}

.campus-details__info .location span {
    display: inline-block;
    margin-left: 35px
}

.campus-details__info .location .distance {
    margin-top: 30px;
    color: #8b8b8b;
    display: none
}

.campus-details__info .actions {
    position: absolute;
    top: 0;
    right: 0
}

.campus-details__info .actions .button:first-child {
    margin-right: 10px
}

@media (max-width: 1280px) {
    .campus__images {
        margin-left: 10px
    }
}

@media (max-width: 1023px) {
    .campus__wrapper {
        padding-top: 90px;
        padding-bottom: 90px
    }
    .campus__wrapper .campuses-description {
        height: 75px;
        margin-bottom: 0
    }
    .campus__wrapper .campuses-description p {
        width: 100%
    }
    .campus__wrapper .campus__switch {
        min-height: 300px
    }
    .campus__wrapper .campus__switch div {
        padding-left: 0
    }
    .campus__images {
        /*top: 390px*/
    }
}

@media (max-width: 660px) {
    .campus-selector .grid {
        margin: 0
    }
    .campus__wrapper {
        padding-top: 60px;
        padding-bottom: 0
    }
    .campus__wrapper .grid {
        position: static
    }
    .campus__wrapper .campus__switch div {
        padding-left: 30px
    }
    .campus__wrapper .campuses-description {
        height: auto;
        margin-bottom: 15px;
        margin-left: 30px;
        margin-right: 30px
    }
    .campus__wrapper .campus-details {
        padding: 30px
    }
    .campus__images {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: 0
    }
}

@media (max-width: 550px) {
    .campus-details__info .location {
        width: 100%
    }
    .campus-details__info .actions {
        position: static
    }
    .campus-details__info .actions .button {
        width: 100%;
        text-align: center;
        margin-top: 20px
    }
    .campus-details__info .location .distance {
        margin-bottom: 20px;
        display: inline-block
    }
}

@media (max-width: 480px) {
    .campus__wrapper .campuses-description {
        margin-left: 15px;
        margin-right: 15px
    }
    .campus__wrapper .campus-details {
        padding: 15px
    }
}

.home-events {
    background-color: #fff
}

.events__wrapper {
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
    z-index: 40
}

.events__item {
    background-color: #a8a8a8;
    color: #fff;
    padding: 90px;
    display: table;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden
}

.events__item .bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    -webkit-transition: all .6000000000000001s ease;
    -moz-transition: all .6000000000000001s ease;
    -o-transition: all .6000000000000001s ease;
    transition: all .6000000000000001s ease
}

.events__item .bg div {
    -webkit-transition: all .6000000000000001s ease;
    -moz-transition: all .6000000000000001s ease;
    -o-transition: all .6000000000000001s ease;
    transition: all .6000000000000001s ease;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    background-image: linear-gradient(to top, transparent, #1f1f1f);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    -webkit-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90)
}

.events__item .bg.hover {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01)
}

.events__item .bg.hover div {
    background-color: #ed145c;
    background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, .2))
}

.events__info {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 40
}

.events__info .date {
    font-size: 14px
}

.events__info h3 {
    width: 70%;
    display: block;
    -webkit-margin-after: 0;
    margin-bottom: 20px
}

.events__info h3::after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    background-color: #fff;
    margin-top: 20px
}

.events__info p {
    margin-top: 0;
    margin-bottom: 30px;
    width: 70%;
    -webkit-margin-before: 0
}

.grid-col-2 .events__item .events__info h3,
.grid-col-2 .events__item .events__info p {
    width: 100%
}

.grid-col-2:first-child .events__item {
    margin-right: 10px
}

@media (max-width: 1180px) {
    .events__item {
        padding: 60px
    }
}

@media (max-width: 1023px) {
    .grid-col-2:first-child .events__item {
        margin-right: 0
    }
    .events__info h3,
    .events__info p {
        width: 100%
    }
}

@media (max-width: 660px) {
    .events__item {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 480px) {
    .events__item {
        padding-left: 15px;
        padding-right: 15px
    }
}

.steps {
    margin: 0 60px;
    /*min-height: 400px;*/
    position: relative;
    z-index: 101
}

.steps.steps__nohover {
    padding-top: 30px
}

.steps::after {
    clear: both;
    width: 100%
}

.steps__title h5 {
    margin: 0
}

.steps__inside {
    margin: 40px
}

.steps__years {
    font-size: 50px;
    margin-top: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ed145c;
    position: relative;
    width: 100%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.steps__years span {
    position: absolute;
    top: 6px;
    left: auto;
    margin-left: 3px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -.3px;
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 1px solid #ed145c
}

.steps__arrow {
    margin-top: 30px;
    position: relative;
    height: 50px
}

.steps__arrow svg {
    fill: #a8a8a8
}

.steps__arrow .steps__arrow__line {
    background: #fff;
    position: absolute;
    top: 11px;
    width: 0;
    height: 0
}

.steps__item {
    text-decoration: none;
    display: inline-block;
    position: relative;
    width: 25%;
    height: 100%;
    float: left;
    background-color: #fff;
    border-left: 1px solid #f3f1f2;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #151515;
    outline: 0;
    z-index: 61;
    overflow-y: hidden
}

.steps__item:first-child {
    border-left: 0
}

.steps__item h5 {
    display: inline-block
}

a.steps__item:hover {
    z-index: 62;
    background-color: #ed145c;
    color: #fff;
    border-left: 1px solid #ed145c;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    box-shadow: 0 28px 81px -7px rgba(0, 0, 0, .44)
}

a.steps__item:hover .steps__years {
    color: #fff
}

a.steps__item:hover .steps__years span {
    color: #fff;
    border-bottom: 1px solid #fff
}

a.steps__item:hover .steps__arrow svg {
    fill: #fff;
    -webkit-transform: scale(0.971);
    -moz-transform: scale(0.971);
    -o-transform: scale(0.971);
    -ms-transform: scale(0.971);
    transform: scale(0.971);
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition-delay: 0s;
    -ms-transform: translate(55px, 0px);
    -webkit-transform: translate(55px, 0px);
    -o-transform: translate(55px, 0px);
    -moz-transform: translate(55px, 0px);
    transform: translate(55px, 0px)
}

a.steps__item:hover .steps__arrow__line {
    -webkit-transition: width .2s, height 0s, -webkit-transform .2s;
    transition: width .2s, height 0s, transform .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 77px;
    height: 2px
}

@media (max-width: 1280px) {
    .steps__years {
        font-size: 38px
    }
    .steps__years span {
        top: 2px
    }
    .steps {
        margin: 0 40px 0 60px
    }
}

@media (max-width: 1023px) {
    .steps__years {
        font-size: 50px
    }
    .steps__years span {
        top: 6px
    }
    .steps__item {
        width: 50%;
        border-bottom: 1px solid #f3f1f2
    }
    a.steps__item:hover {
        border-bottom: 1px solid #ed145c
    }
    .steps {
        margin: 0
    }
}

@media (max-width: 660px) {
    .steps__item {
        width: 100%
    }
}

.footer {
    font-size: 14px
}

.footer__content {
    background: url(/local/templates/CIS_Template/css/../i/cambridge.png) right 5px no-repeat;
    background-size: auto 100%;
    background-image: none;
    padding-right: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px
}

.footer__content span,
.footer__content a {
    margin-right: 30px
}

.footer__content span,
.footer__content .footer__col {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: inline-block
}

.footer__content .footer__nav {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__content .footer__col {
    margin-top: 39px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.footer__content .footer__col~.footer__col {
    margin-top: 5px;
    margin-right: 0;
    padding-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.footer__content .footer__col a:last-child {
    margin-right: 0
}

.footer__content>span {
    margin-top: 48px;
    width: 210px
}

.footer__developed {
    margin-top: 25px;
    margin-bottom: 25px
}

@media (max-width: 1150px) {
    .footer__content {
        height: auto;
        padding-right: 140px;
        background-position: right 9px;
        background-size: auto 130px
    }
    .footer__content span {
        margin-top: 50px
    }
    .footer__content .footer__col {
        margin-top: 37px
    }
    .footer__content .footer__col~.footer__col {
        margin-top: 5px
    }
    .footer__content span {
        line-height: 1.5;
        width: 120px
    }
    .footer__col {
        display: inline-block;
        width: auto;
        margin-right: 30px
    }
    .footer__col a {
        display: inline-block
    }
    .footer__content a {
        margin-right: 30px
    }
}

@media (max-width: 950px) {
    .footer__content a {
        margin-right: 15px
    }
    .footer__content a:last-child {
        margin-right: 0
    }
}

@media (max-width: 840px) {
    .footer__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-position: right 27px;
        background-size: auto 100px;
        padding-bottom: 0;
        padding-right: 0
    }
    .footer__content>span {
        width: auto
    }
    .footer__content .footer__col {
        margin-top: 20px
    }
    .footer__content .footer__col~.footer__col {
        margin-top: 7px
    }
}

@media (max-width: 768px) {
    .footer__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        background-position: right 36px;
        background-size: auto 100px
    }
    .footer__content .footer__nav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .footer__content .footer__col {
        margin-right: 0
    }
    .footer__content .footer__col~.footer__col {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin-right: 0
    }
}

@media (max-width: 620px) {
    .footer__col {
        display: block!important
    }
}

@media (max-width: 440px) {
    .footer__content {
        background-position: right 16px;
        background-size: auto 115px
    }
    .footer__content>span {
        width: 150px
    }
    .footer__content .footer__col {
        margin-top: 5px;
        padding-right: 5px
    }
    .footer__content .footer__col:last-child {
        padding-right: 0
    }
    .footer__content .footer__col a {
        margin-right: 5px
    }
    .footer__content .footer__col a:last-child {
        margin-right: 0
    }
    .footer__content .footer__col~.footer__col {
        padding-right: 0
    }
}

.okcmedia {
    color: #777;
    font-size: 12px
}

.okcmedia:hover svg {
    -webkit-animation: animateHeart 2.5s infinite;
    animation: animateHeart 2.5s infinite
}

.okcmedia svg {
    fill: #f44336;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    display: inline-block
}

@-webkit-keyframes animateHeart {
    0% {
        -webkit-transform: scale(1)
    }
    5% {
        -webkit-transform: scale(1.2)
    }
    10% {
        -webkit-transform: scale(1.1)
    }
    15% {
        -webkit-transform: scale(1.3)
    }
    50% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes animateHeart {
    0% {
        -moz-transform: scale(1)
    }
    5% {
        -moz-transform: scale(1.2)
    }
    10% {
        -moz-transform: scale(1.1)
    }
    15% {
        -moz-transform: scale(1.3)
    }
    50% {
        -moz-transform: scale(1)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes animateHeart {
    0% {
        -o-transform: scale(1)
    }
    5% {
        -o-transform: scale(1.2)
    }
    10% {
        -o-transform: scale(1.1)
    }
    15% {
        -o-transform: scale(1.3)
    }
    50% {
        -o-transform: scale(1)
    }
    100% {
        -o-transform: scale(1)
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(1)
    }
    5% {
        transform: scale(1.2)
    }
    10% {
        transform: scale(1.1)
    }
    15% {
        transform: scale(1.3)
    }
    50% {
        transform: scale(1)
    }
    100% {
        transform: scale(1)
    }
}

.admission {
    position: relative;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    overflow-x: hidden
}

.admission__policy {
    padding-bottom: 90px
}

.admission__grid {
    position: relative;
    z-index: 100
}

.admission__image {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 50%;
    height: 400px;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 90
}

.admission__info {
    background-color: #fff;
    min-height: 400px
}

.admission__info:after {
    display: table;
    clear: both;
    width: 100%
}

.admission__info .in {
    margin: 60px
}

.admission__info-item {
    width: 50%;
    display: inline-block;
    float: left
}

.admission-fees {
    margin: 90px 0
}

.admission-fees:after {
    clear: both;
    display: table;
    width: 100%
}

.admission-fees__item {
    width: 33.3%;
    display: inline-block;
    float: left
}

.admission-fees__item .wrap {
    padding: 0 90px 90px 0;
    position: relative
}

.admission-fees__item .bg {
    position: absolute;
    right: 90px;
    bottom: 60px;
    font-size: 150px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    z-index: 90
}

.admission-fees__item .item__content {
    position: relative;
    z-index: 100;
    font-size: 16px
}

.admission-fees__item .email {
    text-decoration: none;
    color: #ed145c;
    display: block
}

.admission-fees__item .email:hover {
    text-decoration: underline
}

.admission-fees__item .button {
    margin-top: 30px
}

.admission-fees__item .tel {
    display: block;
    text-decoration: none;
    font-weight: 700
}

.admission-fees__item .admission-fees__title {
    display: block;
    -webkit-margin-after: 0;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.15;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 60px
}

.admission-fees__item .admission-fees__title::after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    background-color: #a8a8a8;
    margin-top: 20px
}

@media (max-width: 1280px) {
    .admission__image {
        margin-left: 10px
    }
}

@media (max-width: 1100px) {
    .admission__info-item {
        width: 100%;
        border-bottom: 1px solid #f3f1f2
    }
    .admission-fees__item {
        width: 50%
    }
}

@media (max-width: 660px) {
    .admission-fees {
        margin: 0 30px
    }
    .admission-fees__item {
        width: 100%
    }
    .admission-fees__item .wrap {
        padding: 0 30px 90px 0
    }
    .admission-fees__item .bg {
        right: 0;
        bottom: 90px
    }
    .admission-fees__item .button {
        width: 100%;
        text-align: center
    }
    .admission__info .in {
        margin: 30px
    }
    .admission__image {
        display: none
    }
    .admission__grid {
        margin-left: 0;
        margin-right: 0
    }
    .admission h1,
    .admission .breadcrumps {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (max-width: 480px) {
    .admission__info .in {
        margin: 30px 10px
    }
    .admission h1,
    .admission .breadcrumps {
        margin-left: 10px;
        margin-right: 10px
    }
    .admission-fees {
        margin: 0 10px
    }
    .admission-fees__item {
        width: 100%
    }
    .admission-fees__item .wrap {
        padding: 0 10px 90px 0
    }
    .admission-fees__item .bg {
        right: 0;
        bottom: 90px
    }
}

.academics {
    position: relative;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    overflow-x: hidden
}

.academics-lead {
    font-family: 'Montserrat', sans-serif;
    width: 80%
}

.academics__grid {
    position: relative;
    z-index: 100
}

.academics .accordion__title span svg {
    fill: #ed145c;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    margin-right: 30px
}

.academics__inside {
    padding-left: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.academics__inside .flex-cols__4 {
    margin-bottom: 10px
}

.afterschool-list {
    padding: 120px 0 60px 0;
    position: relative
}

.afterschool-list h2 {
    margin-bottom: 60px
}

.academics__info {
    background-color: #fff;
    min-height: 400px;
    position: relative;
    margin-top: 90px
}

.academics__info:after {
    display: table;
    clear: both;
    width: 100%
}

.academics__info .in {
    margin: 0 60px;
    padding-top: 30px;
    padding-bottom: 60px
}

.academics__info .in_lead {
    margin: 50px 60px 0 60px
}

.academics__info .in_simple {
    padding-bottom: 50px;
    max-width: 800px
}

.academics__info-item {
    width: 50%;
    display: inline-block;
    float: left
}

@media (max-width: 1100px) {
    .academics__info-item {
        width: 100%;
        border-bottom: 1px solid #f3f1f2
    }
    .academics-lead {
        width: 100%
    }
}

@media (max-width: 660px) {
    .academics__info .in {
        margin: 30px
    }
    .academics__info .in_lead {
        margin: 20px 30px 0 30px
    }
    .academics .accordion__title span svg {
        width: 30px;
        height: 30px;
        margin-right: 20px
    }
    .academics__inside {
        padding-left: 30px;
        padding-right: 30px
    }
    .academics__grid {
        margin-left: 0;
        margin-right: 0
    }
    .academics h2 {
        margin-left: 30px;
        margin-right: 30px
    }
    .academics h1,
    .academics .breadcrumps {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (max-width: 480px) {
    .academics h2 {
        margin-left: 15px;
        margin-right: 15px
    }
    .academics__info .in {
        margin: 30px 10px
    }
    .academics__inside {
        padding-left: 15px;
        padding-right: 15px
    }
    .academics__info .in_lead {
        margin: 0 10px 0 10px
    }
    .academics h1,
    .academics .breadcrumps {
        margin-left: 10px;
        margin-right: 10px
    }
}

.academics-hero {
    margin-bottom: 90px;
    background-color: #fff;
    position: relative;
    z-index: 50;
    min-height: 600px
}

.academics-hero .grid {
    position: relative;
    height: 100%;
    min-height: inherit
}

.academics-hero .grid__row {
    z-index: 10;
    position: relative;
    background-color: #fff;
    height: 100%;
    min-height: inherit
}

.academics-hero h5 {
    width: 70%;
    display: block;
    -webkit-margin-after: 0;
    margin-bottom: 30px
}

.academics-hero h5::after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    background-color: #f3f1f2;
    margin-top: 20px
}

.academics-hero__content>h5 {
    margin-top: 30px
}

.hero-cambridge {
    max-width: 150px;
    margin-top: 30px
}

.academics__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    background-color: #f3f1f2;
    height: 100%;
    content: ' ';
    z-index: 5
}

.academics__image,
.academics__video {
    position: absolute;
    top: -90px;
    left: 50%;
    width: 50%;
    max-width: 800px;
    height: 400px;
    z-index: 100;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #a8a8a8
}

.academics__image-note {
    position: absolute;
    top: 100%;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 50px
}

.academics__image-post {
    color: #777;
    text-transform: uppercase
}

.academics__video {
    overflow: hidden
}

.academics__video+.academics__image {
    display: none
}

.academics__video video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%)
}

.academics-hero__content {
    padding-right: 90px;
    padding-bottom: 100px
}

.academics-hero__watermark {
    position: absolute;
    bottom: -3%;
    vertical-align: baseline;
    line-height: 1;
    right: 0;
    color: #f3f1f2;
    font-size: 90px;
    font-size: 8.5vw!important;
    z-index: -1;
    font-family: 'Montserrat', sans-serif;
    text-align: right
}

.pswp__zoom-wrap {
    text-align: center
}

.pswp__zoom-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle

}

.pswd-video-wrapper {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 135vh;
    max-width: 100%;
    margin: 0 auto;
    top: 80px;
    bottom: 80px;
    left: 0;
    right: 0
}

.video-wrapper {
    background-color: #000;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.academics-video {
    cursor: pointer
}

.academics-video__irame {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1
}

.academics-video__icon,
.academics-video__icon-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.academics-video__icon-bg {
    background-color: #ed145c;
    -webkit-transition: height .2s, width .2s, background-color .2s;
    -o-transition: height .2s, width .2s, background-color .2s;
    transition: height .2s, width .2s, background-color .2s
}

.academics-video__icon-img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    margin-left: 5px;
    width: 0;
    border: 8px solid transparent;
    border-left-color: #fff;
    border-left-width: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.academics-video__icon-img svg {
    height: 56px;
    width: 56px
}

.academics-video:hover .academics-video__icon-bg {
    background-color: #842628
}

.academics-video__poster {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.academics-video:hover .academics-video__poster {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.academics-video.is-active .academics-video__poster,
.academics-video.is-active .academics-video__icon,
.academics-video.is-active .video-container {
    display: none
}

.academics-video.is-active .academics-video__irame {
    opacity: 1
}

.academics__video-watch {
    position: absolute;
    top: 100%;
    left: 225px;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    transition: color .3s
}

.academics__video-watch:hover {
    color: #ed145c
}

.academics__video-watch:hover .academics__video-btn {
    background-color: #ed145c
}

.academics__video-watch:hover .academics__video-btn::before {
    border-color: transparent transparent transparent #fff
}

.academics__video-btn {
    border: 1px solid #ed145c;
    width: 40px;
    height: 40px;
    background-color: transparent;
    padding: 0;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
    transition: border-color .3s, background-color .3s
}

.academics__video-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #bd3737;
    transition: border-color .3s
}

@media (max-width: 1100px) {
    .academics__video-watch {
        margin-top: 30px
    }
}

@media (max-width: 479px) {
    .academics__video-watch {
        margin-top: 100px;
        left: 50%;
        transform: translatex(-50%)
    }
}

@media (max-width: 439px) {
    .academics__video-watch {
        width: 75%
    }
}

@media screen and (max-width: 1023px) {
    .academics-video {
        height: 90vw
    }
}

@media (max-width: 1350px) {
    .academics-hero__watermark {
        font-size: 90px;
        bottom: -13px
    }
}

@media (max-width: 1280px) {
    .academics__image,
    .academics__video {
        margin-left: 10px
    }
}

@media (max-width: 1100px) {
    .academics-hero__watermark1 {
        font-size: 70px;
        bottom: -10px
    }
    .academics__fill {
        display: none
    }
    .academics__image,
    .academics__video {
        top: -20px;
        left: 100px;
        right: 80px;
        max-width: 100%;
        width: auto;
        margin-left: 0
    }
    .academics-hero__content {
        padding-top: 370px
    }
    .academics-hero .grid-col-2 {
        width: 100%
    }
    .academics__image-note {
        margin-top: 30px
    }
}

@media (max-width: 1023px) {
    .academics__image,
    .academics__video {
        left: 80px;
        right: 80px
    }
}

@media (max-width: 870px) {
    .academics-hero__watermark1 {
        font-size: 60px;
        bottom: -8px
    }
}

@media (max-width: 767px) {
    .academics-hero__content {
        padding-right: 0
    }
    .academics-hero__watermark1 {
        font-size: 50px;
        bottom: -7px
    }
    .academics__image,
    .academics__video {
        left: 30px;
        right: 30px
    }
}

@media (max-width: 670px) {
    .academics-hero__watermark1 {
        font-size: 40px;
        bottom: -6px
    }
}

@media (max-width: 570px) {
    .academics-hero__watermark1 {
        font-size: 30px;
        bottom: -4px
    }
}

@media (max-width: 480px) {
    .academics__image,
    .academics__video {
        left: 15px;
        right: 15px
    }
}

.curriculum__title {
    width: 100%;
    display: block;
    clear: both;
    height: 120px;
    line-height: 120px;
    background-color: #fff;
    text-decoration: none;
    position: relative
}

.curriculum__title:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: ' ';
    margin-top: -.5px;
    background-color: #f3f1f2;
    z-index: 90
}

.curriculum__title span {
    padding: 0 60px;
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    color: #151515;
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 100
}

.curriculum__title span:after {
    position: absolute;
    bottom: 0;
    left: 60px;
    height: 2px;
    background-color: #f3f1f2;
    content: '';
    width: 60px
}

.curriculum__title.long__title {
    height: auto
}

.curriculum__title.long__title span {
    line-height: 1.5;
    max-width: 60%;
    margin-top: 36px
}

.curriculum__title.long__title span:after {
    display: none
}

.curriculum__title .curriculum__title__icon {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: -28px;
    border: 1px solid #f3f1f2;
    width: 56px;
    height: 56px;
    background-color: #fff;
    z-index: 110;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.curriculum__title .curriculum__title__icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    margin: -14px 0 0 -14px;
    fill: #ed145c
}

@media (max-width: 767px) {
    .curriculum__title span {
        font-size: 22px;
        line-height: 1.15
    }
    .curriculum__title span:after {
        display: none
    }
}

@media (max-width: 660px) {
    .curriculum__title {
        padding: 30px 0
    }
    .curriculum__title:before {
        display: none
    }
    .curriculum__title .curriculum__title__icon {
        right: 30px
    }
    .curriculum__title span {
        padding: 0 120px 0 30px;
        line-height: 1.5
    }
}

@media (max-width: 480px) {
    .curriculum__title .curriculum__title__icon {
        right: 15px
    }
    .curriculum__title span {
        padding: 0 120px 0 15px
    }
}

.hero__actions {
    margin-top: 30px;
    margin-bottom: 30px
}

.hero__actions a:first-child {
    margin-left: 0
}

.hero-container {
    padding-top: -60px;
    padding-bottom: 90px
}

.hero-container:first-child {
    padding-top: 90px;
    padding-bottom: 90px
}

.left-hero {
    margin-top: 90px;
    margin-bottom: 90px;
    background-color: #fff;
    position: relative;
    z-index: 50;
    min-height: 600px
}

.left-hero h5 {
    margin-top: 30px
}

.left-hero.no-watermark {
    min-height: 200px
}

.left-hero .grid {
    position: relative;
    height: 100%;
    min-height: inherit
}

.left-hero .grid__row {
    z-index: 10;
    position: relative;
    background-color: #fff;
    height: 100%;
    min-height: inherit
}

.left-hero h5 {
    width: 70%;
    display: block;
    -webkit-margin-after: 0;
    
}

.left-hero h5::after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    
    margin-top: 20px
}

.hero-conatiner .left-hero {
    margin-top: 0;
    margin-bottom: 0
}

.left__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    left: 0;
    background-color: #f3f1f2;
    height: 100%;
    content: ' ';
    z-index: 5
}

.right__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    background-color: #f3f1f2;
    height: 100%;
    content: ' ';
    z-index: 5
}

.left__justifier {
    content: ' ';
    min-height: 1px
}

.left__image {
    position: absolute;
    top: -90px;
    left: 60px;
    width: 40%;
    max-width: 600px;
    max-height: 600px;
    z-index: 100
}

.right__image {
    position: absolute;
    top: -90px;
    left: 50%;
    width: 50%;
    max-width: 600px;
    max-height: 600px;
    z-index: 100
}

.left__square {
    position: relative;
    width: 100%;
    height: 100%
}

.left__square:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%
}

.left__square-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #a8a8a8
}

.left-hero__content {
    padding-right: 90px;
    padding-bottom: 100px
}

.no-watermark .left-hero__content {
    padding-bottom: 60px
}

.left-hero__watermark {
    position: absolute;
    bottom: 0;
    vertical-align: baseline;
    line-height: .9;
    right: 0;
    color: #f3f1f2;
    font-size: 90px;
    font-size: 8.5vw!important;
    z-index: -1;
    font-family: 'Montserrat', sans-serif;
    text-align: right
}

@media (max-width: 1280px) {
    .right__image {
        margin-left: 10px
    }
}

@media (max-width: 1100px) {
    .left-hero {
        margin-top: 0
    }
    .hero-container {
        padding-top: 60px;
        padding-bottom: 0;
        margin-bottom: -60px
    }
    .left__fill,
    .right__fill {
        display: none
    }
    .left__image,
    .right__image {
        top: -20px;
        left: 100px;
        right: 80px;
        height: 400px;
        max-width: 100%;
        width: auto;
        margin-left: 0
    }
    .left__square:before {
        padding-top: 50%
    }
    .left-hero__content {
        padding-top: 370px
    }
    .left-hero .grid-col-2 {
        width: 100%
    }
}

@media (max-width: 1023px) {
    .left__image,
    .right__image {
        left: 80px;
        right: 80px
    }
}

@media (max-width: 767px) {
    .left-hero__content {
        padding-right: 0
    }
    .left__image,
    .right__image {
        left: 30px;
        right: 30px
    }
}

@media (max-width: 480px) {
    .left__image,
    .right__image {
        left: 15px;
        right: 15px
    }
}

.advantages-section {
    position: relative
}

.advantages_num_list {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-bottom: 64px;
    font-size: 0;
    line-height: 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0
}

.advantages_num_list>li {
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding: 41px 30px;
    font-size: 16px;
    line-height: 1.75;
    position: relative;
    letter-spacing: normal
}

.advantages_num_list>li .num__number {
    color: #fff;
    position: absolute;
    display: block;
    left: -45px;
    font-family: 'Montserrat', sans-serif;
    top: -41px;
    z-index: 1;
    font-size: 110px
}

.advantages_num_list>li:nth-child(odd) {
    padding-right: 80px
}

.advantages_num_list>li:nth-child(even) {
    padding-right: 30px
}

.advantages_num_list>li h5,
.advantages_num_list>li p {
    position: relative;
    z-index: 2
}

.advantages_num_list>li .item_name {
    margin: 0;
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 24px
}

@media only screen and (max-width: 956px) {
    .advantages_num_list {
        padding-bottom: 14px
    }
    .advantages_num_list>li {
        width: 90%;
        padding-bottom: 35px
    }
    .advantages_num_list>li:nth-child(2n+1),
    .advantages_num_list>li:nth-child(2n) {
        padding-right: 0
    }
}

@media only screen and (max-width: 660px) {
    .advantages_num_list {
        padding-bottom: 34px
    }
    .advantages_num_list>li {
        padding-bottom: 5px;
        padding-top: 35px
    }
    .advantages_num_list>li .item_name {
        line-height: 33.6px
    }
}

.card_list {
    font-size: 0;
    line-height: 0;
    letter-spacing: -1px;
    margin: 0 -27px;
    padding: 0;
    clear: both;
    position: relative
}

.card_list>li {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: normal;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 91px 124px 83px 87px;
    margin: 0;
    position: relative
}

.card_list>li>* {
    position: relative;
    z-index: 2
}

.card_list>li:before {
    background-color: #fff;
    content: '';
    display: block;
    position: absolute;
    left: 27px;
    top: 27px;
    right: 27px;
    bottom: 27px
}

.card_list>li>.iconBasic {
    position: absolute;
    right: 68px;
    top: 84px;
    z-index: 1;
    fill: #d6d6d6;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.card_list>li .icon__big {
    width: 53px;
    height: 53px;
    line-height: 56px
}

.card_list>li .item_name {
    font-size: 28px;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 15px
}

.card_list>li .item_name+* {
    margin-top: 0
}

.card_list>li .card_list__item_text {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-bottom: 54px
}

.card_list>li .card_list__item_text>:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.card_list>li:hover>.iconBasic {
    fill: #a8a8a8
}

@media only screen and (max-width: 956px) {
    .card_list>li {
        width: 100%
    }
}

.simple_carousel.slick-slider {
    position: static
}

.simple_carousel .slick-slide {
    padding: 0 60px 60px 60px
}

.simple_carousel .slick-slide .item_img {
    padding-bottom: 30px;
    height: 112px;
    display: table-cell;
    vertical-align: middle
}

.simple_carousel .slick-slide .item_img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.simple_carousel .slick-slide .item_text {
    color: #474747;
    font-size: 16px;
    line-height: 1.75
}

.simple_carousel .slick-slide .item_text>:first-child {
    margin-top: 0
}

.simple_carousel .slick-slide .item_text>:last-child {
    margin-bottom: 0
}

.simple_carousel .slick-arrow {
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #f3f1f2;
    top: 31px;
    background: #fff;
    padding: 0;
    z-index: 99;
    margin: 0;
    cursor: pointer;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.simple_carousel .slick-arrow:hover,
.simple_carousel .slick-arrow:active,
.simple_carousel .slick-arrow:focus {
    background-color: #fff
}

.simple_carousel .slick-prev {
    right: 115px;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.simple_carousel .slick-prev.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.simple_carousel .slick-next {
    right: 60px;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.simple_carousel .slick-next.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.simple_carousel .slick-dots {
    position: static;
    padding-top: 30px;
    height: 64px
}

@media (max-width: 660px) {
    .simple_carousel .slick-slide {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 480px) {
    .simple_carousel .slick-slide {
        padding-left: 10px;
        padding-right: 10px
    }
}

.articles_gallery {
    background-color: #fff
}

.slick_gallery.slick-slider {
    position: static
}

.slick_gallery .slick-slide {
    padding: 0 30px 30px 30px
}

.slick_gallery .slick-slide .item_img {
    padding-bottom: 0;
    height: 150px;
    display: table-cell;
    vertical-align: middle
}

.slick_gallery .slick-slide .item_img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.slick_gallery .slick-slide .item_text {
    color: #474747;
    font-size: 16px;
    line-height: 1.75
}

.slick_gallery .slick-slide .item_text>:first-child {
    margin-top: 0
}

.slick_gallery .slick-slide .item_text>:last-child {
    margin-bottom: 0
}

.slick_gallery .slick-arrow {
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #f3f1f2;
    top: 31px;
    background: #fff;
    padding: 0;
    z-index: 99;
    margin: 0;
    cursor: pointer;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat
}

.slick_gallery .slick-arrow:hover,
.slick_gallery .slick-arrow:active,
.slick_gallery .slick-arrow:focus {
    background-color: #fff
}

.slick_gallery .slick-prev {
    right: 115px;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.slick_gallery .slick-prev.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.slick_gallery .slick-next {
    right: 60px;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.slick_gallery .slick-next.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.slick_gallery .slick-dots {
    position: static;
    padding-top: 30px;
    height: 64px
}

@media (max-width: 660px) {
    .slick_gallery .slick-slide {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width: 480px) {
    .slick_gallery .slick-slide {
        padding-left: 10px;
        padding-right: 10px
    }
}

.contact_section {
    position: relative;
    min-height: 590px;
    background-color: #f3f1f2
}

.contact__wrapper {
    height: 100%;
    position: relative;
    padding: 60px 0
}

.contact__wrapper .grid,
.contact__wrapper .grid__row {
    position: static
}

.contact_section__info {
    width: 50%;
    float: left
}

.contact_list {
    padding: 0;
    margin: 0
}

.contact_list .iconBasic {
    margin: 0 8px 0 0
}

.contact_list a {
    color: #ed145c;
    text-decoration: none
}

.contact_list a span {
    border-bottom: 1px solid transparent;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.contact_list a:hover span,
.contact_list a:active span {
    border-color: #ed145c
}

.contact_list a[href^="mailto:"] {
    white-space: nowrap;
    line-height: 1.2
}

.contact_list a[href^="mailto:"]>* {
    display: inline-block;
    vertical-align: middle
}

.contact_list a[href^="tel:"] {
    color: #474747;
    border: 0;
    display: table
}

.contact_list a[href^="tel:"]:hover,
.contact_list a[href^="tel:"]:active {
    color: #151515
}

.contact_list svg {
    fill: #ed145c
}

.contact_list .iconBasic.icon__small {
    width: 14px;
    height: 14px;
    line-height: 14px
}

.contact_list ul {
    padding: 0 30px 0 0;
    margin: 0
}

.contact_list li {
    list-style: none;
    display: block;
    padding: 0 0 15px;
    margin: 0;
    line-height: 1.8;
    font-size: 14px
}

.contact_list .item_name {
    font-size: 18px;
    line-height: 22.5px;
    font-family: 'Montserrat', sans-serif;
    color: #151515;
    margin: 0;
    padding: 0 30px 20px 0
}

.contact_list__item {
    margin-bottom: 60px;
    position: relative;
    z-index: 100
}

.contact_section__headline {
    margin: 0 0 50px 0;
    padding: 0 0 42px 0;
    position: relative;
    width: 90%;
    z-index: 100
}

.contact_section__headline:before {
    height: 2px;
    width: 72px;
    background-color: #ed145c;
    left: 0;
    bottom: 0;
    content: '';
    display: block;
    position: absolute
}

.map_area_wrapper {
    height: 480px;
    top: 50px;
    right: 0;
    left: 50%;
    position: absolute;
    display: block
}

.map_area_wrapper:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: -50px;
    bottom: -50px;
    background: #fff;
    z-index: 0
}

.map_area {
    position: absolute;
    background: #a8a8a8;
    display: block;
    top: 50px;
    right: 0;
    left: 50%;
    max-width: 800px;
    height: 480px;
    z-index: 100
}

.white__fill {
    position: absolute;
    background: #fff;
    display: block;
    top: 0;
    right: 0;
    left: 75%;
    z-index: 90;
    height: 580px!important
}

.map_area iframe {
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    left: 0;
    top: 0
}

.map_area img {
    max-width: none
}

@media (max-width: 1280px) {
    .map_area {
        margin-left: 10px
    }
}

@media (max-width: 1023px) {
    .contact__wrapper {
        padding-top: 500px
    }
    .map_area {
        position: absolute;
        top: 25px;
        right: 0;
        left: 20px;
        max-width: none;
        height: 400px;
        z-index: 100
    }
    .white__fill {
        position: absolute;
        background: #fff;
        display: block;
        top: 0;
        right: 0;
        left: 80px;
        z-index: 90;
        height: 450px!important
    }
}

@media (max-width: 480px) {
    .white__fill {
        display: none
    }
    .contact__wrapper {
        padding-top: 350px
    }
    .map_area {
        position: absolute;
        top: 0;
        right: 0;
        left: -10px;
        max-width: none;
        height: 300px;
        z-index: 100
    }
}

.subscribe__wrapper {
    background-color: #f3f1f2
}

.subscribe_area {
    background: #fff;
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
    height: 140px;
    z-index: 100
}

.subscribe_area form {
    height: inherit
}

.subscribe_area .subscribe_area__email {
    width: 60%;
    position: absolute;
    top: 50%;
    left: 60px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.subscribe_area .subscribe_area__email input {
    width: 100%;
    padding-left: 30px
}

.subscribe_area .subscribe_area__email label {
    position: absolute;
    top: 4px;
    left: 0
}

.subscribe_area .button_agree {
    position: absolute;
    right: 60px;
    top: 50px
}

@media (max-width: 1023px) {
    .subscribe_area .subscribe_area__email {
        width: 50%
    }
}

@media (max-width: 767px) {
    .subscribe_area .subscribe_area__email {
        width: 35%
    }
}

@media (max-width: 660px) {
    .subscribe_area {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .subscribe_area .subscribe_area__email {
        width: auto;
        position: static;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-left: 30px;
        margin-right: 30px
    }
    .subscribe_area .subscribe_area__email input {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .subscribe_area .button_agree {
        position: static;
        width: auto;
        margin: 30px 30px 0 30px
    }
    .subscribe_area .button_agree .button {
        width: 100%
    }
}

.about_page {
    position: relative;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px
}

.about_page .acadmic__info {
    min-height: 0
}

.about_page .in_lead {
    margin-bottom: 60px
}

.about__grid {
    position: relative;
    z-index: 100
}

.main-panel.zIndexClass .about__grid {
    z-index: 0
}

.about_history {
    background-color: #151515;
    color: #fff;
    position: relative;
    padding-top: 60px;
    padding-bottom: 180px
}

.about_history .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/local/templates/CIS_Template/css/../i/history.jpg) center center no-repeat #a8a8a8;
    background-size: cover;
    -moz-opacity: .3;
    -khtml-opacity: .3;
    -webkit-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
    z-index: 29
}

.history__items {
    margin: 0 -30px;
    z-index: 100;
    position: relative
}

.history__item {
    margin: 60px 30px
}

.history__cards {
    margin: 0 -30px;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0
}

.history__card {
    margin: 60px 30px 30px 30px;
    background-color: #fff;
    padding: 60px;
    color: #151515;
    position: relative
}

.history__card h5 {
    -webkit-margin-before: 0
}

.history__card .history__card-content {
    margin-bottom: 60px;
    position: relative;
    z-index: 2
}

.history__card .history__icon {
    position: absolute;
    top: 60px;
    right: 60px;
    z-index: 1;
    fill: #a8a8a8
}

.about_history__header {
    position: relative;
    z-index: 100
}

@media only screen and (max-width: 767px) {
    .history__card {
        padding: 30px;
        margin: 60px 0 30px 0
    }
    .history__card .history__icon {
        top: 30px;
        right: 30px
    }
    .history__item {
        margin: 60px 0
    }
    .history__items,
    .history__cards {
        margin: 0
    }
}

.blog-post {
    position: relative;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    padding-bottom: 60px
}

.blog-post h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 60px
}

.blog-post h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 38.4px
}

.blog-post .lead {
    font-size: 21.599999999999998px;
    line-height: 1.5;
    font-style: italic;
    font-family: 'Montserrat', sans-serif;
    color: #474747
}

.section-related {
    margin-top: -60px
}

.section-related__margin {
    margin-top: 0
}

.blog-post__grid {
    position: relative;
    z-index: 100
}

.post-date {
    display: block;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    margin: 30px 0 40px 0
}

.blog-post__body {
    background-color: #fff;
    padding: 60px
}

.blog-post__tags {
    background-color: #fff;
    padding: 60px 60px 45px 60px;
    border-top: 1px solid #f3f1f2
}

.blog-post__tags a {
    text-decoration: none;
    background-color: #f3f1f2;
    color: #151515;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.blog-post__tags a:hover {
    background-color: #ed145c;
    color: #fff
}

.post-carousel__item {
    text-decoration: none;
    color: #151515
}

.post-carousel__item p {
    font-size: 16px;
    color: #151515;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.post-carousel__item .post-carousel__header {
    color: #151515;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.post-carousel__item:hover {
    color: #151515
}

.post-carousel__item:hover p,
.post-carousel__item:hover .post-carousel__header {
    color: #ed145c
}

.post-carousel__date {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #a8a8a8
}

.post-carousel__header {
    font-size: 22px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-top: 30px;
    position: relative;
    padding-bottom: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.post-carousel__header:after {
    content: ' ';
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #ed145c;
    display: table
}

@media (max-width: 660px) {
    .blog-post__grid {
        margin-left: 0;
        margin-right: 0
    }
    .blog-post h1,
    .blog-post .breadcrumps,
    .post-date {
        margin-left: 30px;
        margin-right: 30px
    }
    .blog-post__body,
    .blog-post__tags {
        padding: 30px
    }
}

@media (max-width: 480px) {
    .blog-post h1,
    .blog-post .breadcrumps,
    .post-date {
        margin-left: 10px;
        margin-right: 10px
    }
    .blog-post__body,
    .blog-post__tags {
        padding-left: 10px;
        padding-right: 10px
    }
}

.blog-menu a {
    margin-left: 30px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    margin-bottom: 30px;
    display: inline-block
}

.blog-menu a.active {
    border-bottom: 1px solid #ed145c;
    color: #ed145c
}

.blog-menu a:first-child {
    margin-left: 0
}

.blog-item {
    float: left;
    width: 33.33%
}

.blog-squares {
    margin: 45px -15px
}

.blog-item__container {
    margin: 15px;
    min-height: 100px;
    background-color: #fff;
    display: block;
    text-decoration: none;
    color: #151515;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.blog-item__container img {
    width: 100%;
    min-height: 360px
}

.blog-item__container:hover {
    color: #151515;
    box-shadow: 0 14px 20px -7px rgba(0, 0, 0, .44)
}

.blog-item__container:hover p,
.blog-item__container:hover .blog-item__header {
    color: #ed145c
}

.blog-item__body {
    padding: 30px
}

.blog-item__date {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #a8a8a8
}

.blog-item__header {
    font-size: 22px;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    margin-top: 30px;
    position: relative;
    padding-bottom: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.blog-item__header:after {
    content: ' ';
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #ed145c;
    display: table
}

@media (max-width: 1023px) {
    .blog-item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .blog-item {
        width: 100%
    }
}

@media (max-width: 480px) {
    .blog-item__body {
        padding-left: 10px;
        padding-right: 10px
    }
    .blog-menu a,
    .blog-menu a:first-child {
        display: block;
        margin-left: 10px;
        margin-right: 10px
    }
}

.campuses_page {
    position: relative;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    overflow-x: hidden
}

.campuses-map {
    position: relative;
    z-index: 100;
    height: 800px
}

.campuses-map__header {
    background-color: #fff;
    position: relative;
    z-index: 100
}

.campuses-map__header h5 {
    margin: 60px 30px 30px 30px;
    text-align: center
}

.campuses-map__area {
    background-color: #777;
    height: auto;
    top: 200px;
    left: 60px;
    bottom: 0;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 90
}

.campuses-map__item {
    border-bottom: 2px solid #fff;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.campuses-map__item:hover {
    border-bottom: 2px solid #ed145c
}

.campuses-map__item .campus-item {
    padding: 30px;
    font-size: 16px
}

@media (max-width: 1023px) {
    .campuses-map__area {
        left: 0;
        top: 400px
    }
    .campuses-map {
        height: 1200px
    }
}

@media (max-width: 767px) {
    .campuses-map {
        height: auto
    }
    .campuses-map__area {
        position: relative;
        top: 0;
        height: 400px
    }
    .campuses-map__headerh5 {
        margin: 30px
    }
}

.section-related {
    position: relative;
    background-color: #f3f1f2
}

.section__grid {
    position: relative;
    z-index: 100;
    padding-top: 90px;
    padding-bottom: 90px
}

.key-features {
    width: 100%;
    height: auto;
    color: #151515;
    position: relative;
    z-index: 100;
    overflow: hidden;
    padding-top: 60px
}

.key-features h2 {
    margin: 0;
    margin-bottom: 60px
}

.key-features__item {
    margin-bottom: 90px
}

.key-features__item svg {
    margin-top: 30px;
    margin-bottom: 30px;
    fill: #ed145c
}

.key-features__item p {
    margin-right: 70px
}

@media (max-width: 1023px) {
    .key-features__item {
        margin-bottom: 30px
    }
}

@media (max-width: 767px) {
    .key-features__item {
        margin-bottom: 30px
    }
    .key-features h2 {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 60px
    }
    .key-features__item svg {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .key-features__item p {
        margin-right: 40px
    }
}

.gallery {
    margin: 60px 0;
    position: relative;
    z-index: 100
}

.gallery__square {
    width: 100%;
    padding-top: 100%;
    position: relative
}

.gallery__rectangle {
    width: 100%;
    padding-top: 50%;
    position: relative
}

.gallery__inside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden
}

.gallery__inside .image {
    min-width: 100%;
    min-height: 100%;
    background-color: #a8a8a8;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.gallery__inside:hover .image {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media (max-width: 1023px) {
    .gallery .grid-col-2 {
        width: 50%!important
    }
    .gallery__rectangle,
    .gallery__square {
        padding-top: 66%
    }
}

@media (max-width: 767px) {
    .gallery .grid-col-2,
    .gallery .grid-col-1 {
        width: 100%!important;
        display: inline-block;
        height: 300px
    }
}

.jq-checkbox,
.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox,
.jq-select-multiple {
    position: relative;
    display: inline-block
}

.jq-selectbox select,
.jq-select-multiple select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-selectbox li,
.jq-select-multiple li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-checkbox,
.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #C3C3C3;
    background: linear-gradient( #fff, #e6e6e6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer
}

.jq-checkbox.focused,
.jq-radio.focused {
    border: 1px solid #08C
}

.jq-checkbox.disabled,
.jq-radio.disabled {
    opacity: .55
}

.jq-checkbox {
    border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.jq-radio {
    border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-file {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 1
}

.jq-file.changed .jq-file__name {
    display: inline-block;
    vertical-align: top
}

.jq-file input {
    cursor: pointer
}

.jq-file__name {
    box-sizing: border-box;
    padding: 0 10px 0 0;
    color: #474747;
    display: none
}

.jq-file__browse {
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 25px;
    color: #ed145c;
    background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAulBMVEUAAAC9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9Nzm9NzkAAACLwAM2AAAAPXRSTlMAAU1wXAME1LuPru0P20oy6gpDdManJ2G0l8xCd+EXydEzGugR6x1ym5DZCTZ6ywv5DtxBbg3mWSls2rPQR57r6wAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAHCAAABwgAc0Pm54AAACASURBVAjXY2CAAEYmZhZWBhhgY+fg5OLmgfF4+YAkv4AglCckLCIqxiAuAeVJSknLyLLJCUB58kBtCopKygieiqqaugacxyOvKa3FyqCtA+VJCvGyAbXq6iHzGLjFkHn6BgwMhnAeA4ORMYOgCZzHYGpmbmFpxQZ3vr61jSTMMwBBrgt0u6mtOgAAAABJRU5ErkJggg==') no-repeat 0 50%;
    min-height: 15px;
    line-height: 15px
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
    border-color: #B3B3B3
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: 0;
    outline: 0;
    background: 0;
    font: 14px Arial, sans-serif;
    color: #333
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: linear-gradient( #fff, #e6e6e6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: linear-gradient( #f6f6f6, #e6e6e6)
}

.jq-number__spin:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD
}

.jq-number__spin:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #999;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794BF
}

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #AAA
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #AAA
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer
}

.jq-selectbox__select {
    height: 36px;
    padding: 0 45px 0 0;
    font-size: 16px;
    line-height: 36px;
    font-family: 'Roboto', sans-serif;
    color: #474747;
    border-bottom: 1px solid #a8a8a8;
    min-width: 180px;
    max-width: 100%;
    box-sizing: border-box
}

.jq-selectbox__select:hover {
    border-bottom-color: #151515
}

.jq-selectbox__select:active {
    border-bottom-color: #151515
}

.jq-selectbox.focused .jq-selectbox__select {
    border-bottom-color: #151515
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__select-text {
    display: block;
    width: 100%!important
}

.jq-selectbox .placeholder {
    color: #474747
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 6px;
    margin: -3px 0 0 -5px;
    background: url('/local/templates/CIS_Template/css/../i/arr-top.svg') no-repeat 100% 50%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 1px solid #a8a8a8;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
    font-size: 14px;
    line-height: 18px;
    font-family: 'Roboto', sans-serif
}

.jq-selectbox__search {
    margin: 5px
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    outline: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 5px 10px 6px;
    color: #151515
}

.jq-selectbox li.selected,
.jq-selectbox li:hover {
    background-color: #ed145c;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #AAA
}

.jq-selectbox li.disabled:hover {
    background: 0
}

.jq-selectbox li.optgroup {
    font-weight: 700
}

.jq-selectbox li.optgroup:hover {
    background: 0;
    color: #231F20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    background: #FFF;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794BF
}

.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF
}

.jq-select-multiple li.disabled {
    color: #AAA
}

.jq-select-multiple li.optgroup {
    font-weight: 700
}

.jq-select-multiple li.option {
    padding-left: 25px
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF
}

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
    padding: 8px 9px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333
}

input[type='search'].styler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
    border-color: #B3B3B3
}

input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
    border-color: #CCC;
    border-top-color: #B3B3B3;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    border-radius: 4px;
    outline: 0;
    background: linear-gradient( #fff, #e6e6e6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #FFF;
    cursor: pointer
}

button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
    background: linear-gradient( #f6f6f6, #e6e6e6)
}

button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
    background: #F5F5F5;
    box-shadow: inset 1px 1px 3px #DDD
}

button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
    border-color: #CCC;
    background: #F5F5F5;
    box-shadow: none;
    color: #888
}

.tabs-block {
    position: relative;
    z-index: 50;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    overflow-x: hidden
}

.tabs-block__grid {
    position: relative;
    z-index: 50
}

.tabs-block__bg {
    position: absolute;
    top: 175px;
    left: 50%;
    width: 50%;
    height: 400px;
    background-color: #f9f9f9;
    z-index: 41
}

.form-description {
    font-size: 18px;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    text-align: right;
    padding: 0 0 0 10px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
    margin: -48px 0 0;
    line-height: 2
}

.form-description .form-description-in {
    display: inline-block;
    max-width: 510px
}

.form-description a {
    color: #ed145c;
    text-decoration: none
}

.form-description a.phone-link {
    color: #151515;
    text-decoration: none;
    display: inline-block
}

.tabs-block-wr {
    padding-bottom: 100px
}

.tabs-block-wr .tabs-block-title-wr {
    font-size: 0;
    margin-bottom: 40px
}

.tabs-block-wr .age-select-removed {
    display: none;
    vertical-align: middle;
    margin-left: 30px;
    background: #c14244;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.tabs-block-wr .age-select-removed:hover {
    background: #444
}

.tabs-block-wr .age-select-removed.is-active {
    display: inline-block
}

.tabs-block-wr .age-select-removed .iconBasic {
    width: 8px;
    height: 8px;
    fill: #fff;
    line-height: 20px
}

.tabs-block-wr .tabs-block-title-left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box
}

.tabs-block-wr .tabs-block-title-left select {
    display: none
}

.tabs-block-wr .tabs-block-title-left .jq-selectbox {
    display: none
}

.tabs-block-wr .tabs-block-title-left .jq-selectbox__select {
    background: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #151515;
    border: 1px solid #ccc;
    padding: 18px 45px 19px 18px;
    height: auto;
    line-height: 1
}

.tabs-block-wr .tabs-block-title-left .jq-selectbox__dropdown {
    box-shadow: none;
    margin-top: 0
}

.tabs-block-wr .tabs-block-title-left .jq-selectbox li {
    padding: 12px 18px 12px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif
}

.tabs-block-wr .tabs-block-title-left .jq-selectbox__trigger {
    width: 40px
}

.tabs-block-wr .tabs-block-title-left>a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #151515;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    margin-right: 78px
}

.tabs-block-wr .tabs-block-title-left>a:last-child {
    margin-right: 0
}

.tabs-block-wr .tabs-block-title-left>a:hover,
.tabs-block-wr .tabs-block-title-left>a.active {
    color: #ed145c;
    border-bottom-color: #ed145c
}

.tabs-block-wr .tabs-block-body-wr {
    background: #fff
}

.tabs-block-wr .tabs-body {
    display: none
}

.tabs-block-wr .tabs-body.opened {
    display: block;
    min-height: 234px
}

.tabs-block-wr .tabs-body form .fieldset-wr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tabs-block-wr .tabs-body form fieldset {
    padding: 85px 160px 34px 100px;
    margin: 0;
    border: 1px solid #f3f1f2;
    border-top: 0;
    border-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tabs-block-wr .tabs-body form fieldset:nth-child(even) {
    border-right: 0
}

.tabs-block-wr .tabs-body form fieldset .section-title {
    font-size: 28px;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 38px
}

.tabs-block-wr .tabs-body form fieldset .title {
    font-family: 'Roboto', sans-serif;
    color: #151515;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block
}

.tabs-block-wr .tabs-body form fieldset .title.file {
    opacity: 0
}

.tabs-block-wr .tabs-body form fieldset .title em {
    color: #ed145c;
    font-style: normal
}

.tabs-block-wr .tabs-body form fieldset .select-sex {
    width: 100%
}

.tabs-block-wr .tabs-body form fieldset .age-select-wr {
    position: relative;
    padding-right: 60px
}

.tabs-block-wr .tabs-body form fieldset .jq-file {
    margin-top: 14px
}

.tabs-block-wr .tabs-body form fieldset .age-select-added {
    position: absolute;
    left: 215px;
    bottom: 0;
    display: inline-block;
    cursor: pointer;
    width: 22px;
    height: 36px
}

.tabs-block-wr .tabs-body form fieldset .age-select-added svg {
    width: 22px;
    height: 36px;
    line-height: 1;
    max-width: 100%
}

.tabs-block-wr .tabs-body form fieldset textarea,
.tabs-block-wr .tabs-body form fieldset input {
    font-family: 'Roboto', sans-serif;
    color: #474747;
    font-size: 16px;
    font-weight: 400;
    width: 180px;
    height: 35px;
    line-height: 35px;
    -webkit-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tabs-block-wr .tabs-body form fieldset textarea:invalid:not(:focus):not(:placeholder-shown),
.tabs-block-wr .tabs-body form fieldset input:invalid:not(:focus):not(:placeholder-shown) {
    border-color: red
}

.tabs-block-wr .tabs-body form fieldset textarea:invalid:not(:focus):not(:placeholder-shown):focus,
.tabs-block-wr .tabs-body form fieldset input:invalid:not(:focus):not(:placeholder-shown):focus {
    border-color: red
}

.tabs-block-wr .tabs-body form fieldset textarea.error,
.tabs-block-wr .tabs-body form fieldset input.error {
    border-color: red
}

.tabs-block-wr .tabs-body form fieldset textarea.error:focus,
.tabs-block-wr .tabs-body form fieldset input.error:focus {
    border-color: red
}

.tabs-block-wr .tabs-body form fieldset textarea:focus,
.tabs-block-wr .tabs-body form fieldset input:focus {
    border-bottom-color: #151515
}

.tabs-block-wr .tabs-body form fieldset textarea {
    min-height: 35px;
    height: auto;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #a8a8a8;
    padding: 0;
    outline: 0;
    resize: none
}

.tabs-block-wr .tabs-body form fieldset textarea:focus {
    border-bottom-color: #151515
}

.tabs-block-wr .tabs-body form fieldset label.file .title {
    opacity: 0
}

.tabs-block-wr .tabs-body form fieldset.child-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 0;
    padding-right: 0
}

.tabs-block-wr .tabs-body form fieldset.child-details>p {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 160px;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-top: 0
}

.tabs-block-wr .tabs-body form fieldset.child-details>p.textarea-wr {
    width: 100%
}

.tabs-block-wr .tabs-body form .child-field-added-wr {
    padding: 0 160px 0 0;
    text-align: center
}

.tabs-block-wr .tabs-body form .child-field-added-wr .child-field-added {
    display: inline-block;
    cursor: pointer
}

.tabs-block-wr .tabs-body form .child-field-added-wr .child-field-added svg {
    width: 30px;
    height: 36px
}

.tabs-block-wr .tabs-body form .submit-wr {
    text-align: center;
    padding: 50px 0
}

.tabs-block-wr .tabs-body form .submit-wr .error-form {
    color: #ed145c;
    padding: 20px 20px;
    margin-top: -61px;
    font-size: 14px;
    display: none;
    margin: 20px 0 40px 0
}

.tabs-block-wr .tabs-body form .submit-wr button {
    outline: 0;
    cursor: pointer;
    font-size: 22px;
    color: #ed145c;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 5px;
    background: 0;
    border: 0
}

.tabs-block-wr .tabs-body form .submit-wr button svg {
    fill: #ed145c;
    vertical-align: top;
    margin: 5px 0 0;
    width: 14px;
    height: 11px
}

@media (max-width: 1280px) {
    .tabs-block__bg {
        margin-left: 10px
    }
}

@media (max-width: 1200px) {
    .tabs-block-wr .tabs-block-title-left>a {
        margin-right: 56px
    }
    .tabs-block-wr .tabs-body form fieldset {
        padding: 85px 40px 34px 40px
    }
    .tabs-block-wr .tabs-body form fieldset.child-details>p {
        padding-right: 40px
    }
    .tabs-block-wr .tabs-body form .child-field-added-wr {
        padding-right: 40px
    }
    .tabs-block-wr .tabs-body form .submit-wr {
        padding: 38px 0 35px
    }
}

@media (max-width: 1023px) {
    .tabs-block__grid.grid {
        margin-left: 24px;
        margin-right: 24px
    }
    .tabs-block-wr {
        padding-bottom: 70px
    }
    .tabs-block__bg {
        margin-left: 0
    }
}

@media (max-width: 760px) {
    .tabs-block__bg {
        display: none
    }
    .tabs-block-wr .tabs-block-title-wr {
        margin: 0
    }
    .tabs-block-wr .tabs-block-title-left {
        display: block;
        width: 100%;
        margin-bottom: 30px
    }
    .tabs-block-wr .form-description {
        display: block;
        width: 100%;
        margin: 0;
        padding: 30px 20px;
        text-align: left;
        background-color: #f9f9f9;
        line-height: 1.4;
        font-size: 16px
    }
}

@media (max-width: 700px) {
    .tabs-block-wr {
        padding-bottom: 10px;
        margin: 0 -24px
    }
    .tabs-block-wr .tabs-block-title-left {
        margin: 0 24px 30px;
        width: auto
    }
    .tabs-block-wr .tabs-block-title-left>a {
        display: none
    }
    .tabs-block-wr .tabs-block-title-left .jq-selectbox {
        display: block
    }
    .tabs-block-wr .tabs-block-title-left select {
        display: block;
        font-size: 16px
    }
    .tabs-block-wr .tabs-body form .fieldset-wr {
        display: block
    }
    .tabs-block-wr .tabs-body form fieldset {
        max-width: none;
        border-right: 0;
        padding: 42px 20px 40px
    }
    .tabs-block-wr .tabs-body form fieldset .section-title {
        font-size: 22px;
        margin-bottom: 30px
    }
    .tabs-block-wr .tabs-body form fieldset.child-details>p {
        width: 100%
    }
}

.main-panel.zIndexClass {
    position: relative;
    z-index: 100000
}

.main-panel.zIndexClass .side__socials {
    z-index: 0
}

.teachers-block-wrapper {
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    position: relative;
    z-index: 50
}

.teachers-block__grid {
    position: relative;
    z-index: 50
}

.teachers-block-wr {
    margin-bottom: 40px
}

.filter-opened-btn {
    display: none
}

.teachers-filter-wr {
    margin-bottom: 27px;
    font-size: 0
}

.teachers-filter-wr .filter-btn-wr,
.teachers-filter-wr .filter-title {
    display: none
}

.teachers-filter-wr .filter-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
    color: #151515;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-bottom: 30px
}

.teachers-filter-wr .filter-item:last-child {
    margin-right: 0
}

.teachers-filter-wr .filter-item>div {
    display: inline-block;
    vertical-align: top
}

.teachers-filter-wr .filter-item-title {
    font-weight: 500;
    margin-right: 14px;
    font-size: 16px
}

.teachers-filter-wr .filter-item-title span svg {
    display: none
}

.teachers-filter-wr .filter-item-body select {
    font-size: 16px;
    color: #151515;
    font-family: 'Roboto', sans-serif;
    outline: 0;
    background: 0;
    margin-top: -3px;
    z-index: 1;
    cursor: pointer;
    min-height: 21px
}

.teachers-filter-wr .jq-selectbox__select {
    height: auto;
    line-height: 1;
    border: 0;
    padding-right: 30px;
    min-width: 0;
    font-size: 16px;
    color: #151515;
    font-family: 'Roboto', sans-serif
}

.teachers-filter-wr .jq-selectbox__dropdown {
    width: auto!important
}

.teachers-block {
    font-size: 0
}

.filter-element.filterFalse {
    display: none
}

.teacher-item {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #151515;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    padding-right: 30px;
    margin-bottom: 60px
}

.teacher-item img {
    vertical-align: middle;
    max-width: 100%
}

.teacher-item .teachers-photo {
    margin: 0 0 17px
}

.teacher-item .teachers-photo span {
    display: block;
    padding-top: 100%;
    width: 100%;
    background: #fff;
    font-size: 0
}

.teacher-item .teachers-photo span img {
    margin-top: -100%;
    width: 100%
}

.teacher-item .teacher-name {
    font-size: 22px;
    color: #151515;
    font-family: 'Lora', serif
}

.teacher-item .teacher-position {
    font-size: 16px;
    color: #474747;
    font-family: 'Roboto', sans-serif;
    margin-top: 6px
}

.teachers-more-wrapper {
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    padding-bottom: 1px;
    position: relative;
    z-index: 50;
    overflow-x: hidden
}

.about-teacher-block-wr {
    position: relative;
    z-index: 50;
    margin: 40px 0 188px;
    background: #fff
}

.about-teacher-block-wr:before {
    content: "";
    position: absolute;
    right: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    background: #f3f1f2
}

.about-teacher-block-in {
    position: relative;
    min-height: 600px
}

.about-teacher-block-in:before {
    content: "";
    position: absolute;
    left: 25%;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff
}

.about-teacher-block-in:after {
    width: 100%;
    clear: both;
    content: " ";
    display: table
}

.about-teacher-block-text-bg {
    position: absolute;
    bottom: -22px;
    vertical-align: baseline;
    line-height: 1;
    right: 0;
    color: #f3f1f2;
    font-size: 140px;
    font-family: 'Montserrat', sans-serif;
    text-align: right;
    z-index: 1;
    width: 850px;
    max-width: 90%;
    opacity: 0
}

.about-teacher-block-photo {
    position: absolute;
    right: 770px;
    top: 40px;
    max-width: 600px;
    max-height: 600px;
    width: 600px
}

.about-teacher-block-photo .about-teacher-photo-in {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover
}

.about-teacher-block-photo .about-teacher-photo-in:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%
}

.about-teacher-block-body {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 114px 60px 105px 0;
    width: 660px;
    float: right
}

.about-teacher-block-body .about-teacher-position {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #474747
}

.about-teacher-block-body .about-teacher-name {
    display: inline-block;
    position: relative;
    margin: 30px 0 20px;
    font-family: 'Montserrat', sans-serif;
    color: #151515;
    font-size: 50px;
    font-weight: 400
}

.about-teacher-block-body .about-teacher-name:after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    background-color: #f3f1f2;
    margin-top: 30px
}

.about-teacher-block-body .about-teacher-text {
    color: #474747;
    font-size: 18px
}

.video-block-wrap {
    position: relative;
    z-index: 50;
    background: #fff;
    margin: 0 0 100px;
    padding: 0 0 116px
}

.video-block-wrap .positive-lines .grid .grid__row {
    border-left-color: #f9f9f9
}

.video-block-wrap .positive-lines .grid .grid__row div {
    border-right-color: #f9f9f9
}

.video-block-wrap.video-popup {
    z-index: 51
}

.video-block-wrap.video-popup .video-block-popup-wr {
    opacity: 1;
    visibility: visible
}

.video-block-body {
    position: relative;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.video-block-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 660px;
    flex: 0 0 660px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -50px
}

.video-block-right img {
    vertical-align: middle;
    max-width: 100%
}

.video-block-right .video-body {
    position: relative;
    display: inline-block;
    min-width: 100%;
    min-height: 180px;
    background: #f9f9f9
}

.video-block-right .video-body .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    margin: -33px 0 0 -33px;
    cursor: pointer
}

.video-block-right .video-body .play-button:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 9px 0 9px 18px;
    border-left-color: #fff;
    margin: -9px 0 0 -9px
}

.video-block-left {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    padding-right: 100px;
    padding-top: 106px
}

.video-block-left .video-block-left-bg {
    position: absolute;
    top: 128px;
    left: -60px;
    width: 230px;
    height: 214px
}

.video-block-left .video-block-left-bg svg {
    fill: #f9f9f9;
    max-width: 100%;
    max-height: 100%;
    width: 230px;
    height: 214px
}

.video-block-left .video-block-description {
    position: relative;
    font-style: italic;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    color: #474747;
    margin-bottom: 15px
}

.video-block-left .video-block-name {
    position: relative;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    color: #151515;
    margin-bottom: 24px
}

.video-block-left .video-block-text {
    position: relative;
    color: #474747;
    font-size: 16px;
    line-height: 1.7
}

.video-block-popup-wr {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10010;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden
}

.video-block-popup-wr .close {
    position: absolute;
    top: 0;
    right: 20px;
    height: 78px;
    width: 64px;
    cursor: pointer
}

.video-block-popup-wr .close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    margin-left: -15%;
    background: #151515;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.video-block-popup-wr .close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    margin-left: -15%;
    background: #151515;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.video-block-popup-wr .video-block-popup-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    overflow: auto;
    max-height: 100%;
    max-width: 100%
}

.video-block-popup-wr iframe {
    max-width: 100%;
    vertical-align: middle
}

.teacher-info-block-wr {
    margin-bottom: 85px;
    position: relative;
    z-index: 50
}

.teacher-info-block-in {
    background: #fff;
    padding: 37px 0 20px
}

.teacher-info-block-in .teacher-info-block-title {
    position: relative;
    padding-right: 140px
}

.teacher-info-block-in .teacher-info-block-title:before {
    position: absolute;
    top: 50%;
    left: 33.3333%;
    right: 0;
    height: 1px;
    content: ' ';
    margin-top: -.5px;
    margin-left: 65px;
    background-color: #f3f1f2
}

.teacher-info-block-in .teacher-info-block-title>span {
    position: relative;
    z-index: 1;
    font-size: 42px;
    font-family: 'Montserrat', sans-serif;
    color: #151515;
    line-height: 1.2;
    display: inline-block;
    padding: 38px 65px 50px 65px;
    background: #fff
}

.teacher-info-block-in .teacher-info-block-title .teacher-info-block-title-icon {
    position: absolute;
    top: 50%;
    right: 56px;
    margin-top: -28px;
    border: 1px solid #f3f1f2;
    width: 54px;
    height: 54px;
    background-color: #fff;
    z-index: 110;
    text-align: center
}

.teacher-info-block-in .teacher-info-block-title .teacher-info-block-title-icon svg {
    position: absolute;
    left: 50%;
    top: 50%;
    fill: #ed145c;
    width: 6px;
    height: 18px;
    margin: -9px 0 0 -3px
}

.teacher-info-block-body {
    font-size: 0
}

.teacher-info-block-body .teacher-info-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 65px;
    padding-right: 50px;
    padding-bottom: 60px
}

.teacher-info-block-body .item-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    color: #474747;
    margin-bottom: 45px
}

.teacher-info-block-body .item-body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ed145c
}

.teacher-info-block-body .item-body>span {
    font-family: 'Montserrat', sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 1
}

.teacher-info-block-body .item-body>span.years {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #ed145c;
    margin-left: 14px;
    margin-top: 7px
}

.expertise-information-wr {
    margin-bottom: 100px;
    position: relative;
    z-index: 50
}

.expertise-information-wr .expertise-information-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    color: #151515;
    margin-bottom: 50px
}

.expertise-information-body {
    font-size: 0
}

.expertise-information-body .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    color: #474747;
    font-size: 16px;
    line-height: 1.8;
    padding: 0 40px;
    margin-bottom: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.expertise-information-body .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 17px;
    height: 1px;
    background: #ed145c
}

.news-block-wr {
    margin-bottom: 100px;
    position: relative;
    z-index: 50
}

.news-block-wr .academics__info {
    margin-top: 0
}

.info-block-bottom-wr {
    margin-top: 150px;
    position: relative;
    z-index: 50;
    background: #fff
}

.info-block-bottom-wr .positive-lines .grid .grid__row {
    border-left-color: #f9f9f9
}

.info-block-bottom-wr .positive-lines .grid .grid__row div {
    border-right-color: #f9f9f9
}

.info-block-bottom-in {
    position: relative;
    z-index: 50;
    padding-bottom: 96px
}

.info-block-bottom-in:after {
    width: 100%;
    clear: both;
    content: " ";
    display: table
}

.info-block-bottom-in .info-block-bottom-left {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 110px 50px 20px 76px
}

.info-block-bottom-in .info-block-bottom-right {
    position: absolute;
    top: -50px;
    left: 50%;
    right: -15%;
    max-width: 785px
}

.info-block-bottom-in .info-block-bottom-right-in {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover
}

.info-block-bottom-in .info-block-bottom-right-in:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56%
}

.info-block-bottom-in .info-block-bottom-body {
    color: #151515;
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 1.8
}

.info-block-bottom-in .info-block-bottom-title {
    position: relative;
    font-size: 42px;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 32px;
    line-height: 1
}

.info-block-bottom-in .info-block-bottom-title:before {
    content: "";
    position: absolute;
    left: -76px;
    top: 22px;
    width: 50px;
    height: 1px;
    background: #ed145c
}

.info-block-bottom-in .info-block-bottom-btn-wr {
    font-size: 0
}

.info-block-bottom-in .info-block-bottom-btn-wr>a {
    font-size: 16px;
    min-width: 155px;
    margin-right: 22px;
    text-align: center;
    margin-bottom: 20px
}

.info-block-bottom-in .info-block-bottom-btn-wr>a:nth-child(even) {
    margin-right: 0
}

@media all and (max-width: 1460px) {
    .about-teacher-block-photo {
        left: -64px;
        right: 0;
        margin-right: 700px;
        width: auto
    }
}

@media all and (max-width: 1280px) {
    .about-teacher-block-wr {
        margin: 30px 0 100px
    }
    .about-teacher-block-wr:before {
        display: none
    }
    .about-teacher-block-wr .grid {
        margin-left: 80px;
        margin-right: 30px
    }
    .about-teacher-block-in {
        padding: 46px 0 100px;
        min-height: 0
    }
    .about-teacher-block-in:before {
        display: none
    }
    .about-teacher-block-photo {
        position: static;
        margin: 0;
        float: left;
        width: 320px;
        margin-left: -23px;
        margin-right: 40px
    }
    .about-teacher-block-body {
        width: auto;
        float: none;
        padding: 0
    }
    .about-teacher-block-body .about-teacher-name {
        margin: 18px 0 20px
    }
    .about-teacher-block-body .about-teacher-name:after {
        margin-top: 37px
    }
    .about-teacher-block-text-bg {
        bottom: -19px;
        font-size: 110px;
        right: 0
    }
    .video-block-wrap>.grid {
        margin-left: 80px;
        margin-right: 30px
    }
    .video-block-left {
        padding-right: 40px;
        padding-top: 76px
    }
    .video-block-left .video-block-left-bg {
        left: -20px
    }
    .teacher-info-block-wr .grid {
        margin-left: 80px;
        margin-right: 30px
    }
    .teacher-info-block-body .teacher-info-item {
        padding-right: 10px
    }
    .news-block-wr .grid {
        margin-left: 80px;
        margin-right: 30px
    }
}

@media all and (max-width: 1024px) {
    .teachers-more-wrapper .grid {
        margin-left: 23px;
        margin-right: 23px
    }
    .teachers-filter-wr {
        margin-bottom: 16px
    }
    .teachers-filter-wr .filter-item {
        width: 50%;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 20px
    }
    .teacher-item {
        width: 30.55555555555556%;
        padding-right: 0;
        margin-right: 4.166666666666667%
    }
    .teacher-item:nth-child(3n) {
        margin-right: 0
    }
    .video-block-wrap {
        padding-bottom: 88px;
        margin-bottom: 80px
    }
    .video-block-wrap>.grid {
        margin-left: 23px;
        margin-right: 23px
    }
    .video-block-body {
        display: block
    }
    .video-block-left {
        padding-right: 0;
        padding-top: 46px
    }
    .video-block-left .video-block-name {
        margin-bottom: 28px
    }
    .video-block-left .video-block-left-bg {
        top: 66px
    }
    .teacher-info-block-wr {
        margin-bottom: 50px
    }
    .teacher-info-block-in {
        padding: 28px 0 20px
    }
    .teacher-info-block-in .teacher-info-block-title {
        padding-right: 120px
    }
    .teacher-info-block-in .teacher-info-block-title:before {
        left: 50%;
        margin-left: 40px
    }
    .teacher-info-block-in .teacher-info-block-title>span {
        padding: 38px 40px 50px 40px
    }
    .teacher-info-block-in .teacher-info-block-title .teacher-info-block-title-icon {
        right: 40px
    }
    .teacher-info-block-body .teacher-info-item {
        width: 50%;
        padding-left: 40px
    }
    .teacher-info-block-body .item-title {
        margin-bottom: 26px
    }
    .expertise-information-wr {
        margin-bottom: 38px
    }
    .expertise-information-body .item {
        width: 100%;
        padding-right: 0
    }
    .news-block-wr {
        margin-bottom: 70px
    }
    .info-block-bottom-wr {
        margin-top: 120px
    }
    .info-block-bottom-in {
        padding: 0
    }
    .info-block-bottom-in .info-block-bottom-left {
        width: 100%;
        padding: 0 0 50px
    }
    .info-block-bottom-in .info-block-bottom-right {
        position: static;
        margin: -50px 0 40px;
        max-width: 100%
    }
}

@media all and (max-width: 740px) {
    .about-teacher-block-body .about-teacher-name {
        font-size: 28px;
        margin: 10px 0 20px
    }
    .about-teacher-block-body .about-teacher-name:after {
        margin-top: 28px
    }
    .about-teacher-block-in {
        padding-bottom: 40px
    }
    .about-teacher-block-text-bg {
        display: none
    }
    .teacher-item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px
    }
    .teacher-item:nth-child(3n) {
        margin-right: 4%
    }
    .teacher-item:nth-child(2n) {
        margin-right: 0
    }
    .teacher-item .teachers-photo {
        margin-bottom: 12px
    }
}

@media all and (max-width: 640px) {
    .about-teacher-block-in {
        padding: 28px 0 40px
    }
    .about-teacher-block-photo {
        float: none;
        margin: 0 0 25px;
        width: 100%
    }
    .video-block-wrap {
        margin-bottom: 10px;
        padding-bottom: 54px
    }
    .video-block-wrap>.grid {
        margin-left: 20px;
        margin-right: 20px
    }
    .video-block-left {
        padding-top: 27px
    }
    .video-block-left .video-block-name {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 14px
    }
    .video-block-left .video-block-left-bg {
        display: none
    }
    .teacher-info-block-wr {
        margin-bottom: 42px
    }
    .teacher-info-block-wr .grid {
        margin: 0
    }
    .teacher-info-block-in {
        padding-top: 0;
        padding-bottom: 10px
    }
    .teacher-info-block-in .teacher-info-block-title {
        padding-right: 80px
    }
    .teacher-info-block-in .teacher-info-block-title:before {
        display: none
    }
    .teacher-info-block-in .teacher-info-block-title>span {
        font-size: 28px;
        padding: 40px 0 40px 20px
    }
    .teacher-info-block-in .teacher-info-block-title .teacher-info-block-title-icon {
        right: 20px
    }
    .teacher-info-block-body .teacher-info-item {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 33px
    }
    .expertise-information-wr {
        margin-bottom: 15px
    }
    .expertise-information-wr .expertise-information-title {
        font-size: 24px;
        margin-bottom: 37px
    }
    .expertise-information-body .item {
        padding-left: 28px;
        margin-bottom: 25px
    }
    .news-block-wr {
        margin-bottom: 50px
    }
    .news-block-wr .grid {
        margin-right: 0;
        margin-left: 0
    }
    .info-block-bottom-wr {
        margin-top: 100px
    }
    .info-block-bottom-in .info-block-bottom-left {
        padding-bottom: 30px
    }
    .info-block-bottom-in .info-block-bottom-right {
        margin-bottom: 34px
    }
    .info-block-bottom-in .info-block-bottom-title {
        font-size: 28px;
        margin-bottom: 25px
    }
    .info-block-bottom-in .info-block-bottom-body {
        margin-bottom: 30px
    }
    .info-block-bottom-in .info-block-bottom-btn-wr>a {
        display: block;
        margin-right: 0
    }
}

@media all and (max-width: 600px) {
    .teachers-block__grid,
    .teachers-block-wrapper {
        z-index: initial
    }
    .filter-opened-btn {
        position: relative;
        display: block;
        background: #fff;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        color: #151515;
        border: 1px solid #ccc;
        padding: 18px 45px 19px 18px;
        margin-bottom: 30px;
        height: auto;
        line-height: 1
    }
    .filter-opened-btn:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 10px;
        height: 6px;
        margin: -3px 0 0;
        background: url('/local/templates/CIS_Template/css/../i/arr-top.svg') no-repeat 100% 50%;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .teachers-filter-wr {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 10010;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #fff;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -o-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
    .teachers-filter-wr.opened {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .teachers-filter-wr .teachers-filter-in {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        overflow: auto;
        max-height: 100%
    }
    .teachers-filter-wr .filter-title {
        position: relative;
        display: block;
        color: #151515;
        font-family: 'Montserrat', sans-serif;
        font-size: 28px;
        line-height: 1;
        padding: 25px 70px 25px 20px;
        border-bottom: 1px solid #ccc
    }
    .teachers-filter-wr .filter-title .close-filter {
        position: absolute;
        top: 0;
        right: 0;
        height: 78px;
        width: 64px
    }
    .teachers-filter-wr .filter-title .close-filter:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 30px;
        height: 2px;
        margin-left: -15%;
        background: #151515;
        transform: rotate(-45deg);
        transition: bottom 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
    }
    .teachers-filter-wr .filter-title .close-filter:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 30px;
        height: 2px;
        margin-left: -15%;
        background: #151515;
        transform: rotate(45deg);
        transition: top 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
    }
    .teachers-filter-wr .filter-title .close-filter svg {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -12px 0 0 -12px;
        width: 24px;
        height: 24px
    }
    .teachers-filter-wr .filter-btn-wr {
        display: block;
        padding: 32px 23px
    }
    .teachers-filter-wr .filter-btn-wr>a {
        display: block;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-size: 16px
    }
    .teachers-filter-wr .filter-item {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }
    .teachers-filter-wr .filter-item>div {
        display: block
    }
    .teachers-filter-wr .filter-item .filter-item-body {
        display: none
    }
    .teachers-filter-wr .filter-item.opened .filter-item-title {
        color: #ed145c
    }
    .teachers-filter-wr .filter-item.opened .filter-item-title span svg {
        fill: #ed145c;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    .teachers-filter-wr .filter-item.opened .filter-item-body {
        display: block
    }
    .teachers-filter-wr .filter-item-title {
        position: relative;
        line-height: 1;
        padding: 23px 40px 23px 20px;
        margin-right: 0
    }
    .teachers-filter-wr .filter-item-title span {
        position: absolute;
        font-size: 0;
        right: 27px;
        top: 50%;
        margin-top: -3px;
        width: 10px;
        height: 6px
    }
    .teachers-filter-wr .filter-item-title span svg {
        display: block;
        fill: #a8a8a8;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .teachers-filter-wr .jq-selectbox__select {
        display: none
    }
    .teachers-filter-wr .jq-selectbox {
        display: block
    }
    .teachers-filter-wr .jq-selectbox select {
        display: none
    }
    .teachers-filter-wr .jq-selectbox__dropdown {
        display: block!important;
        width: 100%!important;
        position: static;
        background: 0;
        box-shadow: none;
        border: 0;
        padding: 0 0 15px
    }
    .teachers-filter-wr .jq-selectbox li {
        position: relative;
        color: #151515;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        line-height: 1;
        padding: 8px 10px 8px 52px
    }
    .teachers-filter-wr .jq-selectbox li:before {
        content: "";
        position: absolute;
        left: 16px;
        top: 50%;
        margin-top: -11px;
        width: 20px;
        height: 20px;
        border: 1px solid #ccc;
        border-radius: 12px
    }
    .teachers-filter-wr .jq-selectbox li.sel {
        background: 0
    }
    .teachers-filter-wr .jq-selectbox li.sel:before {
        border: 1px solid #151515;
        background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAfCAMAAACmqq93AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAWlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLSV5RAAAAHXRSTlMAiJcBmQOleE03TvrxjkH2QsMPyXdpxEMKvv67Xo1zxwcAAAABYktHRACIBR1IAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAm0lEQVQ4y5XQRxbDMAgEUGKlOT1OL3P/a0YvxTISIDJL5m8YonpGTXCotwScNkpgPPFKYFq3X+mwvYzWLTH7W85br1wsV61XAoUNa0UWNjSqjHbjlcB2Z0vap1tvZUndobCKFCyTR/ZsZpk8ZRN254G9WJLoekvt3ZTc2lK2spSsJkury9xakltbDm1NJluXP+uRH+uT0T6eWvUCvDEw+KLLgpsAAAAASUVORK5CYII=') no-repeat 50% 50%;
        background-size: 10px 8px
    }
    .teachers-filter-wr .jq-selectbox li:hover {
        background: 0
    }
}

@media all and (max-width: 420px) {
    .teacher-item {
        width: 100%;
        margin-right: 0
    }
    .teacher-item:nth-child(3n) {
        margin-right: 0
    }
}

.main-panel.zIndexClass .contact_section {
    z-index: 0
}

.campuse-page {
    padding-bottom: 1px;
    min-height: 200px;
    background-color: #f3f1f2;
    padding-top: 90px;
    position: relative;
    z-index: 50;
    overflow-x: hidden
}

.campuse-page .academics__image,
.campuse-page .academics__video {
    height: 520px
}

.campuse-page h1,
.campuse-page .h1 {
    font-weight: 400;
    font-size: 54px
}

.campuse-page .hero__actions {
    font-size: 0;
    margin-top: 40px
}

.campuse-page .hero__actions>a {
    margin-right: 30px
}

.campuse-page .hero__actions>a:last-child {
    margin-right: 0
}

.campuse-page .campus-hero__watermark {
    position: absolute;
    bottom: -4%;
    vertical-align: baseline;
    line-height: 1;
    right: 0;
    color: #f3f1f2;
    z-index: -1;
    font-family: 'Montserrat', sans-serif;
    text-align: right;
    width: 60%
}

.campuse-page .afterschool-list {
    padding-top: 0
}

.campuse-page .accordion__title span svg {
    fill: #ed145c;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    margin-right: 30px
}

.campuse-page .afterschool-list h2 {
    margin-top: 0;
    font-weight: 400;
    font-size: 42px
}

.academics-hero__content .hero-descriptions {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #8b8b8b;
    margin-top: 70px;
    margin-bottom: 10px
}

.academics-hero__content .hero-descriptions+h5 {
    margin-top: 0;
    width: auto;
    color: #151515;
    font-weight: 400
}

.education-wr {
    position: relative;
    z-index: 50;
    color: #fff;
    background: #151515;
    padding-top: 124px;
    padding-bottom: 70px;
    margin-bottom: 100px
}

.education-wr .grid {
    position: relative;
    z-index: 50
}

.education-wr .positive-lines .grid .grid__row {
    border-left: 1px solid rgba(255, 255, 255, .15)
}

.education-wr .positive-lines .grid .grid__row div {
    border-right: 1px solid rgba(255, 255, 255, .15)
}

.education-wr .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/local/templates/CIS_Template/css/../i/education-pic.jpg) center center no-repeat #a8a8a8;
    background-size: cover;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    z-index: 29
}

.education-wr .education-title {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 54px;
    margin-bottom: 22px
}

.education-wr .education-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -40px
}

.education-wr .education-item {
    position: relative;
    text-decoration: none;
    padding: 40px 20px 70px 40px;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
    margin-right: 9.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.education-wr .education-item:nth-child(3n) {
    margin-right: 0
}

.education-wr .education-item:nth-child(7n+1) .item-title {
    color: #fca927
}

.education-wr .education-item:nth-child(7n+2) .item-title {
    color: #e5595b
}

.education-wr .education-item:nth-child(7n+3) .item-title {
    color: #8dccff
}

.education-wr .education-item:nth-child(7n+4) .item-title {
    color: #91f995
}

.education-wr .education-item:nth-child(7n+5) .item-title {
    color: #e897ff
}

.education-wr .education-item:nth-child(7n+6) .item-title {
    color: #faa3a3
}

.education-wr .education-item:nth-child(7n+7) .item-title {
    color: #bfcdbf
}

.education-wr .education-item:hover {
    background: #ed145c
}

.education-wr .education-item:hover .item-title {
    color: #fff
}

.education-wr .education-item:hover .education__arrow svg {
    fill: #fff;
    -webkit-transform: scale(0.971);
    -moz-transform: scale(0.971);
    -o-transform: scale(0.971);
    -ms-transform: scale(0.971);
    transform: scale(0.971);
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition-delay: 0s;
    -ms-transform: translate(55px, 0px);
    -webkit-transform: translate(55px, 0px);
    -o-transform: translate(55px, 0px);
    -moz-transform: translate(55px, 0px);
    transform: translate(55px, 0px)
}

.education-wr .education-item:hover .education__arrow__line {
    -webkit-transition: width .2s, height 0s, -webkit-transform .2s;
    transition: width .2s, height 0s, transform .2s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    width: 77px;
    height: 2px
}

.education-wr .item-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    color: #fff;
    margin-bottom: 14px;
    line-height: 1.3
}

.education-wr .item-body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff
}

.education-wr .education__arrow {
    position: absolute;
    left: 40px;
    bottom: 30px;
    font-size: 0;
    line-height: 1;
    height: 18px
}

.education-wr .education__arrow svg {
    fill: #8b8b8b
}

.education-wr .education__arrow .education__arrow__line {
    background: #fff;
    position: absolute;
    top: 11px;
    width: 0;
    height: 0
}

.facilities-block-wr {
    position: relative;
    z-index: 50;
    margin-bottom: 180px
}

.facilities-block-wr .facilities-block-title {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    color: #151515;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 90px
}

.facilities-block-wr .facilities-block-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    right: 178px;
    height: 1px;
    background: #ccc
}

.facilities-block-wr .facilities-block-title span {
    background-color: #f3f1f2;
    display: inline-block;
    padding: 7px 0
}

.facilities-block-wr .facilities-block-body {
    font-size: 0
}

.facilities-block-wr .facilities-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    box-sizing: border-box;
    padding: 0 30px 0 0
}

.facilities-block-wr .item-text {
    font-size: 16px;
    color: #474747
}

.facilities-block-wr .item-icon {
    margin-bottom: 50px;
    height: 62px
}

.facilities-block-wr .item-icon svg {
    fill: #ed145c;
    width: auto;
    height: auto
}

.facilities-block-wr .slick-slider {
    position: static
}

.facilities-block-wr .slick-arrow {
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #ccc;
    top: 0;
    background: #f3f1f2;
    padding: 0;
    z-index: 99;
    margin: 0;
    cursor: pointer;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat
}

.facilities-block-wr .slick-arrow:before {
    display: none
}

.facilities-block-wr .slick-arrow:hover,
.facilities-block-wr .slick-arrow:active,
.facilities-block-wr .slick-arrow:focus {
    background-color: #f3f1f2
}

.facilities-block-wr .slick-prev {
    right: 55px;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.facilities-block-wr .slick-prev.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.facilities-block-wr .slick-next {
    right: 0;
    left: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.facilities-block-wr .slick-next.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.teachers-carousel-block-wr {
    position: relative;
    z-index: 50;
    margin: 0 0 100px
}

.teachers-carousel-block-wr .academics__info {
    margin: 0;
    padding-top: 74px
}

.teachers-carousel-block-wr .curriculum__title {
    height: auto;
    line-height: 1;
    margin-bottom: 44px
}

.teachers-carousel-block-wr .curriculum__title span {
    font-size: 42px;
    margin: 0
}

.teachers-carousel-block-wr .curriculum__title:before {
    left: 33%;
    margin-left: 60px
}

.teachers-carousel-block-wr .teachers-photo {
    margin-bottom: 15px
}

.teachers-carousel-block-wr .teachers-photo img {
    vertical-align: middle;
    max-width: 100%;
    width: 100%
}

.teachers-carousel-block-wr .teacher-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    color: #151515;
    margin-bottom: 7px
}

.teachers-carousel-block-wr .teacher-position {
    font-size: 16px;
    color: #474747
}

.teachers-carousel-block-wr .all-teachers {
    margin-top: 42px;
    border-top: 1px solid #f3f1f2
}

.teachers-carousel-block-wr .all-teachers>a {
    height: 125px;
    line-height: 125px;
    font-size: 22px;
    letter-spacing: 3px
}

.teachers-carousel-block-wr .simple_carousel .slick-arrow {
    top: 78px
}

.admission-block-wr {
    position: relative;
    z-index: 50;
    margin-bottom: 100px
}

.admission-block-wr .admission-block-body {
    background: #fff;
    padding-top: 85px
}

.admission-block-wr .admission-block-title {
    position: relative;
    line-height: 1;
    margin-bottom: 42px;
    font-size: 42px;
    color: #151515;
    font-family: 'Lora', serif
}

.admission-block-wr .admission-block-title span {
    padding: 0 60px
}

.admission-block-wr .admission-block-title .title-ico {
    position: absolute;
    top: 50%;
    right: 60px;
    margin-top: -28px;
    width: 54px;
    height: 54px;
    background: #fff;
    border: 1px solid #f3f1f2;
    padding: 0;
    text-align: center;
    line-height: 56px
}

.admission-block-wr .admission-block-title .title-ico svg {
    fill: #ed145c;
    width: 38px;
    height: 35px
}

.admission-block-wr .admission-block-title:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    height: 1px;
    background: #f3f1f2;
    left: 33%;
    margin-left: 60px
}

.admission-block-wr .admission-block-text {
    padding: 0 60px 60px;
    font-size: 16px;
    color: #474747
}

.admission-block-wr .block-text-bot {
    margin-top: 70px
}

.admission-block-wr .block-text-bot .button {
    min-width: 155px;
    text-align: center;
    font-size: 16px
}

.admission-block-wr .block-text-bot>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 60px
}

.admission-block-wr .block-text-bot>div:last-child {
    margin-right: 0
}

.admission-block-wr .block-text-bot>div svg {
    fill: #a8a8a8;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 14px;
    height: 14px
}

.admission-block-wr .admission-btn-more {
    border-top: 1px solid #f3f1f2
}

.admission-block-wr .admission-btn-more>a {
    height: 125px;
    line-height: 125px;
    font-size: 22px;
    letter-spacing: 3px
}

.gallery-block-wr {
    position: relative;
    z-index: 50;
    font-size: 0;
    margin-bottom: 150px
}

.gallery-block-wr .grid {
    margin: 0 0 0 60px
}

.gallery-block-wr .grid__row {
    width: 100%;
    max-width: 1562px
}

.gallery-block-wr img {
    vertical-align: middle;
    max-width: 100%
}

.gallery-block-wr [data-section-bg] {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.gallery-block-wr [data-section-bg]>img {
    opacity: 0;
    width: 0;
    height: 0
}

.gallery-block-wr .gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    outline: 0;
    margin: 0
}

.gallery-block-wr .gallery-item a {
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-block-wr .gallery-item a:before {
    content: "";
    display: block;
    padding-top: 100%
}

.gallery-block-wr .gallery-item:nth-child(8n+1) {
    width: 40%
}

.gallery-block-wr .gallery-item:nth-child(8n+1) a:before {
    padding-top: 64%
}

.gallery-block-wr .gallery-item:nth-child(8n+7) {
    margin-top: -5.6%
}

.gallery-block-wr .gallery-item:nth-child(8n+7) a:before {
    padding-top: 128%
}

.gallery-block-wr .gallery-item:nth-child(8n+8) {
    width: 40%;
    margin-top: -5.6%
}

.gallery-block-wr .gallery-item:nth-child(8n+8) a:before {
    padding-top: 64%
}

.pswp__bg {
    background: #fff
}

.pswp__counter {
    color: #151515
}

.pswp__top-bar,
.pswp__caption,
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background: transparent
}

.pswp--svg .pswp__button {
    background: 0
}

.pswp__button--close {
    background: 0;
    position: absolute;
    top: 0;
    right: 20px;
    height: 78px;
    width: 64px;
    cursor: pointer
}

.pswp__button--close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    margin-left: -15%;
    background: #151515;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.pswp__button--close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    margin-left: -15%;
    background: #151515;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.pswp__button {
    opacity: 1
}

.pswp__button--arrow--left {
    opacity: 1;
    left: 30px
}

.pswp__button--arrow--left:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E") 50% 50% no-repeat
}

.pswp__button--arrow--right {
    opacity: 1;
    right: 30px
}

.pswp__button--arrow--right:before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E") 50% 50% no-repeat
}

.feedback-block-wr {
    position: relative;
    z-index: 50;
    margin-bottom: 160px;
    position: relative;
    color: #fff;
    background: #151515
}

.feedback-block-wr .positive-lines .grid .grid__row {
    border-left: 1px solid rgba(255, 255, 255, .15)
}

.feedback-block-wr .positive-lines .grid .grid__row div {
    border-right: 1px solid rgba(255, 255, 255, .15)
}

.feedback-block-wr .grid {
    position: relative;
    z-index: 50
}

.feedback-block-wr .feedback-block-body {
    position: relative;
    padding-top: 158px;
    padding-bottom: 142px;
    min-height: 280px
}

.feedback-block-wr .feedback-block-title {
    position: relative;
    color: #fff;
    font-size: 42px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.3;
    padding-bottom: 20px;
    margin-bottom: 55px;
    max-width: 60%
}

.feedback-block-wr .feedback-block-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 64px;
    background: #a8a8a8
}

.feedback-block-wr .feedback-block-text {
    color: #fff;
    font-size: 18px;
    max-width: 60%
}

.feedback-block-wr .feedback-block-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -62px
}

.feedback-block-wr .feedback-block-btn>a {
    height: 125px;
    line-height: 125px;
    font-size: 22px;
    letter-spacing: 3px
}

.feedback-block-wr .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/local/templates/CIS_Template/css/../i/feedback-bg.jpg) center center no-repeat #a8a8a8;
    background-size: cover;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    z-index: 29
}

.feedback-block-popup-wr {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10010;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.feedback-block-popup-wr.opened {
    opacity: 1;
    visibility: visible
}

.feedback-block-popup-wr .feedback-block-popup-in {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    overflow: auto;
    max-height: 100%;
    max-width: 600px
}

.feedback-block-popup-wr .close-feedback {
    position: absolute;
    top: 0;
    right: 20px;
    height: 78px;
    width: 64px;
    cursor: pointer
}

.feedback-block-popup-wr .close-feedback:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    margin-left: -15%;
    background: #151515;
    transform: rotate(-45deg);
    transition: bottom 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.feedback-block-popup-wr .close-feedback:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    margin-left: -15%;
    background: #151515;
    transform: rotate(45deg);
    transition: top 300ms cubic-bezier(0.23, 1, .32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, .32, 1)
}

.feedback-block-popup-wr form fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.feedback-block-popup-wr form fieldset .section-title {
    font-size: 28px;
    color: #151515;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 38px
}

.feedback-block-popup-wr form fieldset .title {
    font-family: 'Roboto', sans-serif;
    color: #151515;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: block
}

.feedback-block-popup-wr form fieldset .title.file {
    opacity: 0
}

.feedback-block-popup-wr form fieldset .title em {
    color: #ed145c;
    font-style: normal
}

.feedback-block-popup-wr form fieldset textarea,
.feedback-block-popup-wr form fieldset input {
    font-family: 'Roboto', sans-serif;
    color: #474747;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    height: 35px;
    line-height: 35px;
    -webkit-appearance: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.feedback-block-popup-wr form fieldset textarea:invalid:not(:focus):not(:placeholder-shown),
.feedback-block-popup-wr form fieldset input:invalid:not(:focus):not(:placeholder-shown) {
    border-color: red
}

.feedback-block-popup-wr form fieldset textarea:invalid:not(:focus):not(:placeholder-shown):focus,
.feedback-block-popup-wr form fieldset input:invalid:not(:focus):not(:placeholder-shown):focus {
    border-color: red
}

.feedback-block-popup-wr form fieldset textarea.error,
.feedback-block-popup-wr form fieldset input.error {
    border-color: red
}

.feedback-block-popup-wr form fieldset textarea.error:focus,
.feedback-block-popup-wr form fieldset input.error:focus {
    border-color: red
}

.feedback-block-popup-wr form fieldset textarea:focus,
.feedback-block-popup-wr form fieldset input:focus {
    border-bottom-color: #151515
}

.feedback-block-popup-wr form fieldset textarea {
    min-height: 35px;
    height: auto;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #a8a8a8;
    padding: 0;
    outline: 0;
    resize: none
}

.feedback-block-popup-wr form fieldset textarea:focus {
    border-bottom-color: #151515
}

.feedback-block-popup-wr form fieldset label.file .title {
    opacity: 0
}

.feedback-block-popup-wr .submit-wr .error-form {
    color: #ed145c;
    padding: 0 0 10px 0;
    margin-top: 0;
    font-size: 14px;
    display: none
}

.feedback-block-popup-wr .submit-wr button {
    outline: 0;
    cursor: pointer;
    font-size: 16px
}

@media all and (max-width: 1100px) {
    .campuse-page .academics-hero {
        margin-top: 50px
    }
    .campuse-page .academics-hero--image .academics-hero__content {
        padding-top: 72vw
    }
    .campuse-page .academics__image,
    .campuse-page .academics__video {
        height: 480px;
        top: -50px
    }
    .campuse-page .academics__image {
        right: auto;
        width: 70vw;
        height: 70vw
    }
    .campuse-page .academics-hero__content {
        padding-top: 495px
    }
    .campuse-page .academics-hero__content .hero-descriptions {
        margin-top: 0
    }
    .campuse-page .campus-hero__watermark {
        bottom: -12px;
        right: -80px;
        width: 80%
    }
}

@media all and (max-width: 1023px) {
    .campuse-page .grid {
        margin-left: 30px;
        margin-right: 30px
    }
    .campuse-page .academics__image,
    .campuse-page .academics__video {
        left: 30px;
        right: 30px
    }
    .education-wr {
        padding-top: 50px;
        margin-bottom: 70px
    }
    .education-wr .education-title {
        margin-bottom: 16px
    }
    .education-wr .education-body {
        margin-left: -30px
    }
    .education-wr .education-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%;
        max-width: none;
        margin-right: 4%;
        padding: 34px 20px 70px 30px
    }
    .education-wr .education-item:nth-child(3n) {
        margin-right: 4%
    }
    .education-wr .education-item:nth-child(2n) {
        margin-right: 0
    }
    .education-wr .education__arrow {
        left: 30px
    }
    .facilities-block-wr {
        margin-bottom: 64px
    }
    .facilities-block-wr .facilities-block-title {
        margin-bottom: 60px
    }
    .facilities-block-wr .facilities-block-title:before {
        right: 0
    }
    .teachers-carousel-block-wr {
        margin-bottom: 50px
    }
    .teachers-carousel-block-wr .curriculum__title:before {
        left: 50%;
        margin-left: 40px
    }
    .teachers-carousel-block-wr .curriculum__title span {
        padding: 0 40px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-slide {
        padding: 0 40px 60px 40px
    }
    .teachers-carousel-block-wr .all-teachers {
        margin-top: 4px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-prev {
        right: 95px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-next {
        right: 40px
    }
    .admission-block-wr {
        margin-bottom: 50px
    }
    .admission-block-wr .admission-block-title:before {
        left: 50%;
        margin-left: 40px
    }
    .admission-block-wr .admission-block-title .title-ico {
        right: 40px
    }
    .admission-block-wr .admission-block-title span {
        padding: 0 40px
    }
    .admission-block-wr .admission-block-text {
        padding: 0 40px 40px
    }
    .admission-block-wr .block-text-bot {
        margin-top: 30px
    }
    .admission-block-wr .block-text-bot>div {
        margin-right: 20px;
        margin-bottom: 30px
    }
    .admission-block-wr .block-text-bot>div svg {
        margin-right: 10px
    }
    .gallery-block-wr {
        margin-bottom: 50px
    }
    .gallery-block-wr .grid {
        margin-right: 0;
        margin-left: 0
    }
    .feedback-block-wr {
        margin-bottom: 120px
    }
    .feedback-block-wr .feedback-block-body {
        padding-top: 137px;
        min-height: 160px
    }
    .feedback-block-wr .feedback-block-title {
        max-width: 100%;
        margin-bottom: 23px
    }
    .feedback-block-wr .feedback-block-title:before {
        display: none
    }
    .feedback-block-wr .feedback-block-text {
        max-width: 100%
    }
}

@media all and (max-width: 767px) {
    .campuse-page .campus-hero__watermark {
        right: -30px
    }
    .admission-block-wr .block-text-bot>div {
        margin-bottom: 15px;
        margin-right: 0;
        display: block
    }
    .admission-block-wr .block-text-bot>div.button-wr {
        margin-bottom: 30px
    }
}

@media all and (max-width: 620px) {
    .campuse-page .grid {
        margin-left: 20px;
        margin-right: 20px
    }
    .campuse-page .admission__grid,
    .campuse-page .blog-post__grid {
        margin-left: 0;
        margin-right: 0
    }
    .campuse-page .afterschool-list {
        padding-bottom: 10px
    }
    .campuse-page .afterschool-list h2 {
        margin-left: 20px;
        margin-right: 20px
    }
    .campuse-page .accordion__title span svg {
        width: 30px;
        height: 30px;
        margin-right: 20px
    }
    .campuse-page .academics__image,
    .campuse-page .academics__video {
        left: 20px;
        right: 20px
    }
    .campuse-page .academics__image {
        width: auto;
        height: calc(100vw - 60px)
    }
    .campuse-page .academics-hero--image .academics-hero__content {
        padding-top: calc(103vw - 60px)
    }
    .education-wr .education-body {
        margin-left: -20px
    }
    .education-wr .education-item {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        padding: 34px 20px 70px 20px
    }
    .education-wr .education__arrow {
        left: 20px
    }
    .facilities-block-wr .facilities-block-title {
        font-size: 28px;
        margin-bottom: 35px
    }
    .facilities-block-wr .facilities-block-title:before {
        display: none
    }
    .facilities-block-wr .facilities-block-body {
        padding-bottom: 86px
    }
    .facilities-block-wr .facilities-block-body:before {
        content: "";
        position: absolute;
        bottom: 26px;
        left: 0;
        right: -20px;
        height: 1px;
        background: #ccc
    }
    .facilities-block-wr .facilities-item {
        position: relative;
        padding: 0 20px 0 60px
    }
    .facilities-block-wr .item-icon {
        max-width: 40px;
        position: absolute;
        left: 0;
        top: 0
    }
    .facilities-block-wr .item-icon svg {
        max-width: 100%
    }
    .facilities-block-wr .item-text p {
        margin-top: 0
    }
    .facilities-block-wr .slick-arrow {
        bottom: 0;
        top: initial;
        right: initial
    }
    .facilities-block-wr .slick-prev {
        left: 0;
        right: initial
    }
    .facilities-block-wr .slick-next {
        left: 55px;
        right: initial
    }
    .teachers-carousel-block-wr {
        margin-bottom: 10px
    }
    .teachers-carousel-block-wr .grid {
        margin-left: 0;
        margin-right: 0
    }
    .teachers-carousel-block-wr .academics__info {
        padding-top: 20px
    }
    .teachers-carousel-block-wr .curriculum__title {
        padding: 20px 0;
        margin-bottom: 2px
    }
    .teachers-carousel-block-wr .curriculum__title span {
        font-size: 28px;
        padding: 0 20px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-slide {
        padding: 0 20px 10px 20px
    }
    .admission-block-wr {
        margin-bottom: 10px
    }
    .admission-block-wr .grid {
        margin-left: 0;
        margin-right: 0
    }
    .admission-block-wr .admission-block-body {
        padding-top: 40px
    }
    .admission-block-wr .admission-block-title {
        margin-bottom: 28px
    }
    .admission-block-wr .admission-block-title:before {
        display: none
    }
    .admission-block-wr .admission-block-title span {
        font-size: 28px;
        padding: 0 20px
    }
    .admission-block-wr .admission-block-title .title-ico {
        right: 20px;
        width: 44px;
        height: 44px;
        margin-top: -23px;
        line-height: 46px
    }
    .admission-block-wr .admission-block-text {
        padding: 0 20px 10px 20px
    }
    .admission-block-wr .block-text-bot {
        padding-bottom: 26px
    }
    .admission-block-wr .block-text-bot .button {
        display: block;
        width: auto
    }
    .gallery-block-wr {
        margin-bottom: 28px
    }
    .gallery-block-wr .grid {
        margin-right: 0;
        margin-left: 0
    }
    .gallery-block-wr .gallery-block-body {
        padding-bottom: 36px
    }
    .gallery-block-wr .gallery-item {
        width: auto;
        margin-top: 0!important
    }
    .gallery-block-wr .gallery-item a {
        margin: 0 10px
    }
    .gallery-block-wr .gallery-item a:before {
        padding-top: 100%!important
    }
    .gallery-block-wr .slick-dots {
        bottom: 0
    }
    .gallery-block-wr .slick-dots>li {
        display: inline-block;
        padding: 0 4px;
        width: auto;
        height: auto;
        margin: 0
    }
    .gallery-block-wr .slick-dots>li button {
        width: 10px;
        height: 10px;
        background: #ccc;
        border-radius: 10px
    }
    .gallery-block-wr .slick-dots>li button:before {
        display: none
    }
    .gallery-block-wr .slick-dots>li.slick-active button {
        background: #ed145c
    }
    .feedback-block-wr {
        margin-bottom: 80px
    }
    .feedback-block-wr .feedback-block-body {
        padding-top: 80px
    }
    .feedback-block-wr .feedback-block-title {
        font-size: 28px;
        padding-bottom: 0
    }
    .feedback-block-wr .feedback-block-btn>a {
        line-height: 1.3;
        height: auto;
        padding: 35px 25px;
        box-sizing: border-box
    }
}

@media all and (max-width: 520px) {
    .campuse-page .academics__image,
    .campuse-page .academics__video {
        top: -30px;
        height: 250px
    }
    .campuse-page .academics__image {
        height: calc(100vw - 60px)
    }
    .campuse-page .academics-hero--image .academics-hero__content {
        padding-top: calc(110vw - 60px)
    }
    .campuse-page .academics-hero {
        margin-bottom: 10px
    }
    .campuse-page .academics-hero__content {
        padding-top: 300px;
        padding-bottom: 50px
    }
    .campuse-page .campus-hero__watermark {
        display: none
    }
    .campuse-page .hero__actions>a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center
    }
    .campuse-page .hero__actions>a:last-child {
        margin-bottom: 0
    }
    .education-wr {
        margin-bottom: 30px;
        padding-top: 40px;
        padding-bottom: 38px
    }
    .education-wr .education-title {
        font-size: 28px;
        margin-bottom: 10px
    }
    .education-wr .education-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 10px 20px 50px 20px
    }
    .education-wr .item-title {
        font-size: 22px
    }
    .education-wr .education__arrow {
        bottom: 20px
    }
}

@media all and (max-width: 480px) {
    .campuse-page h1,
    .campuse-page .h1 {
        font-size: 44px
    }
    .campuse-page .academics__image,
    .campuse-page .academics__video {
        height: 250px
    }
    .campuse-page .academics-hero__content {
        padding-top: 290px
    }
    .campuse-page .academics__image {
        height: calc(100vw - 60px)
    }
    .campuse-page .academics-hero--image .academics-hero__content {
        padding-top: calc(110vw - 60px)
    }
}

.calendar-items {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calendar__col {
    padding: 0 40px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.calendar__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.calendar__date {
    text-align: left;
    -ms-flex-preferred-size: 115px;
    flex-basis: 115px;
    padding: 3px 10px 3px 0;
    line-height: 1.3
}

.calendar__note {
    padding: 3px 10px;
    line-height: 1.3;
    color: #474747
}

.calendar__list {
    min-height: 115px
}

.calendar__mgs--close {
    color: #b94a48
}

.calendar__mgs--warning {
    color: #c09853
}

.calendar-edit {
    margin-bottom: 60px;
    background: #fff;
    padding: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 768px) {
    .downloadFile {
        margin: 35px 0
    }
    .calendar-items {
        margin-bottom: 35px
    }
    .calendar-edit {
        margin-bottom: 35px
    }
    .calendar__col {
        padding: 0;
        flex: none;
        width: 100%;
        box-sizing: border-box
    }
    .calendar__title h3 {
        font-size: 30px
    }
    .calendar-edit {
        padding: 35px
    }
}

@media screen and (max-width: 660px) {
    .calendar__col {
        padding: 0 30px
    }
}

@media screen and (max-width: 480px) {
    .calendar__col {
        padding: 0 10px
    }
    .calendar-edit {
        padding: 20px 30px
    }
}

@media screen and (max-width: 380px) {
    .calendar__title h3 {
        margin: 20px 0
    }
    .calendar__date {
        flex-basis: 50%;
        text-align: left;
        box-sizing: border-box
    }
    .calendar__note {
        flex-basis: 50%;
        box-sizing: border-box
    }
}

.work-at-cis-page {
    padding-bottom: 1px;
    min-height: 200px;
    padding-top: 90px;
    position: relative;
    z-index: 101;
    background-color: #f3f1f2;
    overflow-x: hidden
}

.work-at-cis-page.zIndexClass {
    background-color: transparent
}

.work-at-cis-page .work-at-cis-page__grid {
    position: relative;
    z-index: 101
}

.work-at-cis-page h1 {
    font-size: 54px;
    font-weight: 400
}

.work-at-cis-page .academics__image {
    height: 520px
}

.work-at-cis-page .hero__actions {
    font-size: 0;
    margin-top: 40px
}

.work-at-cis-page .hero__actions>a {
    margin-right: 30px
}

.work-at-cis-page .hero__actions>a:last-child {
    margin-right: 0
}

.work-at-cis-page .work-at-cis__watermark {
    position: absolute;
    bottom: -4%;
    vertical-align: baseline;
    line-height: 1;
    right: 0;
    color: #f3f1f2;
    z-index: -1;
    font-family: 'Montserrat', sans-serif;
    text-align: right
}

.work-at-cis-page .afterschool-list {
    padding-top: 0
}

.work-at-cis-page .accordion__title span svg {
    fill: #ed145c;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    margin-right: 30px
}

.work-at-cis-page .accordion__inside p:first-child {
    margin-top: 0
}

.work-at-cis-page .afterschool-list h2 {
    margin-top: 0;
    margin-right: 30px;
    font-weight: 400;
    font-size: 42px;
    margin-bottom: 50px
}

.work-at-cis-page .academics-hero__content h5 {
    width: auto;
    color: #151515;
    font-weight: 400;
    font-size: 32px
}

.work-at-cis-page .accordion__item {
    font-size: 16px;
    color: #474747
}

.work-at-cis-page .accordion__title span {
    width: 70%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.work-at-cis-page .accordion__title.active span {
    color: #ed145c
}

.work-at-cis-page .tabs-block {
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 40px;
    background: transparent!important
}

.work-at-cis-page .tabs-block h2 {
    margin-bottom: 0
}

.work-at-cis-page .tabs-block .form-description {
    margin-top: 0
}

.work-at-cis-page .tabs-block-wr {
    padding-bottom: 0
}

.work-at-cis-page .tabs-block__bg {
    top: 0
}

.work-at-cis-page .tabs-block-wr .tabs-body form fieldset {
    padding-top: 45px
}

.work-at-cis-page .tabs-block-wr .tabs-body form fieldset label.file .title {
    opacity: 1;
    margin-top: 45px
}

.work-at-cis-page .tabs-block-wr .tabs-body {
    position: relative
}

.work-at-cis-loader--show-mobile {
    display: none
}

.academics-hero__footnote {
    margin-top: 30px
}

.academics-hero__footnote p {
    margin: 7px 0
}

.academics-hero__footnote p:first-child {
    margin-top: 0
}

.academics-hero__footnote p:last-child {
    margin-bottom: 0
}

.academics-hero__footnote a {
    color: #bd3739;
    text-decoration: none
}

.lists-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-left: -30px
}

.lists-wrap__header {
    font-size: 22px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    color: #0b0b0b;
    line-height: 36px;
    margin-bottom: 30px
}

.lists-wrap__item {
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%
}

.lists-wrap ul,
.lists-wrap__items {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none
}

.lists-wrap ul li,
.lists-wrap__items li {
    margin-left: 0;
    padding: 0 0 0 40px;
    position: relative
}

.lists-wrap ul li:before,
.lists-wrap__items li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 17px;
    height: 1px;
    background: #ed145c
}

.lists-wrap ul li~li,
.lists-wrap__items li~li {
    margin-top: 18px
}

@media all and (min-width: 1150px) {
    .work-at-cis__watermark {
        width: auto;
        font-size: 186px!important;
        white-space: nowrap
    }
}

@media all and (max-width: 1100px) {
    .work-at-cis-page .academics-hero {
        margin-top: 50px;
        margin-bottom: 40px
    }
    .work-at-cis-page .academics__image {
        height: 480px;
        top: -50px
    }
    .work-at-cis-page .academics-hero__content {
        padding-top: 460px
    }
    .work-at-cis-page .academics-hero__content h5 {
        margin-top: 0
    }
    .work-at-cis-page .academics-hero__content .hero-descriptions {
        margin-top: 0
    }
    .work-at-cis-page .academics-hero__footnote {
        margin-top: 27px
    }
    .work-at-cis-page .work-at-cis__watermark {
        bottom: -12px;
        right: -40px;
        width: 80%
    }
}

@media all and (max-width: 1023px) {
    .work-at-cis-page .grid {
        margin-left: 30px;
        margin-right: 30px
    }
    .work-at-cis-page .academics__image {
        left: 30px;
        right: 30px
    }
    .work-at-cis-page h1 {
        margin: 20px 0 27px
    }
    .work-at-cis-page .afterschool-list {
        padding-bottom: 0
    }
    .education-wr {
        padding-top: 50px;
        margin-bottom: 70px
    }
    .education-wr .education-title {
        margin-bottom: 16px
    }
    .education-wr .education-body {
        margin-left: -30px
    }
    .education-wr .education-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%;
        margin-right: 4%;
        padding: 34px 20px 70px 30px
    }
    .education-wr .education-item:nth-child(3n) {
        margin-right: 4%
    }
    .education-wr .education-item:nth-child(2n) {
        margin-right: 0
    }
    .education-wr .education__arrow {
        left: 30px
    }
    .facilities-block-wr {
        margin-bottom: 64px
    }
    .facilities-block-wr .facilities-block-title {
        margin-bottom: 60px
    }
    .facilities-block-wr .facilities-block-title:before {
        right: 0
    }
    .teachers-carousel-block-wr {
        margin-bottom: 50px
    }
    .teachers-carousel-block-wr .curriculum__title:before {
        left: 50%;
        margin-left: 40px
    }
    .teachers-carousel-block-wr .curriculum__title span {
        padding: 0 40px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-slide {
        padding: 0 40px 60px 40px
    }
    .teachers-carousel-block-wr .all-teachers {
        margin-top: 4px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-prev {
        right: 95px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-next {
        right: 40px
    }
    .admission-block-wr {
        margin-bottom: 50px
    }
    .admission-block-wr .admission-block-title:before {
        left: 50%;
        margin-left: 40px
    }
    .admission-block-wr .admission-block-title .title-ico {
        right: 40px
    }
    .admission-block-wr .admission-block-title span {
        padding: 0 40px
    }
    .admission-block-wr .admission-block-text {
        padding: 0 40px 40px
    }
    .admission-block-wr .block-text-bot {
        margin-top: 30px
    }
    .admission-block-wr .block-text-bot>div {
        margin-right: 20px;
        margin-bottom: 30px
    }
    .admission-block-wr .block-text-bot>div svg {
        margin-right: 10px
    }
}

@media all and (max-width: 768px) {
    .lists-wrap {
        display: block
    }
    .lists-wrap__item {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: 100%
    }
    .lists-wrap__item~.lists-wrap__item {
        margin-top: 30px
    }
    .work-at-cis-page .form-description .form-description-in {
        max-width: 280px;
        line-height: 24px
    }
}

@media all and (max-width: 767px) {
    .work-at-cis-page .work-at-cis__watermark {
        right: -30px
    }
    .work-at-cis-page .accordion__title span {
        width: auto
    }
    .admission-block-wr .block-text-bot>div {
        margin-bottom: 15px;
        margin-right: 0;
        display: block
    }
    .admission-block-wr .block-text-bot>div.button-wr {
        margin-bottom: 30px
    }
    .work-at-cis-page .accordion__item {
        margin-bottom: 15px
    }
    .work-at-cis-page .tabs-block {
        margin-bottom: 15px;
        padding-top: 30px
    }
    .work-at-cis-page .afterschool-list h2 {
        font-size: 26px;
        margin-bottom: 33px
    }
    .work-at-cis-page .tabs-block h2 {
        font-size: 28px;
        margin-bottom: 27px
    }
    .work-at-cis-page .academics-hero {
        margin-bottom: 40px
    }
    .work-at-cis-page .filter-opened-btn {
        margin-bottom: 37px
    }
}

@media all and (max-width: 760px) {
    .work-at-cis-page .tabs-block {
        margin-top: 0
    }
}

@media all and (max-width: 700px) {
    .work-at-cis-page .tabs-block-wr .tabs-body form fieldset+fieldset .section-title {
        display: none
    }
    .work-at-cis-page .tabs-block-wr .tabs-body form fieldset:nth-child(even) {
        padding-top: 22px
    }
    .work-at-cis-loader--show-desctop {
        display: none
    }
    .work-at-cis-loader--show-mobile {
        display: block
    }
}

@media all and (max-width: 620px) {
    .work-at-cis-page .grid {
        margin-left: 20px;
        margin-right: 20px
    }
    .work-at-cis-page .admission__grid {
        margin-left: 0;
        margin-right: 0
    }
    .work-at-cis-page .afterschool-list {
        padding-bottom: 10px
    }
    .work-at-cis-page .accordion__title span svg {
        width: 30px;
        height: 30px;
        margin-right: 20px
    }
    .education-wr .education-body {
        margin-left: -20px
    }
    .education-wr .education-item {
        -ms-flex: 0 0 48%;
        -webkit-box-flex: 0;
        flex: 0 0 48%;
        padding: 34px 20px 70px 20px
    }
    .education-wr .education__arrow {
        left: 20px
    }
    .facilities-block-wr .facilities-block-title {
        font-size: 28px;
        margin-bottom: 35px
    }
    .facilities-block-wr .facilities-block-title:before {
        display: none
    }
    .facilities-block-wr .facilities-block-body {
        padding-bottom: 86px
    }
    .facilities-block-wr .facilities-block-body:before {
        content: "";
        position: absolute;
        bottom: 26px;
        left: 0;
        right: -20px;
        height: 1px;
        background: #ccc
    }
    .facilities-block-wr .facilities-item {
        position: relative;
        padding: 0 20px 0 60px
    }
    .facilities-block-wr .item-icon {
        max-width: 40px;
        position: absolute;
        left: 0;
        top: 0
    }
    .facilities-block-wr .item-icon svg {
        max-width: 100%
    }
    .facilities-block-wr .item-text p {
        margin-top: 0
    }
    .facilities-block-wr .slick-arrow {
        bottom: 0;
        top: initial;
        right: initial
    }
    .facilities-block-wr .slick-prev {
        left: 0;
        right: initial
    }
    .facilities-block-wr .slick-next {
        left: 55px;
        right: initial
    }
    .teachers-carousel-block-wr {
        margin-bottom: 10px
    }
    .teachers-carousel-block-wr .grid {
        margin-left: 0;
        margin-right: 0
    }
    .teachers-carousel-block-wr .academics__info {
        padding-top: 20px
    }
    .teachers-carousel-block-wr .curriculum__title {
        padding: 20px 0;
        margin-bottom: 2px
    }
    .teachers-carousel-block-wr .curriculum__title span {
        font-size: 28px;
        padding: 0 20px
    }
    .teachers-carousel-block-wr .simple_carousel .slick-slide {
        padding: 0 20px 10px 20px
    }
    .admission-block-wr {
        margin-bottom: 10px
    }
    .admission-block-wr .grid {
        margin-left: 0;
        margin-right: 0
    }
    .admission-block-wr .admission-block-body {
        padding-top: 40px
    }
    .admission-block-wr .admission-block-title {
        margin-bottom: 28px
    }
    .admission-block-wr .admission-block-title:before {
        display: none
    }
    .admission-block-wr .admission-block-title span {
        font-size: 28px;
        padding: 0 20px
    }
    .admission-block-wr .admission-block-title .title-ico {
        right: 20px;
        width: 44px;
        height: 44px;
        margin-top: -23px;
        line-height: 46px
    }
    .admission-block-wr .admission-block-text {
        padding: 0 20px 10px 20px
    }
    .admission-block-wr .block-text-bot {
        padding-bottom: 26px
    }
    .admission-block-wr .block-text-bot .button {
        display: block;
        width: auto
    }
}

.gallery-block-wr {
    position: relative;
    z-index: 50
}

.gallery-block-wr img {
    vertical-align: middle;
    max-width: 100%
}

@media all and (max-width: 520px) {
    .work-at-cis-page .academics__image {
        top: -30px;
        height: 220px
    }
    .work-at-cis-page .academics-hero__content {
        padding-top: 220px;
        padding-bottom: 50px
    }
    .work-at-cis-page .work-at-cis__watermark {
        display: none
    }
    .work-at-cis-page .hero__actions>a {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center
    }
    .work-at-cis-page .hero__actions>a:last-child {
        margin-bottom: 0
    }
}

@media all and (max-width: 480px) {
    .work-at-cis-page .accordion>.grid {
        margin-left: 0;
        margin-right: 0
    }
    .work-at-cis-page .accordion__item .accordion__inside {
        padding-left: 15px;
        padding-right: 15px
    }
    .work-at-cis-page .academics__image {
        height: 186px
    }
    .work-at-cis-page .academics-hero__content {
        padding-top: 176px
    }
}

.tuition-fee {
    position: relative;
    background-color: #f3f1f2;
    padding-top: 90px;
    overflow-x: hidden
}

.tuition-fee .curriculum__title span {
    line-height: 1.15;
    padding-bottom: 30px
}

.tuition-fee .steps {
    margin-right: 0
}

.tuition-fee .steps:after {
    content: '';
    display: block;
    clear: both
}

.tuition-fee .lists-wrap {
    margin-top: 48px;
    line-height: 32px;
    font-size: 16px
}

.tuition-fee .lists-wrap li:before {
    top: 15px
}

.tuition-fee .tuition-fee__img {
    width: 100%;
    padding-top: 100%;
    position: relative
}

.tuition-fee .tuition-fee__img .bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #a8a8a8;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.tuition-fee .academics {
    margin-bottom: 100px
}

.tuition-fee .academics__info {
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 25px
}

.tuition-fee .academics__info .in_lead {
    margin-top: 0;
    padding-bottom: 60px;
    color: #474747
}

.tuition-fee .academics__info .in_lead .h6 {
    color: #151515
}

.tuition-fee .academics__info .in_lead p {
    line-height: 28px;
    font-size: 16px
}

.tuition-fee .academics__info .in_lead a {
    color: #ed145c;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s
}

.tuition-fee .academics__info .in_lead a:hover {
    border-bottom-color: #ed145c
}

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

.tuition-fee__hero .lists-wrap {
    margin-top: 33px
}

.tuition-fee__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tuition-fee__col--pic {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 400px;
    flex: 0 0 400px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-width: 400px;
    margin-left: 90px;
    margin-right: 70px
}

.tuition-fee__col--pic img {
    max-width: 100%;
    height: auto;
    position: relative;
    top: -68px
}

.tuition-fee .grid--tuition .tuition__item {
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 1px
}

.tuition-fee .grid--tuition .tuition__item__outline {
    border-left: 1px solid #f3f1f2
}

@media screen and (min-width: 768px) {
    .tuition-fee .grid--tuition .grid__row {
        display: flex;
        flex-wrap: wrap
    }
    .tuition-fee .grid--tuition .tuition__item {
        display: flex
    }
    .tuition-fee .grid--tuition .steps__inside {
        display: flex;
        flex-direction: column
    }
    .tuition-fee .grid--tuition .steps__inside p {
        flex: 1
    }
}

.tuition-fee__grid {
    position: relative;
    z-index: 100
}

@media (max-width: 1280px) {
    .tuition-fee__col--pic {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 320px;
        flex: 0 0 320px;
        max-width: 320px;
        margin-left: 45px;
        margin-right: 50px;
        padding-top: 0
    }
}

@media (max-width: 1125px) {
    .tuition-fee .academics__info {
        margin-top: 50px
    }
    .tuition-fee .academics__grid--picture {
        margin-left: 0;
        margin-right: 0;
        padding-left: 40px
    }
    .tuition-fee__col--pic img {
        top: -48px
    }
}

@media (max-width: 1025px) {
    .tuition-fee .academics {
        margin-bottom: 70px
    }
    .tuition-fee .academics__grid {
        margin-left: 25px;
        margin-right: 25px
    }
    .tuition-fee .academics__grid--picture {
        padding-left: 0
    }
    .tuition-fee__col--pic {
        margin-left: 45px;
        margin-right: 0;
        margin: 25px 0 0 45px
    }
    .tuition-fee__col--pic img {
        top: 0
    }
}

@media (min-width: 767px) {
    .tuition-fee .curriculum__title {
        margin-bottom: 30px
    }
    .tuition-fee .curriculum__title span {
        font-size: 42px
    }
}

@media (max-width: 768px) {
    .tuition-fee .lists-wrap__item~.lists-wrap__item {
        margin-top: 18px
    }
}

@media (max-width: 767px) {
    .tuition-fee .tuition-fee__img {
        padding-top: 50%;
        margin-bottom: 30px
    }
    .tuition-fee .lists-wrap {
        margin-top: 27px
    }
    .tuition-fee .curriculum__title span {
        font-size: 26px;
        padding-left: 20px
    }
    .tuition-fee .curriculum__title span:after {
        display: block;
        position: static;
        margin: 21px 0 0
    }
    .tuition-fee .curriculum__title .curriculum__title__icon {
        height: 45px;
        width: 45px;
        margin-top: -24px
    }
    .tuition-fee .academics {
        margin-top: 20px;
        margin-bottom: 10px
    }
    .tuition-fee .academics__grid {
        margin-left: 0;
        margin-right: 0
    }
    .tuition-fee .h6 {
        line-height: 32px
    }
    .tuition-fee__hero {
        display: block
    }
    .tuition-fee__col--pic {
        max-width: 100%;
        margin: 0 20px 10px;
        text-align: center
    }
}

@media (max-width: 660px) {
    .tuition-fee__grid {
        margin-left: 0;
        margin-right: 0
    }
    .tuition-fee h1,
    .tuition-fee .breadcrumps {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media (max-width: 480px) {
    .tuition-fee h1,
    .tuition-fee .breadcrumps {
        margin-left: 10px;
        margin-right: 10px
    }
}

.post-slider {
    padding: 0 60px 90px;
    background: #fff
}

.post-slider figure {
    margin: 0
}

.post-slider a {
    outline: 0;
    position: relative;
    display: inline-block
}

.post-slider a img {
    object-fit: cover;
    height: 82vh
}

.post-slider img {
    max-width: 100%
}

.post-slider .slick-dots {
    bottom: -51px;
    text-align: left
}

.post-slider .slick-arrow {
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #f3f1f2;
    top: 31px;
    background: #fff;
    padding: 0;
    z-index: 99;
    margin: 0;
    cursor: pointer;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat
}

.post-slider .slick-arrow:hover,
.post-slider .slick-arrow:active,
.post-slider .slick-arrow:focus {
    background-color: #fff
}

.post-slider .slick-prev {
    left: 40px;
    right: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.post-slider .slick-prev.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M22.18,9.84H.82a.84.84,0,0,1,0-1.68H22.18a.84.84,0,0,1,0,1.68Z'/%3E%3Cpath class='cls-1' d='M8.8,18a.81.81,0,0,1-.58-.25L.24,9.6a.86.86,0,0,1,0-1.19l8-8.16a.81.81,0,0,1,1.17,0,.86.86,0,0,1,0,1.19L2,9l7.39,7.56a.86.86,0,0,1,0,1.19A.81.81,0,0,1,8.8,18Z'/%3E%3C/svg%3E")
}

.post-slider .slick-next {
    left: 95px;
    right: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23bd3739;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

.post-slider .slick-next.slick-disabled {
    cursor: default;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239c9c9c;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.82,8.16H22.18a.84.84,0,0,1,0,1.68H.82a.84.84,0,0,1,0-1.68Z'/%3E%3Cpath class='cls-1' d='M14.2,0a.81.81,0,0,1,.58.25l8,8.16a.86.86,0,0,1,0,1.19l-8,8.16a.81.81,0,0,1-1.17,0,.86.86,0,0,1,0-1.19L21,9,13.62,1.44a.86.86,0,0,1,0-1.19A.81.81,0,0,1,14.2,0Z'/%3E%3C/svg%3E")
}

@media all and (max-width: 1024px) {
    .post-slider a img {
        height: auto;
        object-fit: contain
    }
}

@media (max-width: 660px) {
    .post-slider {
        padding: 30px 30px 60px
    }
}

@media (max-width: 480px) {
    .post-slider {
        padding: 10px 10px 60px
    }
}

@media (max-width: 767px) {
    .page_404 h1,
    .page_404 .h1 {
        font-size: 40px
    }
}

@media (max-width: 440px) {
    .page_404 h1,
    .page_404 .h1 {
        font-size: 31px
    }
}

.page_404 {
    padding-bottom: 50px;
    padding-top: 64px
}

.page_404 .menu__chevron {
    display: none
}

.page_404 .positive-lines {
    pointer-events: none
}

.page_404 a {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.page_404 h5 {
    width: 90%;
    display: block;
    -webkit-margin-after: 0;
    margin-bottom: 20px;
    margin-top: 20px
}

.page_404 h5::after {
    content: ' ';
    display: block;
    width: 60px;
    height: 2px;
    background-color: rgba(255, 255, 255, .2);
    margin-top: 18px
}

.page_404 .grid-col-1:nth-child(5n) {
    clear: left
}

@media all and (min-width: 1024px) {
    .steps {
        margin: 0 5px
    }
    .steps__item {
        width: 50%
    }
    .steps__item:first-child {
        padding-left: 55px;
        width: 50%
    }
    .steps__item:nth-child(4n) {
        padding-right: 55px;
        width: 27%
    }
}

@media all and (min-width: 1024px) and (max-width: 1280px) {
    .steps {
        margin: 0 5px 0 25px
    }
    .steps__item:first-child {
        padding-left: 40px
    }
}

@media all and (min-width: 1700px) {
    .side-line {
        width: 90px
    }
    .hamburger {
        left: 30px;
        top: 35px
    }
    .side__socials {
        line-height: 90px
    }
    .side__login a {
        width: 90px
    }
    .topmenu {
        height: 90px
    }
    .topmenu__lang {
        font-size: 18px
    }
    .topmenu__items a,
    .topmenu__items span {
        font-size: 18px
    }
    .topmenu__items .top__phone {
        font-size: 22px
    }
    .topmenu__button {
        top: 22px
    }
    .topmenu__items,
    .topmenu__lang {
        margin-top: 25px
    }
    .mainlogo {
        margin-top: 12px
    }
    .back .mainlogo {
        height: 52px;
        margin-top: 16px
    }
    .home-slider__thumbnails .item a {
        height: 90px;
        line-height: 90px;
        margin-top: 270px
    }
    .home-slider__thumbnails .item:nth-child(2) a {
        margin-top: 180px
    }
    .home-slider__thumbnails .item:nth-child(3) a {
        margin-top: 90px
    }
    h1,
    .h1 {
        font-size: 80px;
        line-height: 1.1
    }
    h2,
    .h2 {
        font-size: 60px;
        line-height: 60px
    }
    .home-slider__title {
        top: 40%
    }
    .home-slider__title p {
        font-size: 22px;
        margin-top: 50px
    }
    .footer {
        font-size: 18px
    }
    .okcmedia {
        font-size: 16px
    }
    .menu__folder a {
        font-size: 18px
    }
    .steps {
        margin: 0 8px
    }
    .steps__item:first-child {
        padding-left: 82px
    }
    .steps__item:nth-child(4n) {
        padding-right: 82px
    }
    .steps__inside {
        margin: 40px 80px
    }
    .menu__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%!important
    }
    .menu__items {
        padding-bottom: 90px
    }
    .menu-panel.active+.topmenu {
        background: #fff
    }
    .menu__wrapper .menu__items .grid {
        position: relative;
        background: 0
    }
    .menu__wrapper .menu__items .grid:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -66px;
        height: 100px;
        width: 100%;
        background: url(/local/templates/CIS_Template/css/../i/cambridge.png) 100% 100% no-repeat;
        background-size: auto 100px
    }
}



.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:1000;
}

.my-float{
	margin-top:16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.banner{ width:100%; background-image:url(img/banner.jpg); background-position:center; background-repeat:no-repeat; padding:230px 0 170px ;}
.banner h1{ color:#fff; text-align:center; font-weight:800;}
.banner h1 span{ color:#ed145c;}

.topmenu > .grid{ margin:0; }
.topmenu__items { margin-top:9px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color:#ed145c;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 1rem;padding-left: 1rem;}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #ed145c;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}	

.dropdown-menu{ background:#000; border-radius:0;}
.navbar{ background:#fff; padding:15px; border-radius:5px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.13);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.13);}
.navbar-light .navbar-toggler { border-color:#000;}
.navbar-expand-lg .navbar-nav .nav-link{ font-weight:700; font-size:15px;}

.header-call ul{ padding:0; margin:0; float: right; padding-top:24px; padding-right:10px;}
.header-call ul li{ display:inline-block; margin-left:25px; color:#fff;  }
.header-call ul li button, .header-call ul li{ font-weight:bold; font-size:18px;} 
.header-call ul i{ color: #ed145c; font-size:22px;  }
.header-call ul li button{ background:none; border:none; color:#fff; }
.header-call ul li a{ color:#fff; text-decoration:none; font-family: 'Montserrat', sans-serif;}

@media all and (max-width: 996px) {.navbar-brand{ height:70px;} .header-call ul{margin:auto; width:90%;} .campus-selector h2{ margin-bottom:0;}}

p{ text-align:justify;}

label {
    display: inline-block;
    margin-bottom: .5rem;
    width: 100%;
}

.navbar-nav .nav-link{ font-family: 'Montserrat', sans-serif;}

.navbar-toggler img{ width:100%;}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    width: 10%; 
}

.navbar-toggler {
    padding: .15rem .45rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: .25rem;
}

.footer-links a{ margin-right:25px; }
.footer-links p + p{ margin-top:20px;}
@media all and (max-width: 996px) { .footer-links p{ margin-top:20px; padding-top:20px; } .footer-links p:first-child{ border-top:1px solid #ccc;}}


.contact-form-custom{ background:#fff; padding:35px;}
.contact-form-custom label{ font-size:14px;}
.contact-form-custom label span{ color:#ed145c}
.contact-form-custom input, .contact-form-custom textarea, .contact-form-custom select { border-radius: 0px; border:none; border-bottom:1px solid #ccc; background:none;}
.contact-form-custom textarea{ width:100%;}
.contact-form-custom .form-group{ }
.contact-form-custom button{ background:none; border:none; color:#ed145c; padding:5px 25px; transition:1s; border:2px solid #ed145c; border-radius:none;}
.contact-form-custom button:hover{ background:#ed145c; color:#fff; border:2px solid #ed145c; } 

.contact-form-custom select { font-weight:normal; font-size:14px; width:100%;}



  .accordion__item.active .accordion__inside { padding-bottom:0;}
		.accordion__item{ margin-bottom:0;}
		.image-responsive img{ width:100%;}
		
		.campus__wrapper .campus__switch-1 { min-height: 300px; margin-top:25px;}
		@media all and (max-width: 996px) { .campus__wrapper .campus__switch-1 { min-height: 0; }}
		.campus__wrapper .campus__switch-1 { display: table;width: 100%;height: 100%;position: relative;z-index: 30;}
		.campus__wrapper .campus__switch-1 div {padding-left: 30px;}
.campus__wrapper .campus__switch-1 a {
    color: #474747;
    font-family: 'Montserrat', sans-serif;
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer
}

.campus__wrapper .campus__switch-1 a.active {
    color: #ed145c;
    cursor: default
}

.campus__wrapper .campus__switch-1 a::after {
    width: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    content: ' ';
    top: 50%;
    left: -60px;
    margin-top: -.5px;
    width: 30px;
    height: 1px;
    background-color: #ed145c;
    display: block
}

.campus__wrapper .campus__switch-1 a.active::after {
    width: 30px;
    left: -40px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: alpha(opacity=100);
    filter: alpha(opacity=100)
}

.campus__wrapper .campus__switch-1 a:hover {
    color: #ed145c
}

{display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;}
  
  .footer{ background:#393939; padding:50px 0;}
  .footer p{ color:#f3f1f2;}
  .footer-links a{ color:#f3f1f2;}
  .footer-links a:hover, .footer p a{ color:#ed145c;}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */


/* End */


/* /local/templates/CIS_Template/styles.css?15750203671013 */


/* /local/templates/CIS_Template/template_styles.css?157358345378 */


/* /local/templates/CIS_Template/css/main.css?1580355909190591 */.