/* Start:/local/templates/iteraciya/css/slick.css?15572511761776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

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

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/iteraciya/css/style.css?1623848012272657*/
@charset "UTF-8";

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

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

body,
html {
    height: 100%;
}

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

@media (max-width: 1024px) {
    html { font-size: 1.5625vw; }
}

@media (max-width: 768px) {
    html { font-size: 2.083333vw; }
}

body {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #202439;
    background-color: #f3f4f7;
    overflow-x: hidden
}

details,
main {
    display: block
}

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

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

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

a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: "Montserrat";
    src: url(/local/templates/iteraciya/css/../fonts/montserrat-regular.woff2) format("woff2"), url(/local/templates/iteraciya/css/../fonts/montserrat-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url(/local/templates/iteraciya/css/../fonts/montserrat-medium.woff2) format("woff2"), url(/local/templates/iteraciya/css/../fonts/montserrat-medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url(/local/templates/iteraciya/css/../fonts/montserrat-semi-bold.woff2) format("woff2"), url(/local/templates/iteraciya/css/../fonts/montserrat-semi-bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url(/local/templates/iteraciya/css/../fonts/montserrat-bold.woff2) format("woff2"), url(/local/templates/iteraciya/css/../fonts/montserrat-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url(/local/templates/iteraciya/css/../fonts/montserrat-extra-bold.woff2) format("woff2"), url(/local/templates/iteraciya/css/../fonts/montserrat-extra-bold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media (max-width:1023px) {
    a:active,
    a:focus,
    button:active,
    button:focus {
        outline: 0;
        -webkit-tap-highlight-color: transparent
    }
}

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

input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0, 0, 0, 0);
    overflow: hidden
}

.desk { display: block; }
.tab { display: none; }
.mob { display: none; }

.btn {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    min-width: 194px;
    height: 50px;
    color: #fff;
    font: 700 14px "Montserrat", "Roboto", sans-serif;
    text-align: center;
    border-radius: 100px;
}

.btn:hover { background: #f87f46; }

.btn-orange { background: #ed692a; }

@media (max-width: 1024px) {
    .desk { display: none; }
    .tab { display: block; }
    .mob { display: none; }
}

@media (max-width: 768px) {
    .desk { display: none; }
    .tab { display: none; }
    .mob { display: block; }
}

.scroll-hidden {
    overflow: hidden
}

@media (max-width:1023px) {
    .scroll-hidden {
        position: fixed
    }
}

.centering {
    padding: 0 18px;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%
}

@media (min-width:768px) {
    .centering {
        padding: 0;
        width: calc(100% - 104px)
    }
}

@media (min-width:1024px) {
    .centering {
        width: 1000px
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-slide,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    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;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000;
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.page-header {
    background: url(/local/templates/iteraciya/css/../img/icon-burger.svg) no-repeat -9999px -9999px, url(/local/templates/iteraciya/css/../img/icon-close.svg) no-repeat -9999px -9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 55px;
    padding: 10px 18px 13px;
    font-weight: 700;
    color: #202439;
    background-color: transparent;
    -webkit-box-shadow: 0 2px 10px transparent;
    box-shadow: 0 2px 10px transparent;
    z-index: 75;
    -webkit-transition: color 150ms ease-in, background-color 250ms ease-in, height 300ms ease-in, -webkit-box-shadow 300ms ease-in;
    transition: color 150ms ease-in, background-color 250ms ease-in, height 300ms ease-in, box-shadow 300ms ease-in;
    transition: color 150ms ease-in, background-color 250ms ease-in, height 300ms ease-in, box-shadow 300ms ease-in, -webkit-box-shadow 300ms ease-in
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header {
        height: 80px;
        padding-right: 52px;
        padding-left: 52px
    }
}

@media (min-width:1024px) {
    .page-header {
        height: 100px;
        padding: 0 calc((100% - 1000px)/2) 4px
    }
}

@media (min-width:768px) {
    .page-header--404 {
        display: none
    }
}

.page-header--fixed {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    background-color: #fff
}

.page-header__logo {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
    -webkit-transition: opacity 250ms ease-in, -webkit-transform 300ms ease-in;
    transition: opacity 250ms ease-in, transform 300ms ease-in;
    transition: opacity 250ms ease-in, transform 300ms ease-in, -webkit-transform 300ms ease-in
}

.page-header__logo a {
    position: relative;
    width: 24px;
    height: 22px;
    margin-right: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

@media (min-width:768px) {
    .page-header__logo a {
        position: static;
        width: 64px;
        height: auto;
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .page-header__logo a {
        width: 90px;
        -webkit-transition: width 300ms ease-in, margin-right 300ms ease-in;
        transition: width 300ms ease-in, margin-right 300ms ease-in
    }
}

.page-header__logo svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 22px
}

.page-header__logo svg .logo-icon-1,
.page-header__logo svg .logo-icon-2 {
    fill: #ed692a;
    -webkit-transition: fill 250ms ease-in 150ms;
    transition: fill 250ms ease-in 150ms
}

.page-header__logo svg .logo-icon-2 {
    fill: #0ca1b1
}

.page-header__logo svg .logo-main-text,
.page-header__logo svg .logo-sub-text {
    fill: #0ca1b1;
    -webkit-transition: fill 150ms ease-in 150ms;
    transition: fill 150ms ease-in 150ms
}

@media (min-width:768px) {
    .page-header__logo svg {
        position: static;
        /*width: 64px;
        height: 20px*/

        width: 90px;
        height: 28px;
    }
}

@media (min-width:1024px) {
    .page-header__logo svg {
        width: 90px;
        height: 28px
    }
}

.page-header__menu-wrapper {
    position: fixed;
    top: 55px;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    padding: 12px 18px 30px;
    color: #fff;
    background-color: transparent;
    overflow-y: scroll;
    -webkit-transition: background-color 250ms ease-in, margin 300ms ease-in;
    transition: background-color 250ms ease-in, margin 300ms ease-in
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header__menu-wrapper {
        top: 80px;
        padding-top: 62px;
        padding-right: 128px;
        padding-left: 128px
    }
}

@media (min-width:1024px) {
    .page-header__menu-wrapper {
        position: static;
        display: block;
        max-width: 450px;
        margin-right: auto;
        margin-left: 80px;
        margin-bottom: 2px;
        padding: 0;
        background: 0 0;
        overflow: visible
    }
}

.page-header__nav {
    margin-bottom: 28px;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity 250ms ease, -webkit-transform 200ms ease-in;
    transition: opacity 250ms ease, transform 200ms ease-in;
    transition: opacity 250ms ease, transform 200ms ease-in, -webkit-transform 200ms ease-in
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header__nav {
        margin-bottom: 63px
    }
}

@media (min-width:1024px) {
    .page-header__nav {
        opacity: 1;
        margin-bottom: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header__wrapper-social-choose {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.page-header__choose,
.page-header__social {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity 250ms ease, -webkit-transform 200ms ease-in;
    transition: opacity 250ms ease, transform 200ms ease-in;
    transition: opacity 250ms ease, transform 200ms ease-in, -webkit-transform 200ms ease-in
}

.page-header__social {
    margin: 0;
    list-style: none;
    min-height: 85px;
    padding: 0
}

.page-header__choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    color: #ed692a;
    background-color: #fff;
    margin-top: auto;
    padding: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-header__choose:focus,
.page-header__choose:hover {
    color: #fff;
    background-color: #ed692a
}

.page-header__choose:active {
    background-color: #ed692a;
    opacity: .6
}

.page-header__choose:disabled {
    background-color: #ed692a;
    opacity: .3
}

.flag-text { margin-left: 10px; }
.country-code {
   margin-left: 10px;
}

/*  phone */
.js-select-country {
}

.phone-picker-block {
  width: 250px;
}

.phone-input {
  width: auto;
  display: inline;
}

.callback__text-field .phone_block {
    /* display:flex; */
    background-color:grey;
    /* width: 250px; */
    height: 50px;
    /* padding: 12px 25px 14px; */
    border: 0;
    border-radius: 80px;
    background: #dee0ea;
    color: #202439;
}

.phone_block:focus-within {
      border: 1px solid rgba(32, 36, 57, .6);
      background: #efeff4;
}

.callback__text-field .phone-input {
    width: 70%;
    display: inline;
    border:none;
    background-color:transparent;
}
.callback__text-field .phone-input:focus {
   border-bottom: solid rgba(32, 36, 57, .6);
   border-bottom-width:1px;
   border:none;
   height:48px;
}

.callback__text-field .phone-input:hover {
    background-color:transparent;
} 

.phone_block .select2-container {
    margin-left:10px;

}
.error-msg-modal {
    text-align: left;
    font-weight: 500;
    font-size: smaller;
}
  
.error-msg {
  font-weight: 500;
  font-size: smaller;
}

.select2-dropdown--below {
    top: 25px;
}
/* phone */

@media (min-width:768px) and (max-width:1023px) {
    .page-header__choose {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 284px;
        margin-top: 6px;
        margin-left: 20px;
    }
}

@media (min-width:1024px) {
    .page-header__choose {
        display: none;
    }
}

.page-header__contacts {
    /* margin-left: -44px; */
    font-size: 12px;
    line-height: 32px;
    opacity: 0;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: opacity 300ms ease-in, color 150ms ease-in, -webkit-transform 300ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 300ms ease-in, transform 300ms cubic-bezier(.4, 0, .2, 1), color 150ms ease-in;
    transition: opacity 300ms ease-in, transform 300ms cubic-bezier(.4, 0, .2, 1), color 150ms ease-in, -webkit-transform 300ms cubic-bezier(.4, 0, .2, 1);
}

.page-header__contacts:focus,
.page-header__contacts:hover {
    opacity: .5;
}

@media (min-width:1024px) {
    .page-header__contacts {
        margin-right: 0;
        font-size: 14px;
    }
    .page-header__contacts:focus,
    .page-header__contacts:hover {
        color: #ed692a;
    }
}

.page-header__menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    width: 26px;
    height: 20px;
    margin-bottom: 2px;
    border-radius: initial;
    background-color: transparent;
}

.page-header__menu-toggle:active {
    opacity: .5;
}

.page-header__menu-toggle b {
    position: absolute;
    display: block;
    height: 20px;
    right: 0;
    left: 26px;
    background-image: url(/local/templates/iteraciya/css/../img/icon-burger.svg);
    background-position: center right;
    background-repeat: no-repeat;
    width: 26px;
    -webkit-transition: left 300ms ease-in 200ms, background-image 250ms ease-in 150ms;
    transition: left 300ms ease-in 200ms, background-image 250ms ease-in 150ms;
}

@media (min-width:1024px) {
    .page-header__menu-toggle {
        display: none;
    }
}

.page-header--main {
    background-color: transparent;
}

.page-header--main .page-header__logo {
    pointer-events: none;
    cursor: initial;
}

.page-header--main .page-header__logo a {
    width: 64px;
    height: 20px;
    margin-right: 0;
}

@media (min-width:768px) {
    .page-header--main .page-header__logo a {
        position: static;
        width: 64px;
        height: auto;
        margin-right: 0;
    }
}

@media (min-width:1024px) {
    .page-header--main .page-header__logo a {
        width: 90px;
        -webkit-transition: width 300ms ease-in, margin-right 300ms ease-in;
        transition: width 300ms ease-in, margin-right 300ms ease-in
    }
}

.page-header--main .page-header__logo svg {
    width: 65px;
    height: 20px;
}

.page-header--main .page-header__logo svg .logo-icon-1 {
    fill: #ed692a;
}

.page-header--main .page-header__logo svg .logo-icon-2,
.page-header--main .page-header__logo svg .logo-main-text {
    fill: #0ca1b1;
}

.page-header--main .page-header__logo svg .logo-sub-text {
    fill: #202439;
}

@media (min-width:768px) {
    .page-header--main .page-header__logo svg {
        position: static;
        width: 64px;
        height: 20px;
    }
}

@media (min-width:1024px) {
    .page-header--main .page-header__logo svg {
        width: 90px;
        height: 28px;
    }
}

.page-header .btn {
    margin-right: 40px;
}

.page-header .btn.mob { display: none; }

@media (max-width:1024px) {
    .page-header .btn {
        margin-right: 0;
    }
}

@media (max-width:768px) {
    .page-header .btn.desk { display: none; }

    .page-header .btn.mob {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
        margin-top: 30px;
        color: #ed692a;
        background: #fff;
        opacity: 0;
        transform: translateY(100px);
    }

    .js-header-animation .btn.mob {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-header--main .page-header__contacts {
    margin-right: 40px;
    margin-left: 0;
    color: #fff
}

@media (min-width:1024px) {
    .page-header--main .page-header__contacts {
        margin-right: 0;
        font-size: 14px
    }
    .page-header--main .page-header__contacts:focus,
    .page-header--main .page-header__contacts:hover {
        color: #ed692a
    }
}

.page-header--main .page-header__menu-toggle b {
    background-image: url(/local/templates/iteraciya/css/../img/icon-burger-white.svg)
}

.page-header--menu-open {
    position: fixed;
    right: 0;
    left: 0;
    top: 0
}

.page-header--menu-open .page-header__menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-header--menu-open~.main {
    margin-top: 0
}

.page-header--menu-open~.page-main {
    margin-top: 55px
}

@media (min-width:768px) and (max-width:1023px) {
    .page-header--menu-open~.page-main {
        margin-top: 80px
    }
}

.js-animation .advantages__item h3,
.js-animation .page-header__contacts,
.js-animation .page-header__logo {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.js-animation .page-header__menu-toggle b {
    left: 0
}

.js-header-animation.page-header {
    color: #fff;
    background-color: #ed692a
}

.js-header-animation .page-header__menu-wrapper,
.page-footer {
    background-color: #ed692a
}

.js-header-animation .page-header__choose,
.js-header-animation .page-header__nav,
.js-header-animation .page-header__social {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-header-animation .page-header__logo svg .logo-icon-1,
.js-header-animation .page-header__logo svg .logo-icon-2 {
    fill: #fff
}

.js-header-animation .page-header__logo svg .logo-main-text,
.js-header-animation .page-header__logo svg .logo-sub-text {
    fill: transparent
}

@media (min-width:768px) {
    .js-header-animation .page-header__logo svg .page-header__logo svg .logo-main-text,
    .js-header-animation .page-header__logo svg .page-header__logo svg .logo-sub-text {
        fill: #fff
    }
}

.js-header-animation .page-header__menu-toggle b {
    background-image: url(/local/templates/iteraciya/css/../img/icon-close.svg)
}

.is-scrolled .page-header {
    -webkit-box-shadow: 0 2px 10px rgba(33, 44, 79, .1);
    box-shadow: 0 2px 10px rgba(33, 44, 79, .1)
}

.is-scrolled .page-header--no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

.is-scrolled .page-header--main {
    background-color: #fff
}

@media (min-width:1024px) {
    .is-scrolled .page-header {
        height: 60px
    }
    .is-scrolled .page-header__logo a {
        width: 70px;
        margin-right: 20px
    }
}

.page-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    overflow-y: hidden;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in
}

@media (min-width:1024px) {
    .page-footer {
        padding-bottom: 10px
    }
}

@media (min-width:768px) {
    .page-footer--404 {
        display: none
    }
}

.page-footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 9px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .page-footer .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 29px 0 43px;
        width: calc(100% - 256px)
    }
}

@media (min-width:1024px) {
    .page-footer .container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        padding: 19px 0 11px
    }
}

.page-footer__nav {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .page-footer__nav {
        width: 100%;
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {
    .page-footer__nav {
        max-width: 680px;
        margin-right: 50px
    }
}

.page-footer__nav .nav__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:1024px) {
    .page-footer__nav .nav__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 9px
    }
}

.page-footer__nav .nav__list>li {
    padding: 14px 0 12px
}

@media (min-width:1024px) {
    .page-footer__nav .nav__list>li {
        width: 22%;
        padding: 5px 0;
        margin-right: 21px
    }
    .page-footer__nav .nav__list>li:hover>.nav__item-wrapper a,
    .page-footer__nav .nav__list>li:hover>a {
        color: #fff
    }
    .page-footer__nav .nav__list>li:nth-child(3n) {
        width: 30%
    }
    .page-footer__nav .nav__list>li:nth-child(3n+2) {
        margin-right: 54px
    }
}

@media (max-width:1023px) {
    .page-footer__nav .nav__list li:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .page-footer__nav .nav__list li:nth-child(3) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .page-footer__nav .nav__list li:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .page-footer__nav .nav__list li:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .page-footer__nav .nav__list li:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .page-footer__nav .nav__list li:nth-child(7) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
}

.page-footer__nav .nav__list li.is-active a,
.page-footer__nav .nav__list li.is-active:hover>p a,
.page-footer__nav .nav__list li.is-active>p a {
    border-bottom-color: #fff
}

@media (min-width:1024px) {
    .page-footer__nav li.nav__item-sublist>p {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .page-footer__nav li.nav__item-sublist:hover {
        cursor: pointer
    }
    .page-footer__nav li.nav__item-sublist:hover>p a {
        color: #fff;
        opacity: .7
    }
    .page-footer__nav li.nav__item-sublist:hover>p button {
        color: #f87f46;
        background: url(/local/templates/iteraciya/css/../img/icon-arrow-down-hover.svg) center 6px no-repeat;
        background-size: 60%
    }
    .page-footer__nav .nav__submenu-toggle {
        width: 16px;
        height: 16px
    }
}

.page-footer__nav li.nav__item-sublist>p button {
    background: url(/local/templates/iteraciya/css/../img/icon-arrow-down.svg) center no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media (min-width:1024px) {
    .page-footer__nav li.nav__item-sublist>p button {
        background: url(/local/templates/iteraciya/css/../img/icon-arrow-down.svg) center 6px no-repeat;
        -webkit-transition: all .3s;
        transition: all .3s;
        background-size: 60%
    }
}

.page-footer__nav .nav__item a {
    padding: 0
}

@media (min-width:1024px) {
    .page-footer__nav .nav__item a {
        color: #fff
    }
    .page-footer__nav .nav__item a:focus,
    .page-footer__nav .nav__item a:hover {
        color: #fff;
        opacity: .7
    }
    .page-footer__nav .nav__item a:active {
        color: #fff;
        border-bottom: 2px solid #fff;
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }
    .page-footer__nav .nav__subitem a {
        color: #ed692a
    }
    .page-footer__nav .nav__subitem a:focus,
    .page-footer__nav .nav__subitem a:hover {
        color: #f87f46
    }
    .page-footer__nav .nav__subitem a:active {
        color: #ed692a;
        opacity: .5;
        -webkit-transition: none;
        transition: none
    }
}

@media (min-width:768px) {
    .page-footer__social-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 25px
    }
}

@media (min-width:1024px) {
    .page-footer__social-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 132px;
        max-width: 150px;
        margin: 10px 18px 0 auto
    }
}

.page-footer__social.social {
    padding: 0;
    list-style: none;
    margin: 0 0 14px
}

@media (min-width:768px) and (max-width:1023px) {
    .page-footer__social.social {
        width: 39%
    }
}

@media (min-width:1024px) {
    .page-footer__social.social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 200px;
        padding-top: 1px;
        padding-left: 1px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page-footer__social.social li {
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .page-footer__social.social li a svg {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.page-footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media (max-width:767px) {
    .page-footer__contacts {
        max-width: 250px
    }
}

@media (min-width:768px) {
    .page-footer__contacts {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 61%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 4px
    }
}

@media (min-width:1024px) {
    .page-footer__contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 132px;
        padding-top: 0;
        margin-bottom: 10px
    }
}

.page-footer__contacts a {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px
}

@media (min-width:1024px) {
    .page-footer__contacts a {
        font-weight: 400;
        font-size: 14px;
        line-height: 35px
    }
}

.page-footer__logo {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .page-footer__logo {
        margin: 12px 0 0 12px;
        width: 137px
    }
}

@media (min-width:1024px) {
    .page-footer__logo {
        margin: 17px 0 0 12px;
        width: 130px
    }
}

@media (min-width:768px) {
    .page-footer__logo svg {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.page-footer__copyright {
    margin-bottom: 10px
}

@media (min-width:768px) and (max-width:1023px) {
    .page-footer__copyright {
        margin-bottom: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
        width: 70%
    }
}

@media (min-width:1024px) {
    .page-footer__copyright {
        -ms-flex-item-align: center;
        align-self: center;
        margin: 6px 0 0 7px
    }
}

.page-footer__copyright span {
    line-height: 20px
}

.page-footer__copyright a,
.page-footer__copyright span {
    display: block;
    font-size: 12px;
    opacity: .7
}

@media (min-width:768px) {
    .page-footer__copyright a,
    .page-footer__copyright span {
        font-size: 10px
    }
}

.page-footer__copyright a {
    line-height: 22px
}

@media (min-width:768px) {
    .page-footer__copyright a {
        line-height: 17px
    }
}

.page-footer__developer {
    font-size: 12px;
    line-height: 22px;
    opacity: .7
}

@media (min-width:768px) {
    .page-footer__developer {
        font-size: 10px
    }
}

@media (min-width:1024px) {
    .page-footer__developer {
        margin: 30px 29px 0 auto
    }
}

.js-animation.page-footer,
.modal.js-animation .callback__title-wrapper h2,
.modal.js-animation .modal__content button[type=submit].valid,
.modal.js-animation .modal__content button[type=submit]:hover {
    opacity: 1
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: opacity 200ms ease-in, -webkit-transform 150ms ease-in;
    transition: opacity 200ms ease-in, transform 150ms ease-in;
    transition: opacity 200ms ease-in, transform 150ms ease-in, -webkit-transform 150ms ease-in
}

@media (min-width:768px) {
    .modal .callback__text-field input {
        padding: 12px 31px 14px
    }
}

@media (min-width:1024px) {
    .modal .callback__text-field input {
        padding: 12px 27px 14px
    }
}

.modal .callback__text-field input:focus {
    padding: 12px 24px 14px
}

@media (min-width:768px) {
    .modal .callback__text-field input:focus {
        padding: 12px 30px 14px
    }
}

@media (min-width:1024px) {
    .modal .callback__text-field input:focus {
        padding: 12px 26px 14px
    }
}

.modal--active {
    display: block;
    overflow: hidden
}

@media (min-width:1024px) {
    .modal--active .modal__content>button.callback__close-button {
        opacity: 1
    }
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #202439;
    opacity: .7
}

.modal .callback {
    position: absolute;
    display: block;
    width: 100%;
    left: 50%;
    top: 0;
    z-index: 90;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media (max-width:1023px) {
    .modal .callback {
        overflow-y: scroll
    }
}

@media (min-width:1024px) {
    .modal .callback {
        width: 652px;
        border-radius: 16px;
        top: 105px
    }
}

@media (max-width:1023px) {
    .modal__content {
        height: 100%
    }
}

.modal__content button[type=submit] {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.callback__title-wrapper {
    min-height: 0;
    -webkit-transition: min-height 300ms ease-in;
    transition: min-height 300ms ease-in
}

.callback__title-wrapper h2 {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 250ms;
    transition: opacity 300ms ease-in 250ms;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #202439
}

@media (min-width:1024px) {
    .callback__title-wrapper {
        border-radius: 16px 16px 0 0
    }
}

.modal form {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 150ms ease-in 300ms, -webkit-transform 150ms ease-in 300ms;
    transition: opacity 150ms ease-in 300ms, transform 150ms ease-in 300ms;
    transition: opacity 150ms ease-in 300ms, transform 150ms ease-in 300ms, -webkit-transform 150ms ease-in 300ms
}

.js-animation.modal,
.js-animation.modal form {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.modal.js-animation .callback__title-wrapper {
    min-height: 55px
}

.modal.js-animation .modal__content button[type=submit] {
    opacity: .3
}

@media (min-width:1024px) {
    .modal.js-animation.modal--active .modal__content>button.callback__close-button {
        opacity: 1
    }
}

.js-animation-closed.modal,
.js-animation-closed.modal form,
.slider-main__feature--large p,
.slider-main__feature--middle p,
.slider-main__feature--small p {
    opacity: 0
}

.js-animation-closed.modal {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease
}

.js-animation-closed.modal form {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity 250ms ease, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease, transform 250ms ease-in;
    transition: opacity 250ms ease, transform 250ms ease-in, -webkit-transform 250ms ease-in
}

.js-animation-closed .callback__title-wrapper {
    padding: 0;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: padding 200ms, -webkit-transform 250ms ease-in 150ms;
    transition: transform 250ms ease-in 150ms, padding 200ms;
    transition: transform 250ms ease-in 150ms, padding 200ms, -webkit-transform 250ms ease-in 150ms
}

.js-animation-closed .callback__title-wrapper h2 {
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease
}

.callback {
    background-color: #f3f4f7
}

.callback__title-wrapper {
    padding: 10px 10px 13px;
    background-color: #fff
}

@media (min-width:768px) {
    .callback__title-wrapper {
        padding: 21px 10px 23px
    }
}

@media (min-width:1024px) {
    .callback__title-wrapper {
        background-color: #f3f4f7;
        padding: 31px 10px 13px
    }
}

@media (min-width:768px) {
    .callback__title-wrapper h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px
    }
}

.callback__close-button {
    position: absolute;
    top: 18px;
    right: 18px;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: url(/local/templates/iteraciya/css/../img/icon-close-small.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 1
}

@media (min-width:768px) {
    .callback__close-button {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        top: 31px;
        right: 55px
    }
}

@media (min-width:1024px) {
    .callback__close-button {
        top: -68px;
        right: 318px;
        background: 0 0;
        opacity: 1
    }
    .callback__close-button::after,
    .callback__close-button::before {
        content: "";
        position: absolute;
        top: -2px;
        left: 6px;
        width: 2px;
        height: 19px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .callback__close-button::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.callback__form-wrapper {
    padding: 35px 18px 203px
}

@media (min-width:768px) {
    .callback__form-wrapper {
        padding: 220px 204px
    }
}

@media (min-width:1024px) {
    .callback__form-wrapper {
        padding: 19px 162px 55px 170px
    }
}

.callback__text-field {
    margin-bottom: 25px
}

.callback__textarea {
    padding-bottom: 20px
}

.callback__text-field input {
    height: 50px;
    padding: 12px 25px 14px;
    border: 0;
    border-radius: 80px
}

.callback__text-field input,
.callback__textarea textarea {
    width: 100%;
    background: #dee0ea;
    color: #202439
}

@media (min-width:768px) {
    .callback__text-field input,
    .callback__textarea textarea {
        padding: 12px 21px 14px
    }
}

@media (min-width:1024px) {
    .callback__text-field input,
    .callback__textarea textarea {
        padding: 12px 20px 14px
    }
}

.callback__textarea textarea {
    height: 120px;
    padding: 17px 25px 14px;
    border: 0;
    border-radius: 24px;
    resize: none;
    outline: 0
}

.callback__text-field input:hover,
.callback__text-field .phone_block:hover,
.callback__textarea textarea:hover {
    background: rgba(222, 224, 234, .5);
}

.callback__text-field input:focus {
    padding: 11px 24px 13px
}

.callback__text-field input:focus, 
.callback__textarea textarea:focus {
    border: 1px solid rgba(32, 36, 57, .6);
    background: #efeff4
}

@media (min-width:768px) {
    .callback__text-field input:focus,
    .callback__textarea textarea:focus {
        padding: 12px 20px 14px
    }
}

@media (min-width:1024px) {
    .callback__text-field input:focus,
    .callback__textarea textarea:focus {
        padding: 12px 19px 14px
    }
}

.callback__textarea textarea:focus {
    padding: 16px 24px 13px
}

.callback__text-field--error>input,
.callback__textarea--error>textarea {
    padding: 11px 24px 13px;
    background: #fff;
    border: 1px solid #f2391f
}

@media (min-width:1024px) {
    .callback__text-field--error>input,
    .callback__textarea--error>textarea {
        padding: 11px 19px 13px
    }
}

.callback__consent,
.callback__text-field--error,
.callback__textarea--error {
    position: relative
}

.callback__text-field--error::after,
.callback__textarea--error::after {
    position: absolute;
    content: "Введите номер в формате +7 999 999 99 99";
    width: 100%;
    height: 20px;
    bottom: -23px;
    left: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #f2391f
}

@media (min-width:1024px) {
    .callback__text-field--error::after,
    .callback__textarea--error::after {
        width: 120%
    }
}

.callback__text-field input::-webkit-input-placeholder,
.callback__textarea textarea::-webkit-input-placeholder {
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #9b9fb7;
    text-transform: none
}

.callback__text-field input:-ms-input-placeholder,
.callback__text-field input::-ms-input-placeholder,
.callback__textarea textarea:-ms-input-placeholder,
.callback__textarea textarea::-ms-input-placeholder {
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #9b9fb7;
    text-transform: none
}

.callback__text-field input::placeholder,
.callback__textarea textarea::placeholder {
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #9b9fb7;
    text-transform: none
}

.callback__text-field input:hover::-webkit-input-placeholder,
.callback__textarea textarea:hover::-webkit-input-placeholder {
    color: #828593
}

.callback__text-field input:hover::-moz-placeholder,
.callback__textarea textarea:hover::-moz-placeholder {
    color: #828593
}

.callback__text-field input:hover:-ms-input-placeholder,
.callback__text-field input:hover::-ms-input-placeholder,
.callback__textarea textarea:hover:-ms-input-placeholder,
.callback__textarea textarea:hover::-ms-input-placeholder {
    color: #828593
}

.callback__text-field input:hover::placeholder,
.callback__textarea textarea:hover::placeholder {
    color: #828593
}

.callback__text-field input:focus::-webkit-input-placeholder,
.callback__textarea textarea:focus::-webkit-input-placeholder {
    color: #828593
}

.callback__text-field input:focus:-ms-input-placeholder,
.callback__text-field input:focus::-ms-input-placeholder,
.callback__textarea textarea:focus:-ms-input-placeholder,
.callback__textarea textarea:focus::-ms-input-placeholder {
    color: #828593
}

.callback__text-field input:focus::placeholder,
.callback__textarea textarea:focus::placeholder {
    color: #828593
}

.callback__text-field input::-moz-placeholder,
.callback__textarea textarea::-moz-placeholder {
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #9b9fb7;
    text-transform: none;
    line-height: 25px
}

.callback__text-field input:focus::-moz-placeholder,
.callback__textarea textarea:focus::-moz-placeholder {
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #9b9fb7;
    text-transform: none;
    line-height: 23px
}

.callback__form-wrapper button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    width: 100%;
    height: 50px;
    padding: 12px 25px 14px;
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 18px;
    opacity: .3
}

.callback__form-wrapper button:focus,
.callback__form-wrapper button:hover {
    background-color: #f87f46
}

.callback__form-wrapper button:active {
    background-color: #ed692a;
    opacity: .6
}

.callback__form-wrapper button:disabled {
    background-color: #ed692a;
    opacity: .3
}

.callback__form-wrapper button:hover,
.callback__form-wrapper button[type=submit].valid {
    opacity: 1
}

.callback__consent input[type=checkbox] {
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 10px
}

.callback__consent label {
    font-size: 12px;
    line-height: 18px;
    color: #656875;
    position: relative;
    display: block;
    width: 90%;
    padding-left: 32px
}

@media (min-width:768px) {
    .callback__consent label {
        width: 100%
    }
}

.callback__consent label::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: -1px;
    background: #202439;
    opacity: .2;
    border-radius: 4px;
    cursor: pointer
}

@media (max-width:1023px) {
    .callback__consent label::before {
        outline: 0
    }
}

.callback__consent input[type=checkbox]:checked+label::before {
    background-color: #0ca1b1;
    background-image: url(/local/templates/iteraciya/css/../img/icon-tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1
}

.callback__consent label a {
    text-decoration: underline
}

.callback__consent label a:hover {
    color: #ed692a
}

.nav {
    background: url(/local/templates/iteraciya/css/../img/icon-arrow-up.svg) no-repeat -9999px -9999px, url(/local/templates/iteraciya/css/../img/icon-arrow-down.svg) no-repeat -9999px -9999px
}

.nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500
}

@media (min-width:1024px) {
    .nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 14px;
        line-height: 24px;
        font-weight: 700
    }
}

.nav__item {
    padding: 12px 0 13px
}

.nav__item.is-active>.nav__item-wrapper a,
.nav__item.is-active>a {
    cursor: initial;
    pointer-events: none;
    border-bottom: 2px solid #fff
}

@media (min-width:1024px) {
    .nav__item {
        margin-right: 35px;
        padding: 0
    }
    .nav__item:hover>.nav__item-wrapper a,
    .nav__item:hover>a {
        color: #f87f46;
        border-color: #f87f46
    }
    .nav__item:focus .nav__submenu-toggle svg,
    .nav__item:focus-within .nav__submenu-toggle svg,
    .nav__item:hover .nav__submenu-toggle svg {
        fill: #f87f46;
        opacity: 1;
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }
    .nav__item.is-active>.nav__item-wrapper a,
    .nav__item.is-active>a,
    .nav__item.is-current>.nav__item-wrapper a,
    .nav__item.is-current>a {
        border-bottom: 2px solid #ed692a
    }
    .nav__item.is-active>.nav__item-wrapper a:focus,
    .nav__item.is-active>.nav__item-wrapper a:hover,
    .nav__item.is-active>a:focus,
    .nav__item.is-active>a:hover,
    .nav__item.is-current>.nav__item-wrapper a:focus,
    .nav__item.is-current>.nav__item-wrapper a:hover,
    .nav__item.is-current>a:focus,
    .nav__item.is-current>a:hover {
        border-color: #f87f46
    }
    .nav__item.is-active>.nav__item-wrapper a:active,
    .nav__item.is-active>a:active,
    .nav__item.is-current>.nav__item-wrapper a:active,
    .nav__item.is-current>a:active {
        color: rgba(237, 105, 42, .5);
        opacity: 1;
        border-color: rgba(237, 105, 42, .5)
    }
}

.nav__item-career,
.nav__item-real-estate {
    display: none
}

@media (min-width:768px) and (max-width:1023px) {
    .nav__item-career,
    .nav__item-real-estate {
        display: list-item
    }
}

.nav__item a {
    padding: 2px 0
}

.nav__item a:focus,
.nav__item a:hover {
    opacity: .5
}

@media (min-width:1024px) {
    .nav__item a {
        color: #ed692a
    }
    .nav__item a:focus,
    .nav__item a:focus-within,
    .nav__item a:hover {
        color: #f87f46;
        outline: 0;
        opacity: 1
    }
    .nav__item a:active {
        color: rgba(237, 105, 42, .5);
        opacity: 1
    }
    .nav__item a:active~.nav__submenu-toggle svg {
        fill: rgba(237, 105, 42, .5)
    }
}

.nav__item-wrapper a,
.timetable__interval td {
    padding: 0
}

@media (min-width:1024px) {
    .nav__item-sublist {
        position: relative
    }
    .nav__item-sublist:focus-within .nav__submenu-toggle,
    .nav__item-sublist:hover .nav__submenu-toggle {
        pointer-events: none
    }
    .nav__item-sublist:focus-within .nav__sublist,
    .nav__item-sublist:hover .nav__sublist {
        display: block
    }
}

.nav__item-sublist .nav__item-wrapper,
.nav__submenu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav__item-sublist .nav__item-wrapper {
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav__submenu-toggle {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 0 0;
    -webkit-transition: -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in;
    transition: transform 200ms ease-in, -webkit-transform 200ms ease-in
}

.nav__submenu-toggle:active,
.nav__submenu-toggle:focus {
    opacity: 1
}

.nav__submenu-toggle svg {
    width: 18px;
    height: 18px;
    fill: #fff
}

@media (min-width:1024px) {
    .nav__submenu-toggle {
        width: 16px;
        height: 14px;
        margin-left: 4px
    }
    .nav__submenu-toggle svg {
        width: 10px;
        height: 10px;
        fill: #ed692a
    }
}

.nav__sublist {
    padding: 0;
    list-style: none;
    display: none;
    max-height: 0;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    -webkit-transition: max-height 200ms ease-in, margin 200ms ease-in;
    transition: max-height 200ms ease-in, margin 200ms ease-in
}

@media (min-width:768px) and (max-width:1023px) {
    .nav__sublist {
        font-size: 18px;
        line-height: 28px
    }
}

@media (min-width:1024px) {
    .nav__sublist {
        position: absolute;
        top: 100%;
        left: -20px;
        max-width: 300px;
        max-height: none;
        margin-top: 0;
        margin-bottom: -2px;
        padding: 5px 20px;
        background-color: #fff;
        border-radius: 16px;
        -webkit-box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
        box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
        z-index: 2;
        width: 210px
    }
}

.nav__subitem {
    padding: 11px 0;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in
}

.nav__subitem.is-active>.nav__item-wrapper a,
.nav__subitem.is-active>a {
    cursor: initial;
    pointer-events: none;
    border-bottom: 2px solid #fff
}

@media (min-width:1024px) {
    .nav__subitem {
        opacity: 1
    }
    .nav__subitem.is-active a {
        border-bottom: 2px solid #ed692a
    }
}

.nav__item-sublist.is-open .nav__sublist {
    display: block
}

.js-sublist-animation .nav__sublist {
    max-height: 200px;
    margin: 5px 0 -2px
}

@media (min-width:768px) and (max-width:1023px) {
    .js-sublist-animation .nav__sublist {
        margin-top: 17px;
        margin-bottom: 4px
    }
}

.js-sublist-animation .nav__subitem {
    opacity: 1
}

.js-sublist-animation .nav__submenu-toggle {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.social,
.social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) and (max-width:1023px) {
    .social {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: auto;
        margin-right: auto
    }
}

@media (min-width:1024px) {
    .social {
        display: none
    }
}

.social__item {
    margin-right: 10px
}

@media (min-width:768px) and (max-width:1023px) {
    .social__item {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.social__item--vk svg {
    margin-right: 2px
}

.social a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #ed692a;
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.social a:focus,
.social a:hover {
    color: #fff
}

.social a:active {
    background-color: #ed692a
}

.social a:disabled {
    background-color: #ed692a;
    opacity: .3
}

.social a:focus,
.social a:hover {
    background-color: #202439
}

.social a:focus svg,
.social a:hover svg {
    fill: #fff
}

.social a:active {
    opacity: .5
}

@media (min-width:1024px) {
    .social a {
        width: 32px;
        height: 32px
    }
}

.social svg {
    fill: #ed692a
}

@media (min-width:768px) and (max-width:1023px) {
    .main__advantages {
        margin-bottom: 10px
    }
}

.main__plans {
    z-index: 2
}

.main__feedback h2 {
    margin-top: 13px
}

.slider-main__wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slider-main .centering,
.slider-main__slide a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-main .centering {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.slider-main__slide {
    position: relative;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 100%;
    min-height: 568px;
    padding-top: 52px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #dee0ea
}

.slider-main__slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #dee0ea;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.slider-main__slide-img--1 {
    background-image: url(/local/templates/iteraciya/css/../img/slide-main01-s@1x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx) {
    .slider-main__slide-img--1 {
        background-image: url(/local/templates/iteraciya/css/../img/slide-main01-s@2x.jpg)
    }
}

.slider-main__slide-img--2 {
    background-image: url(/local/templates/iteraciya/css/../img/slide-main02-s@1x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx) {
    .slider-main__slide-img--2 {
        background-image: url(/local/templates/iteraciya/css/../img/slide-main02-s@2x.jpg)
    }
}

.slider-main__lead {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    width: 250px;
    margin-top: 54px;
    margin-left: 16px;
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: opacity 300ms ease-in, -webkit-transform 300ms ease-in;
    transition: opacity 300ms ease-in, transform 300ms ease-in;
    transition: opacity 300ms ease-in, transform 300ms ease-in, -webkit-transform 300ms ease-in
}

.slider-main__features {
    position: relative;
    width: 212px;
    height: 201px;
    margin-bottom: 32px;
    margin-left: 12px
}

.slider-main__feature {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 143px;
    height: 143px;
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #ed692a;
    overflow: hidden
}

.slider-main__feature b {
    font-size: 26px
}

.slider-main__feature--large {
    top: 0;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.slider-main__feature--middle,
.slider-main__feature--small {
    padding-top: 8px;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.slider-main__feature--middle {
    left: 0;
    bottom: 2px;
    width: 113px;
    height: 113px;
    font-size: 12px;
    line-height: 15px;
    background-color: #0ca1b1
}

.slider-main__feature--middle b {
    font-size: 15px
}

.slider-main__feature--middle i {
    font-size: 10px;
    font-style: normal
}

.slider-main__feature--small {
    bottom: 0;
    right: 26px;
    width: 84px;
    height: 84px;
    font-size: 10px;
    line-height: 13px;
    background-color: #202439
}

.slider-main__slide a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    min-width: 194px;
    padding: 14px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 200ms ease-in 200ms, -webkit-transform 200ms ease-in 200ms;
    transition: opacity 200ms ease-in 200ms, transform 200ms ease-in 200ms;
    transition: opacity 200ms ease-in 200ms, transform 200ms ease-in 200ms, -webkit-transform 200ms ease-in 200ms
}

.slider-main__slide a:focus,
.slider-main__slide a:hover {
    background-color: #f87f46
}

.slider-main__slide a:active {
    background-color: #ed692a;
    opacity: .6
}

.slider-main__slide a:disabled {
    background-color: #ed692a;
    opacity: .3
}

.slider-main .swiper-navigation {
    position: absolute;
    top: 80px;
    left: calc((100vw - 233px)/2)
}

.slider-main .swiper-button-next,
.slider-main .swiper-button-prev {
    display: none
}

.slider-main .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10px
}

.slider-main .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin-right: 25px;
    border-radius: 50%;
    background-color: rgba(32, 36, 57, .15);
    cursor: pointer
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 25px 0 0
}

.slider-main .swiper-pagination-bullet-active {
    background-color: rgba(32, 36, 57, .5)
}

.js-animation .slider-main__feature {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.js-animation .slider-main__feature--large {
    -webkit-transition: -webkit-transform 250ms ease-in 150ms;
    transition: transform 250ms ease-in 150ms;
    transition: transform 250ms ease-in 150ms, -webkit-transform 250ms ease-in 150ms
}

.js-animation .slider-main__feature--large p {
    -webkit-transition: opacity 250ms ease-in 350ms;
    transition: opacity 250ms ease-in 350ms
}

.js-animation .slider-main__feature--middle {
    -webkit-transition: -webkit-transform 250ms ease-in 200ms;
    transition: transform 250ms ease-in 200ms;
    transition: transform 250ms ease-in 200ms, -webkit-transform 250ms ease-in 200ms
}

.js-animation .slider-main__feature--middle p {
    -webkit-transition: opacity 250ms ease-in 400ms;
    transition: opacity 250ms ease-in 400ms
}

.js-animation .slider-main__feature--small {
    -webkit-transition: -webkit-transform 250ms ease-in 250ms;
    transition: transform 250ms ease-in 250ms;
    transition: transform 250ms ease-in 250ms, -webkit-transform 250ms ease-in 250ms
}

.js-animation .slider-main__feature--small p {
    -webkit-transition: opacity 250ms ease-in 450ms;
    transition: opacity 250ms ease-in 450ms
}

.js-animation .slider-main__feature p {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.js-animation .slider-main__slide a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-animation .slider-main__lead {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (min-width:768px) {
    .slider-main__slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: 620px;
        padding-top: 80px
    }
    .slider-main__slide-img--1 {
        background-image: url(/local/templates/iteraciya/css/../img/main-background.jpg)
    }
}

@media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),
(min-width:768px) and (min-resolution:144dpi),
(min-width:768px) and (min-resolution:1.5dppx) {
    .slider-main__slide-img--1 {
        background-image: url(/local/templates/iteraciya/css/../img/main-background@2x.jpg)
    }
}

@media (min-width:768px) {
    .slider-main__slide-img--2 {
        background-image: url(/local/templates/iteraciya/css/../img/main-background.jpg)
    }
}

@media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),
(min-width:768px) and (min-resolution:144dpi),
(min-width:768px) and (min-resolution:1.5dppx) {
    .slider-main__slide-img--2 {
        background-image: url(/local/templates/iteraciya/css/../img/main-background@2x.jpg)
    }
}

@media (min-width:768px) {
    .slider-main .centering {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .slider-main__lead {
        font-weight: 800;
        font-size: 36px;
        line-height: 42px;
        width: 400px;
        margin-left: 0;
        margin-top: 66px;
        margin-bottom: 42px
    }
    .slider-main__features {
        position: absolute;
        top: 248px;
        right: 48px;
        width: 290px;
        height: 290px
    }
    .slider-main__features .slider-main__feature {
        width: 193px;
        height: 193px;
        padding: 20px;
        font-size: 22px;
        line-height: 22px
    }
    .slider-main__features .slider-main__feature span {
        display: none
    }
    .slider-main__features .slider-main__feature b {
        font-size: 36px
    }
    .slider-main__features .slider-main__feature--large {
        right: 4px
    }
    .slider-main__features .slider-main__feature--large p {
        margin-top: 6px;
        margin-left: 10px
    }
    .slider-main__features .slider-main__feature--large b {
        line-height: 40px
    }
    .slider-main__features .slider-main__feature--middle {
        bottom: 28px;
        width: 155px;
        height: 155px;
        font-size: 16px;
        line-height: 20px
    }
    .slider-main__features .slider-main__feature--middle b {
        font-size: 18px
    }
    .slider-main__features .slider-main__feature--middle i {
        font-size: 12px;
        line-height: 16px
    }
    .slider-main__features .slider-main__feature--small {
        right: 44px;
        width: 118px;
        height: 118px;
        font-size: 12px;
        line-height: 16px
    }
    .slider-main .swiper-navigation {
        position: absolute;
        left: 6px;
        top: 110px;
        width: auto;
        padding: 0 23px 0 48px;
        height: 12px
    }
    .swiper-pagination {
        position: relative
    }
    .slider-main .swiper-pagination-bullet {
        background-color: rgba(32, 36, 57, .85)
    }
}

@media (min-width:1024px) {
    .slider-main__slide {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 100px
    }
    .slider-main__lead {
        margin-top: -50px;
        margin-bottom: 50px
    }
    .slider-main__features {
        top: 31.2%;
        right: calc((100vw - 1000px)/2);
        margin-right: 90px
    }
    .slider-main .swiper-navigation {
        left: 0;
        top: 27.6%;
        margin-left: calc((100vw - 1000px)/2)
    }
    .slider-main .swiper-button-next,
    .slider-main .swiper-button-prev {
        position: absolute;
        top: 113%;
        display: block;
        width: 8px;
        height: 22px
    }
    .slider-main .swiper-button-next::after,
    .slider-main .swiper-button-prev::after {
        font-size: 12px;
        font-weight: 700;
        color: #202439
    }
    .slider-main .swiper-button-next .swiper-button-disabled::after,
    .slider-main .swiper-button-prev .swiper-button-disabled::after {
        color: rgba(32, 36, 57, .85)
    }
    .slider-main .swiper-button-prev {
        left: 0
    }
    .slider-main .swiper-button-next {
        right: 0
    }
}

.pop-up-what-we-have .slider-main__slide--1 {
    background-image: url(/local/templates/iteraciya/css/../img/treadmill-mibile1x.jpg)
}

@media (min-width:321px) {
    .pop-up-what-we-have .slider-main__slide--1 {
        background-image: url(/local/templates/iteraciya/css/../img/treadmill-mibile2x.jpg)
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx) {
    .pop-up-what-we-have .slider-main__slide--1 {
        background-image: url(/local/templates/iteraciya/css/../img/treadmill-mibile2x.jpg)
    }
}

.pop-up-what-we-have .slider-main__slide--2 {
    background-image: url(/local/templates/iteraciya/css/../img/bodystep-background-mobile@1x.jpg)
}

@media (min-width:321px) {
    .pop-up-what-we-have .slider-main__slide--2 {
        background-image: url(/local/templates/iteraciya/css/../img/bodystep-background-mobile@2x.jpg)
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx) {
    .pop-up-what-we-have .slider-main__slide--2 {
        background-image: url(/local/templates/iteraciya/css/../img/bodystep-background-mobile@2x.jpg)
    }
}

.advantages__list {
    padding: 0;
    list-style: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -20px 0 0;
    z-index: 5
}

@media (min-width:768px) and (max-width:1023px) {
    .advantages__list {
        margin-top: -30px
    }
}

@media (min-width:1024px) {
    .advantages__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -30px
    }
}

.advantages__item {
    margin-bottom: 31px;
    border-radius: 16px;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent
}

.advantages__item .advantages__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 110px;
    margin-top: -1px;
    padding: 18px 25px;
    border-radius: 16px;
    background-color: #202439;
    background-repeat: no-repeat
}

.advantages__item--equipment .advantages__header,
.advantages__item--group .advantages__header,
.advantages__item--spa .advantages__header {
    background-image: url(/local/templates/iteraciya/css/../img/group-programs-background.png);
    background-size: 212px auto;
    background-position: right -138px bottom -10px;
    -webkit-transition: background-position 250ms ease-in;
    transition: background-position 250ms ease-in
}

.advantages__item--equipment .advantages__header,
.advantages__item--spa .advantages__header {
    background-image: url(/local/templates/iteraciya/css/../img/gym-background.png);
    background-color: #ed692a;
    background-size: 104px auto;
    background-position: right -74px bottom
}

.advantages__item--spa .advantages__header {
    background-image: url(/local/templates/iteraciya/css/../img/spa-background.png);
    background-color: #0ca1b1;
    background-size: 131px auto;
    background-position: right -90px bottom
}

.advantages__item:hover {
    -webkit-box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
    box-shadow: 0 2px 6px rgba(33, 44, 79, .1)
}

@media (max-width:767px) {
    .advantages__item {
        cursor: pointer
    }
    .advantages__item.js-animation .advantages__content {
        max-height: 300px;
        padding-top: 11px;
        padding-bottom: 25px
    }
    .advantages__item.js-animation .advantages__content p {
        opacity: 1
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .advantages__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 198px;
        margin-bottom: 20px
    }
    .advantages__item .advantages__header {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 284px
    }
}

@media (min-width:1024px) {
    .advantages__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-preferred-size: 320px;
        flex-basis: 320px
    }
    .advantages__item:not(:nth-child(3n)) {
        margin-right: 20px
    }
}

.advantages__item h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    max-width: 200px;
    margin: 0;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
    -webkit-transition: opacity 250ms ease-in 150ms, -webkit-transform 250ms ease-in;
    transition: opacity 250ms ease-in 150ms, transform 250ms ease-in;
    transition: opacity 250ms ease-in 150ms, transform 250ms ease-in, -webkit-transform 250ms ease-in
}

.advantages__content {
    display: block;
    height: auto;
    max-height: 0;
    padding-right: 25px;
    padding-left: 25px;
    overflow: hidden;
    -webkit-transition: max-height 200ms ease-in, padding 200ms ease-in;
    transition: max-height 200ms ease-in, padding 200ms ease-in
}

@media (min-width:768px) {
    .advantages__content {
        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-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.advantages__content .read-more-link,
.advantages__content p {
    opacity: 0;
    -webkit-transition: opacity 150ms ease-in 200ms;
    transition: opacity 150ms ease-in 200ms
}

@media (min-width:768px) {
    .advantages__content .read-more-link {
        margin-top: auto;
        padding-top: 4px;
        padding-bottom: 4px
    }
}

.js-animation .advantages__item--group .advantages__header {
    background-position: right bottom -10px
}

@media (min-width:768px) {
    .js-animation .advantages__item--group .advantages__header {
        background-position: right 14px bottom
    }
}

@media (min-width:1024px) {
    .js-animation .advantages__item--group .advantages__header {
        background-position: right bottom
    }
}

.js-animation .advantages__item--equipment .advantages__header {
    background-position: right 6px bottom
}

@media (min-width:768px) and (max-width:1023px) {
    .js-animation .advantages__item--equipment .advantages__header {
        background-position: right 32px bottom;
        background-size: 120px auto
    }
}

.js-animation .advantages__item--spa .advantages__header {
    background-position: right 3px bottom
}

@media (min-width:768px) and (max-width:1023px) {
    .js-animation .advantages__item--spa .advantages__header {
        background-image: url(/local/templates/iteraciya/css/../img/spa3-background.png);
        background-size: 116px;
        background-position: right 34px bottom
    }
}

@media (min-width:1024px) {
    .js-animation .advantages__item--spa .advantages__header {
        background-image: url(/local/templates/iteraciya/css/../img/spa2-background.png);
        background-size: 140px auto
    }
}

@media (min-width:768px) {
    .js-animation .advantages__item .advantages__content {
        max-height: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .js-animation .advantages__item .advantages__content {
        padding: 5px 20px 20px
    }
}

@media (min-width:768px) {
    .js-animation .advantages__item .advantages__content p {
        opacity: 1
    }
}

@media (min-width:1024px) {
    .js-animation .advantages__item .advantages__content {
        padding-top: 11px;
        padding-bottom: 20px
    }
}

:root {
    --plans-section-height: ''
}

.plans {
    position: relative;
    min-height: 830px;
    min-height: calc(var(--plans-section-height) + 41px + 30px);
    margin-bottom: -40px;
    padding: 0
}

@media (min-width:768px) {
    .plans {
        min-height: auto;
        margin-bottom: 30px
    }
}

@media (min-width:1024px) {
    .plans {
        margin-bottom: 0
    }
}

.plans__tarrif--page {
    margin-top: -28px;
    margin-bottom: -20px
}

@media (min-width:768px) {
    .plans__tarrif--page {
        width: calc(100% - 104px);
        margin: 33px auto 0
    }
}

@media (min-width:1024px) {
    .plans__tarrif--page {
        width: 1000px;
        margin: 42px auto 0
    }
}

.plans__title {
    font-weight: 800;
    font-size: 28px;
    line-height: 36px;
    margin: 22px 0 -16px;
    padding: 0 18px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) {
    .plans__title {
        margin-bottom: 22px;
        text-align: center
    }
}

@media (min-width:1024px) {
    .plans__title {
        font-weight: 800;
        font-size: 36px;
        line-height: 42px;
        margin: 32px 0
    }
}

.plans__user-agreement {
    position: absolute;
    right: 0;
    top: 22px;
    width: 200px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #202439
}

.plans__user-agreement:focus,
.plans__user-agreement:hover {
    opacity: .6
}

@media (max-width:767px) {
    .plans__user-agreement {
        left: calc(50% - 100px);
        top: 770px
    }
}

.plans__list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0 0
}

@media (min-width:768px) {
    .plans__list {
        margin-top: 12px
    }
}

@media (min-width:1024px) {
    .plans__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0
    }
}

.plans__item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
    margin: 51px 10px 0;
    padding: 30px 18px 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.plans__item.swiper-slide-active {
    margin-top: 0;
    padding-bottom: 25px
}

@media (min-width:768px) {
    .plans__item {
        -ms-flex-preferred-size: 31.3%;
        flex-basis: 31.3%;
        margin-top: 0;
        margin-left: 0;
        margin-right: 3%;
        padding-bottom: 25px
    }
    .plans__item:last-child {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .plans__item {
        -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
        margin-top: 20px;
        margin-left: 0;
        margin-right: 20px
    }
    .plans__item:last-child {
        margin-right: 0
    }
}

.plans__header p {
    position: absolute;
    top: -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding-right: 30px;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: .03em;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: 300ms ease-in;
    transition: 300ms ease-in
}

@media (min-width:1024px) {
    .plans__header p {
        font-size: 12px;
        line-height: 24px;
        font-weight: 500
    }
}

.plans__header b {
    font-weight: 500
}

.plans__amenities li::before,
.plans__header span {
    background-repeat: no-repeat;
    background-position: center
}

.plans__header h3,
.plans__header span {
    -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-in;
    transition: opacity 300ms ease-out, transform 300ms ease-in;
    transition: opacity 300ms ease-out, transform 300ms ease-in, -webkit-transform 300ms ease-in
}

.plans__header span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    border-radius: 16px;
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    width: 64px;
    height: 64px;
    background-size: auto 40px
}

@media (min-width:1024px) {
    .plans__header span {
        margin-right: 10px
    }
}

.plans__header h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 19px
}

@media (min-width:1024px) {
    .plans__header h3 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 22px
    }
}

.plans__amenities ul {
    padding: 0;
    list-style: none;
    margin: 0 0 20px;
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in
}

@media (min-width:1024px) {
    .plans__amenities ul {
        margin-bottom: 34px
    }
}

.plans__amenities li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 16px
}

.plans__amenities li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 16px;
    background-image: url(/local/templates/iteraciya/css/../img/icon-tick-green.svg);
    background-size: auto 8px
}

@media (min-width:1024px) {
    .plans__amenities li {
        font-size: 14px;
        line-height: 20px
    }
    .plans__amenities li::before {
        height: 22px
    }
}

.plans__amenities li.disabled {
    color: rgba(32, 36, 57, .5)
}

.plans__amenities li.disabled::before {
    background-image: url(/local/templates/iteraciya/css/../img/icon-disabled.svg);
    background-size: 10px 10px
}

.plans__price {
    display: none;
    margin: 13px 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600
}

.plans__price span {
    margin-right: 2px;
    font-size: 22px;
    line-height: 28px
}

@media (min-width:768px) {
    .plans__price {
        display: block
    }
}

@media (min-width:1024px) {
    .plans__price {
        font-size: 16px
    }
    .plans__price span {
        font-size: 22px;
        line-height: 28px
    }
}

.plans__pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: none;
    width: 100%;
    padding: 17px;
    color: #fff;
    background-color: #202439
}

.plans__pay:focus,
.plans__pay:hover {
    opacity: .8
}

.plans__pay:active {
    opacity: .6
}

.plans__pay:disabled {
    opacity: .3
}

@media (min-width:768px) {
    .plans__pay {
        display: block
    }
}

@media (min-width:1024px) {
    .plans__pay {
        font-size: 14px;
        line-height: 18px
    }
}

.plans__item.swiper-slide-active .plans__pay,
.plans__item.swiper-slide-active .plans__price {
    display: block;
    -webkit-animation: fadeIn .3s;
    animation: fadeIn .3s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in, -webkit-transform 300ms ease-in
}

.plans__item-light .plans__header span {
    background-color: #d6f1f0
}

.plans__item-light .plans__header h3,
.plans__item-light .plans__price {
    color: #0ca1b1
}

.plans__item-light .plans__pay {
    background-color: #0ca1b1
}

.plans__item-middle .plans__header span {
    background-color: #ffebd6
}

.address__title {
    margin-bottom: 42px;
    color: #202439;
    font: 900 28px/36px "Montserrat", "Roboto", sans-serif;
}

.address__item--active h3,
.plans__item-middle .plans__header h3,
.plans__item-middle .plans__price {
    color: #ed692a
}

.plans__item-middle .plans__pay {
    background-color: #ed692a
}

.plans__item-full .plans__header span {
    background-color: #dde1ef
}

.plans__item-full .plans__header h3,
.plans__item-full .plans__price {
    color: #202439
}

.plans__item-full .plans__pay {
    background-color: #202439
}

@media (min-width:1024px) {
    .plans__item-full {
        margin-top: 0;
        padding-top: 50px
    }
    .plans__item-full .plans__header p {
        top: 2px
    }
    .plans__item-full .plans__header span {
        position: relative;
        top: 17px
    }
    .plans__item-full .plans__amenities ul {
        margin-bottom: 62px
    }
    .plans__item-full .plans__amenities li {
        font-weight: 600
    }
    .plans__item-full .plans__price {
        margin: 14px 0
    }
    .plans__item-full .plans__price span {
        font-size: 28px
    }
}

.js-view-animation .plans__header h3 {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0
}

.js-view-animation .plans__amenities ul {
    opacity: 0
}

@media (min-width:768px) {
    .js-view-animation-desktop .plans__header h3 {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0
    }
    .js-view-animation-desktop .plans__amenities ul {
        opacity: 0
    }
}

.js-animation .plans__header p {
    opacity: 1
}

.js-animation .plans__header h3,
.js-animation .plans__header span,
.js-animation .plans__pay {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-animation .plans__pay:focus,
.js-animation .plans__pay:hover {
    opacity: .8
}

.js-animation .plans__amenities ul,
.js-animation .plans__price {
    opacity: 1
}

.js-animation.plans__item .plans__pay,
.js-animation.plans__item .plans__price {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-animation.plans__title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media (min-width:768px) {
    .js-animation-desktop .plans__amenities ul,
    .js-animation-desktop .plans__header p {
        opacity: 1
    }
    .js-animation-desktop .plans__header h3,
    .js-animation-desktop .plans__header span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .js-animation-desktop.plans__item .plans__pay,
    .js-animation-desktop.plans__item .plans__price {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .js-animation-desktop.plans__title {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 36px)
}

@media (min-width:768px) {
    .container {
        padding: 0;
        max-width: 664px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1000px
    }
}

.page-main {
    width: 100%;
    margin-top: 55px
}

@media (min-width:768px) {
    .page-main--what-we-have.page-main>h2 {
        margin: 3px auto 0
    }
    .page-main {
        margin-top: 80px
    }
}

@media (min-width:1024px) {
    .page-main {
        margin-top: 100px
    }
}

.page-main__backlink {
    position: relative;
    display: block;
    width: 9px;
    min-width: 9px;
    height: 15px;
    margin-top: 11px;
    background: url(/local/templates/iteraciya/css/../img/icon-backlink.svg) center no-repeat
}

@media (min-width:768px) {
    .page-main__backlink {
        display: none
    }
}

.page-main__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0 0;
    opacity: 0;
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
    -webkit-transition: opacity 300ms ease-in 100ms, -webkit-transform 300ms ease-in 100ms;
    transition: opacity 300ms ease-in 100ms, transform 300ms ease-in 100ms;
    transition: opacity 300ms ease-in 100ms, transform 300ms ease-in 100ms, -webkit-transform 300ms ease-in 100ms
}

@media (min-width:768px) {
    .page-main__title {
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .page-main__title {
        max-width: 1000px;
        margin: 3px auto 0
    }
}

@media (min-width:768px) {
    .page-main .page-main__title--what-we-have {
        margin: 2px auto 0
    }
    .page-main .page-main__title-clubs {
        margin-left: 0;
        padding: 0 52px
    }
}

@media (min-width:1024px) {
    .page-main .page-main__title-clubs {
        display: none
    }
}

.page-main h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 800;
    margin: 16px 0 0
}

@media (min-width:768px) {
    .page-main h1 {
        margin: 16px 0 22px 52px;
        font-size: 36px;
        line-height: 42px
    }
}

.group-training__list li a sup,
.page-main h1 sup,
.timetable__discipline-name sup {
    font-size: 62%;
    text-transform: uppercase
}

.page-main__title h1 {
    margin: 0
}

@media (min-width:768px) {
    .page-main__title--backlink {
        margin: 0 auto
    }
}

.page-main__title--backlink h1 {
    padding-left: 16px
}

@media (min-width:768px) {
    .page-main__title--backlink h1 {
        padding-left: 0
    }
}

.page-main__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.js-animation.page-main__title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.map {
    position: relative
}

.map__content {
    width: 100%;
    height: 374px;
    overflow: hidden
}

@media (min-width:768px) {
    .map__content {
        height: 714px
    }
}

@media (min-width:1024px) {
    .map__content {
        height: 811px
    }
}

.address {
    margin-top: 20px;
    background-color: #fff
}

@media (min-width:768px) {
    .address {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        margin-bottom: 32px
    }
}

@media (min-width:1024px) {
    .address {
        margin-bottom: 2px
    }
}

@media (min-width:768px) {
    .address__map {
        width: 66%
    }
}

@media (min-width:1024px) {
    .address__map {
        width: 59%
    }
}

@media (min-width:768px) {
    .address__list-wrapper {
        height: 714px;
        width: 34%;
        overflow: auto
    }
}

@media (min-width:1024px) {
    .address__list-wrapper {
        height: 811px;
        width: 41%;
        border-top: 1px solid #f4f4f4
    }
}

.address__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none
}

@media (min-width:768px) {
    .address__list {
        padding: 0;
        height: auto;
        width: 100%
    }
}

.address__item {
    position: relative;
    padding-bottom: 27px;
    padding-top: 19px;
    cursor: pointer;
    /*opacity: 0;*/
    opacity: 1;
    -webkit-transition: all 300ms ease-in 200ms;
    transition: all 300ms ease-in 200ms
}

@media (min-width:768px) {
    .address__item {
        padding: 18px 31px 27px
    }
}

@media (min-width:1024px) {
    .address__item {
        padding: 26px 50px 28px
    }
}

.address__item--active {
    background-color: #f3f4f7
}

.address__item:first-of-type {
    padding-top: 17px
}

@media (min-width:768px) {
    .address__item:first-of-type {
        padding-top: 20px
    }
}

@media (min-width:1024px) {
    .address__item:first-of-type {
        padding-top: 23px
    }
}

.address__item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f4f4f4
}

.address__item:last-of-type::after {
    display: none
}

.address__item h3,
.map-marker-pop-up h2 {
    margin: 0;
    font-weight: 800;
    font-size: 22px;
    line-height: 28px
}

.address__item p {
    margin: 12px 0 0
}

@media (min-width:768px) {
    .address__item p {
        width: 100%
    }
}

@media (min-width:1024px) {
    .address__item p {
        margin: 13px 0 0;
        width: 265px
    }
}

.address__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 21px auto 0;
    padding: 14px 30px;
    min-height: 50px;
    width: 100%;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 300ms ease-in 200ms;
    transition: transform 300ms ease-in 200ms;
    transition: transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.address__item a:focus,
.address__item a:hover {
    background-color: #f87f46
}

.address__item a:active {
    background-color: #ed692a;
    opacity: .6
}

.address__item a:disabled {
    background-color: #ed692a;
    opacity: .3
}

@media (min-width:768px) {
    .address__item a {
        width: 200px
    }
}

@media (min-width:1024px) {
    .address__item a {
        margin: 21px 0 0;
        width: 320px
    }
}

.address__item span,
.map-marker-pop-up a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.address__item span {
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .03em;
    text-transform: uppercase;
    margin-top: 36px;
    font-weight: 500;
    color: #0ca1b1
}

.js-animation.address__item {
    opacity: 1
}

.js-animation.address__item--inactive {
    opacity: .6
}

.coaches__item img,
.feedback--success .feedback__wrapper button,
.feedback--success .feedback__wrapper input,
.feedback--success .feedback__wrapper label,
.feedback--success .feedback__wrapper textarea,
.js-animation.address__item--inactive a {
    pointer-events: none
}

.js-animation.address__item a,
.js-animation.feedback button {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width:1024px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 148px
    }
    ::-webkit-scrollbar-button {
        background-color: #f3f4f7
    }
    ::-webkit-scrollbar-track {
        border-radius: 20px;
        background: #f3f4f7
    }
    ::-webkit-scrollbar-track-piece {
        background-color: #f3f4f7
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(32, 36, 57, .1)
    }
}

.map-marker-pop-up,
.map-marker-pop-up::after {
    position: absolute;
    border-radius: 16px;
    overflow: hidden
}

.map-marker-pop-up {
    left: calc(50% - 142px);
    padding: 18px 25px 30px;
    min-height: 204px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .15);
    display: none;
    top: 164px;
    width: 284px;
    background-color: #fff
}

.map-marker-pop-up::after {
    content: "";
    top: -37px;
    right: -37px;
    width: 72px;
    height: 72px;
    background-color: #dde1ef
}

.map-marker-pop-up--opened {
    display: block
}

@media (min-width:768px) {
    .map-marker-pop-up--opened {
        display: none
    }
}

.map-marker-pop-up p {
    margin: 12px 0 0
}

.map-marker-pop-up button {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    right: 0;
    font-size: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    z-index: 2
}

.map-marker-pop-up button::after,
.map-marker-pop-up button::before {
    content: "";
    position: absolute;
    top: 9px;
    right: 17px;
    width: 1px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #202439
}

.map-marker-pop-up button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.map-marker-pop-up a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 21px;
    min-height: 50px;
    width: 234px;
    color: #fff;
    background-color: #ed692a
}

.feedback {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 24px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 150ms;
    transition: opacity 300ms ease-in 150ms
}

@media (min-width:768px) {
    .feedback {
        margin-bottom: 50px
    }
}

@media (min-width:1024px) {
    .feedback {
        margin: 56px 0 20px
    }
}

@media (min-width:768px) {
    .feedback__wrapper {
        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-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 20px;
        min-height: 351px;
        background-color: #fff;
        border-radius: 16px
    }
}

@media (min-width:1024px) {
    .feedback__wrapper {
        margin-top: 12px;
        margin-bottom: 70px;
        width: 1000px
    }
}
@media (max-width:768px)
.feedback__contacts-wrapper  {
     display: flex; 
     flex-direction: column; 
     justify-content: center;
}
@media (min-width:768px) {
    .feedback__wrapper h2 {
        width: 490px;
        text-align: center
    }
    .feedback__contacts-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 520px;
    }
    .feedback__text-field {
        width: 246px
    }
    .feedback__text-field:first-of-type {
        margin-right: 20px
    }

    .feedback__contacts-wrapper .error-msg {
        margin-left:60px;
    }
}

@media (min-width:1024px) {
    .feedback__text-field {
        /* width: 400px; */
    }
}

.feedback--success .feedback__wrapper {
    opacity: 0;
    z-index: 0
}

.feedback__wrapper--success {
    display: none;
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 16px
}

.feedback--success .feedback__wrapper--success {
    display: block;
    opacity: 1
}

.feedback--success .feedback__wrapper--success h2 {
    width: 100%;
    text-align: center
}

.feedback--success .feedback__wrapper--success p {
    font-size: 18px;
    line-height: 24px;
    width: 90%
}

@media (min-width:768px) {
    .feedback--success .feedback__wrapper--success {
        width: calc(100% - 104px);
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        min-height: 229px
    }
    .feedback--success .feedback__wrapper--success p {
        width: 490px;
        margin: 43px auto 50px
    }
}

@media (min-width:1024px) {
    .feedback--success .feedback__wrapper--success {
        width: 1000px;
        min-height: 229px
    }
}

.feedback__wrapper--success p {
    position: relative;
    margin: 30px 0 50px;
    padding-left: 54px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.feedback__wrapper--success p::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    background: url(/local/templates/iteraciya/css/../img/icon-success.svg) center no-repeat
}

.feedback h2 {
    font-weight: 800;
    font-size: 28px;
    line-height: 36px;
    margin: 53px 0 0
}

@media (min-width:768px) {
    .feedback h2 {
        margin: 42px 0 0
    }
}

@media (min-width:1024px) {
    .feedback h2 {
        margin: 43px 0 0
    }
}

.feedback__wrapper--success h2 {
    margin-top: 43px
}

.feedback__form-wrapper {
    padding: 27px 0 31px
}

@media (min-width:768px) {
    .feedback__form-wrapper {
        margin: 31px 0 0;
        padding: 0
    }
    .feedback__form-wrapper form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .feedback__consent {
        width: 490px
    }
    .feedback__consent label {
        width: 100%
    }
}

.feedback--loading button {
    position: relative;
    color: transparent;
    pointer-events: none
}

.feedback--loading button::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    top: 10px;
    left: 45%;
    background: url(/local/templates/iteraciya/css/../img/icon-loading.svg) center no-repeat;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
    animation: 1s linear 0s normal none infinite running rot
}

.feedback--loading input,
.feedback--loading label,
.feedback--loading textarea {
    opacity: .5;
    pointer-events: none
}

.feedback button {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in, -webkit-transform 300ms ease-in
}

@media (min-width:768px) {
    .feedback button {
        margin-bottom: 25px;
        width: 100%
    }
}

@media (min-width:1024px) {
    .feedback button {
        margin-bottom: 25px;
        width: 510x
    }
}

.js-animation.feedback {
    opacity: 1
}

@media (min-width:768px) {
    .coaches {
        margin-bottom: 12px
    }
}

.coaches__note-list {
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 282px;
    padding: 24px 0 0;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) {
    .coaches__note-list {
        padding: 42px 0 0
    }
}

@media (min-width:1024px) {
    .coaches__note-list {
        padding: 32px 0 0
    }
}

.coaches__image-wrapper {
    position: relative;
    width: 100%;
    pointer-events: none;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden
}

.coaches__item img {
    width: 100%;
    height: auto
}

.coaches__list {
    padding: 0;
    list-style: none;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 35px 0 0
}

@media (min-width:628px) {
    .coaches__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.coaches__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
    border-radius: 16px;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in;
    cursor: pointer
}

@media (min-width:768px) {
    .coaches__item {
        margin-bottom: 31px
    }
}

@media (min-width:1024px) {
    .coaches__item {
        margin-bottom: 20px
    }
}

.coaches__item:nth-of-type(2n) {
    margin-right: 0
}

@media (min-width:1024px) {
    .coaches__item:nth-of-type(2n) {
        margin-right: 20px;
        margin-bottom: 20px
    }
    .coaches__item:nth-of-type(3n) {
        margin-right: 0
    }
}

.coaches__item:last-of-type {
    margin-bottom: 0
}

@media (min-width:768px) {
    .coaches__item:last-of-type {
        margin-bottom: 25px;
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .coaches__item:last-of-type {
        margin-bottom: 20px
    }
}

@media (min-width:628px) {
    .coaches__item {
        margin-right: 24px;
        width: calc((100% - 24px)/2)
    }
}

@media (min-width:1024px) {
    .coaches__item {
        margin-right: 20px;
        width: calc((100% - 40px)/3)
    }
}

.coaches__item:hover .coaches__data-wrapper {
    -webkit-box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
    box-shadow: 0 2px 6px rgba(33, 44, 79, .1)
}

.coaches__data-wrapper,
.coaches__link-inst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.coaches__link-inst {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 12px;
    top: 12px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    border-radius: 50%
}

.coaches__link-inst svg {
    fill: #202439;
    opacity: .5
}

.coaches__link-inst:hover {
    background-color: #9b9fb7;
    opacity: .5
}

.coaches__link-inst:hover svg {
    fill: #fff;
    opacity: 1
}

.coaches__link-inst:active,
.js-animation.coaches__item,
.js-animation.coaches__note-list {
    opacity: 1
}

.coaches__data-wrapper {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -21px;
    padding: 19px 0 30px;
    width: 100%;
    border-radius: 16px;
    pointer-events: none
}

@media (min-width:768px) {
    .coaches__data-wrapper {
        margin-top: -58px;
        padding: 18px 0 30px;
        min-height: 197px
    }
}

.coaches__data h3,
.coaches__data p {
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    font-size: 22px;
    line-height: 28px;
    font-weight: 800;
    pointer-events: none
}

.coaches__data p {
    margin: 8px 0 0;
    padding: 0 51px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

@media (min-width:768px) {
    .coaches__data p {
        margin: 8px 0 0
    }
}

.coaches__data-wrapper button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 18px 0 0;
    padding: 14px 20px;
    width: 158px;
    min-height: 50px;
    pointer-events: all
}

.coaches__data-wrapper button:focus,
.coaches__data-wrapper button:hover {
    background-color: #f87f46
}

.coaches__data-wrapper button:active {
    background-color: #ed692a;
    opacity: .6
}

.coaches__data-wrapper button:disabled {
    background-color: #ed692a;
    opacity: .3
}

@media (min-width:1024px) {
    .coaches-preview__list {
        margin-right: -20px
    }
    .coaches-preview__list li {
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        margin-right: 20px
    }
}

.discipline {
    padding-top: 20px;
    padding-bottom: 61px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) {
    .discipline {
        padding-top: 33px;
        padding-bottom: 72px
    }
}

@media (min-width:1024px) {
    .discipline {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 1000px;
        margin: 0 auto;
        padding-top: 17px;
        padding-bottom: 61px
    }
    .discipline::after {
        position: absolute;
        content: "";
        bottom: 14px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(32, 36, 57, .05)
    }
}

@media (min-width:768px) {
    .discipline__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1024px) {
    .discipline__info {
        width: 320px;
        margin: 0
    }
}

.discipline__parameters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px
}

@media (min-width:768px) {
    .discipline__parameters {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        padding-top: 38px
    }
}

@media (min-width:1024px) {
    .discipline__parameters {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 25px
    }
}

.discipline__parameters p {
    position: relative;
    max-width: 100px;
    margin: 0;
    padding-left: 25px
}

.discipline__parameters p::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 0;
    background: url(/local/templates/iteraciya/css/../img/icon-clock.svg) center no-repeat
}

@media (min-width:768px) {
    .discipline__parameters p {
        margin-right: 30px
    }
}

.discipline__parameters .discipline__brand svg {
    padding-top: 2px
}

@media (min-width:768px) and (max-width:1023px) {
    .discipline__description {
        width: 51%
    }
}

.discipline__description p {
    margin: 18px 0 0;
    padding-bottom: 43px
}

@media (min-width:1024px) {
    .discipline__description p {
        padding-right: 25px;
        padding-bottom: 33px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .discipline__video {
        width: 42.8%;
        height: auto;
        margin-top: 21px
    }
    .discipline__video video {
        width: 100%;
        height: auto
    }
}

@media (min-width:1024px) {
    .discipline__video video {
        width: 320px;
        height: auto
    }
    .discipline__video .video__overlay {
        width: 320px;
        height: 100%
    }
}

@media (min-width:768px) {
    .discipline .slider-main--discipline {
        padding: 0;
        margin: 0 auto;
        width: calc(100% - 104px)
    }
}

@media (min-width:1024px) {
    .discipline .slider-main--discipline {
        margin: 27px 0 0;
        min-height: 380px;
        width: 575px;
        max-width: 575px
    }
    .discipline .slider-main--discipline .swiper-navigation {
        display: block;
        width: 575px;
        height: 40px;
        padding: 0;
        margin: 0;
        top: calc(50% - 20px)
    }
    .discipline .slider-main--discipline .swiper-button-next,
    .discipline .slider-main--discipline .swiper-button-prev {
        opacity: 0;
        -webkit-transition: opacity 250ms ease-in;
        transition: opacity 250ms ease-in;
        top: 50.5%;
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff
    }
    .discipline .slider-main--discipline:focus-within .swiper-button-next,
    .discipline .slider-main--discipline:focus-within .swiper-button-prev,
    .discipline .slider-main--discipline:hover .swiper-button-next,
    .discipline .slider-main--discipline:hover .swiper-button-prev {
        opacity: 1
    }
    .discipline .slider-main--discipline .swiper-button-next::after,
    .discipline .slider-main--discipline .swiper-button-prev::after {
        position: absolute;
        top: 53%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 14px;
        font-weight: 700;
        color: #ed692a
    }
    .discipline .slider-main--discipline .swiper-button-next .swiper-button-disabled::after,
    .discipline .slider-main--discipline .swiper-button-prev .swiper-button-disabled::after {
        color: rgba(237, 105, 42, .85)
    }
}

.discipline .slider-main--discipline .swiper-button-next {
    right: 20px
}

.discipline .slider-main--discipline .swiper-button-next::after {
    left: 54%
}

.discipline .slider-main--discipline .swiper-button-prev {
    left: 20px
}

.discipline .slider-main--discipline .swiper-button-prev::after {
    left: 46%
}

@media (min-width:768px) {
    .discipline .slider-main--discipline>.slider-main__container {
        min-height: 442px;
        border-radius: 16px
    }
}

@media (min-width:1024px) {
    .discipline .slider-main--discipline>.slider-main__container {
        min-height: 380px;
        height: 380px
    }
}

.discipline .slider-main__slide--discipline {
    min-height: 320px
}

@media (min-width:768px) {
    .discipline .slider-main__slide--discipline {
        min-height: 442px;
        padding-top: 0
    }
}

@media (min-width:1024px) {
    .discipline .slider-main__slide--discipline {
        min-height: 380px
    }
}

.swiper-pagination.swiper-pagination--discipline {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 250px;
    left: calc(54% - 125px);
    height: 10px;
    bottom: 25px;
    margin: 0 auto
}

@media (min-width:768px) {
    .swiper-pagination.swiper-pagination--discipline {
        width: 250px;
        bottom: 25px;
        left: calc(50% - 125px)
    }
}

@media (min-width:1024px) {
    .swiper-pagination.swiper-pagination--discipline {
        left: calc(52% - 124px)
    }
}

.slider-main--discipline .slider-main__controls-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    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;
    height: 60px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .5)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%)
}

.swiper-pagination--discipline .swiper-pagination-bullet {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #202439;
    opacity: .3;
    cursor: pointer
}

.swiper-pagination--discipline .swiper-pagination-bullet-active {
    background-color: #fff
}

.discipline .slider-main__slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width:1023px) {
    .discipline .slider-main__slide {
        padding-bottom: 66%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .discipline__section-wrapper {
        position: relative;
        margin-bottom: 25px
    }
    .discipline__section-wrapper::after {
        position: absolute;
        content: "";
        top: -27px;
        left: 52px;
        width: calc(100% - 104px);
        height: 2px;
        background-color: rgba(32, 36, 57, .05)
    }
}

@media (min-width:1024px) {
    .discipline__section-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 1000px;
        margin: 0 auto;
        padding-top: 32px
    }
    .discipline__section-wrapper>.timetable {
        max-width: 490px
    }
    .discipline__section-wrapper>.group-training {
        max-width: 405px
    }
    .discipline__section-wrapper~.feedback {
        margin-top: 16px
    }
}

.js-animation.discipline {
    opacity: 1
}

.image-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.image-slider__gallery {
    width: 100%
}

.image-slider__item img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    vertical-align: bottom;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in, -webkit-transform 300ms ease-in
}

.image-slider__controls,
.image-slider__controls-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.image-slider__controls-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(225, 225, 225, 0)), to(rgba(225, 225, 225, .5)));
    background: linear-gradient(180deg, rgba(225, 225, 225, 0) 0%, rgba(225, 225, 225, .5) 100%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
}

.image-slider__controls {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 186px;
    height: 10px;
    margin: 0 auto
}

.image-slider__toggle {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.image-slider__toggle--inactive {
    background-color: #202439;
    opacity: .3
}

.image-slider__toggle--active {
    background-color: #fff
}

.image-slider__toggle:not(:last-of-type) {
    margin-right: 25px
}

.js-animation .image-slider__item img {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 16px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.video__block {
    position: relative;
    margin-bottom: 20px;
    border-radius: 16px;
    cursor: pointer
}

@media (min-width:768px) and (max-width:1023px) {
    .video__block {
        width: 100%;
        height: auto
    }
}

@media (min-width:1024px) {
    .video__block:hover .video__overlay {
        background-color: rgba(237, 105, 42, .3)
    }
    .video__block:hover+.video__description {
        color: #ed692a
    }
}

.video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: rgba(32, 36, 57, .3);
    z-index: 30
}

@media (min-width:768px) and (max-width:1023px) {
    .video__overlay {
        width: 100%;
        height: 100%
    }
}

.video video {
    border-radius: 16px;
    vertical-align: bottom
}

.video__play-button {
    position: absolute;
    top: calc(50% - 23px);
    left: calc(50% - 14px);
    z-index: 40;
    width: 28px;
    height: 40px;
    border: 0;
    padding: 0;
    background-color: transparent;
    background-image: url(/local/templates/iteraciya/css/../img/icon-video-play-btn.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer
}

@media (min-width:768px) and (max-width:1023px) {
    .video__play-button {
        top: calc(50% - 23px);
        left: calc(50% - 11px)
    }
}

@media (min-width:1024px) {
    .video__play-button {
        top: 38.6%;
        left: 47.2%
    }
}

.video__description {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #202439
}

.js-animation.video {
    opacity: 1
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable--full {
        position: relative;
        margin-top: 33px
    }
}

@media (min-width:1024px) {
    .timetable--full {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        max-width: 1000px;
        margin: 0 auto
    }
}

.timetable__filters-wrapper {
    display: none
}

@media (min-width:1024px) {
    .timetable__filters-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 105px;
        padding-top: 27px;
        width: 235px;
        min-height: 630px
    }
}

h3.timetable__title {
    font-weight: 800;
    font-size: 28px;
    line-height: 36px;
    margin-top: 17px;
    margin-bottom: 22px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) {
    h3.timetable__title {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    h3.timetable__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

@media (min-width:1024px) {
    h3.timetable__title {
        width: 100%
    }
}

.cloud__description p,
.timetable__wrapper {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable__wrapper {
        width: calc(100% - 104px);
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    .timetable--full .timetable__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 660px;
        padding-top: 44px
    }
}

.timetable__filters {
    position: relative;
    display: block;
    border: 0;
    margin: 22px 0 25px;
    max-width: 120px;
    padding-left: 46px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #ed692a;
    background-color: transparent
}

.timetable__filters::after,
.timetable__filters::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 13px;
    top: 4px;
    left: 18px;
    background: url(/local/templates/iteraciya/css/../img/icon-filters.svg) center no-repeat
}

.timetable__filters::after {
    top: 8px;
    left: 123px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0ca1b1
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable__filters {
        position: absolute;
        top: -55px;
        right: 61px;
        margin: 0
    }
}

@media (min-width:1024px) {
    .timetable__filters {
        display: none
    }
}

.career__wrapper input[type=radio],
.pop-up-filters__checkbox input,
.timetable__wrapper input[type=radio] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0, 0, 0, 0);
    overflow: hidden
}

@media (min-width:768px) {
    .timetable__calendar-wrapper {
        width: 100%;
        padding: 0 2px;
        background-color: #e8eaed;
        border-radius: 17px
    }
}

@media (min-width:1024px) {
    .timetable__calendar-wrapper {
        width: 490px
    }
    .timetable--full .timetable__calendar-wrapper {
        width: 100%
    }
    .timetable--full .timetable__calendar-list label {
        /*min-width: 90px;*/
        min-width: 47px;
        padding-top: 6px;
    }
}

.timetable__calendar-list {
    margin: 0;
    list-style: none;
    padding: 2px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 56px;
    background-color: #e8eaed;
    overflow-x: scroll;
    overflow-y: hidden
}

@media (min-width:768px) {
    .timetable__calendar-list {
        padding: 2px 0;
        border-radius: 17px;
        overflow-x: hidden
    }
}

.timetable__calendar-list label {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 56px;
    height: 52px;
    padding-top: 4px;
    color: rgba(32, 36, 57, .5);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable__calendar-list label {
        min-width: 48px
    }
}

@media (min-width:1024px) {
    .timetable__calendar-list label {
        min-width: 66px;
        padding-top: 6px
    }
}

.timetable__content {
    display: none;
    width: 100%;
    margin: 12px 0 22px;
    border-collapse: collapse
}

@media (min-width:768px) {
    .timetable__content {
        margin: 10px 0 22px
    }
}

.timetable__content-wrapper {
    margin: 0
}

@media (min-width:1024px) {
    .timetable__content-wrapper {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable--full .timetable__content-wrapper--full {
        width: 100%
    }
}

.timetable__content-wrapper--full .timetable__content {
    margin-top: 10px;
    margin-bottom: 59px
}

.timetable--full .timetable__content-wrapper--full .timetable__content {
    margin-bottom: 0
}

.timetable__calendar-list label.selected {
    background-color: #fff;
    border-radius: 16px
}

.timetable__calendar-list label.selected span,
.timetable__calendar-list label.selected:focus span,
.timetable__calendar-list label.selected:hover span {
    color: #202439
}

.timetable__content--selected {
    display: table
}

.timetable__calendar-day {
    font-size: 13px;
    line-height: 16px
}

@media (min-width:1024px) {
    .timetable__calendar-day {
        line-height: 14px
    }
}

.timetable__calendar-date {
    font-size: 18px;
    line-height: 29px;
    font-weight: 700
}

.timetable__calendar-list label:not(:last-of-type) {
    margin-right: 10px;
    margin-left: 10px;
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable__calendar-list label:not(: last-of-type) {
        margin-right: 4px
    }
}

@media (min-width:1024px) {
    .timetable__calendar-list label:not(: last-of-type) {
        margin-right: 4px
    }
}

.timetable__calendar-list label:hover span {
    color: #ed692a
}

.timetable__interval {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 19px 0 13px
}

@media (min-width:768px) {
    .timetable__interval {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.faq>ul>li:not(:last-of-type),
.timetable__interval:not(:last-of-type) {
    border-bottom: 2px solid rgba(32, 36, 57, .05)
}

.timetable--full~.feedback {
    margin-top: 4px
}

@media (min-width:768px) {
    .timetable--full~.feedback {
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .timetable--full~.feedback {
        margin-top: 35px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable--full~.feedback .feedback__wrapper {
        margin-top: 30px
    }
}

.timetable__interval--full .timetable__discipline-description {
    width: 100%;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #4c4f61
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable--full .timetable__interval--full .timetable__discipline-description {
        width: 100%;
        padding-right: 22%;
        margin-left: 22.8%
    }
}

@media (min-width:1024px) {
    .timetable--full .timetable__interval--full .timetable__discipline-description {
        margin-left: 25.7%;
        max-width: 360px
    }
}

.timetable__interval--full .timetable__timing {
    width: 40%
}

.timetable__content-wrapper--full .timetable__content .timetable__interval {
    padding: 19px 0 18px
}

.timetable--full .timetable__content-wrapper--full .timetable__content .timetable__interval--full,
.timetable__content-wrapper--full .timetable__content .timetable__interval--full {
    padding-top: 17px;
    padding-bottom: 14px
}

@media (min-width:1024px) {
    .timetable--full .timetable__content-wrapper--full .timetable__content .timetable__interval {
        padding: 18px 0 14px
    }
}

@media (min-width:1024px) {
    .timetable--full .timetable__content-wrapper--full .timetable__content .timetable__interval--full {
        padding-top: 18px;
        padding-bottom: 16px
    }
}

.timetable__interval--past td {
    opacity: .4
}

.timetable__discipline,
.timetable__timing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .timetable--full .timetable__content-wrapper--full .timetable__content .timetable__interval .timetable__discipline,
    .timetable__discipline,
    .timetable__timing {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .timetable__timing {
        width: 27%
    }
}

@media (min-width:1024px) {
    .timetable__timing {
        width: 34.5%
    }
}

@media (min-width:768px) {
    .timetable--full .timetable__timing {
        width: 22.8%
    }
}

@media (min-width:1024px) {
    .timetable--full .timetable__timing {
        width: 25.7%
    }
}

.timetable__discipline-coach,
.timetable__discipline-name {
    font-size: 14px;
    text-align: right
}

@media (min-width:1024px) {
    .timetable__discipline-coach,
    .timetable__discipline-name {
        text-align: left;
        cursor: pointer
    }
    .timetable__discipline-coach:hover,
    .timetable__discipline-name:hover {
        color: rgba(32, 36, 57, .7)
    }
}

.timetable__discipline-name {
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 18px
}

.timetable__discipline--brand {
    position: relative
}

@media (min-width:768px) and (max-width:1023px) {
    .timetable__discipline--brand {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.timetable__discipline-name.timetable__discipline-name--brand {
    position: absolute;
    right: 0;
    top: -19px
}

@media (min-width:768px) {
    .timetable--full .timetable__discipline-name.timetable__discipline-name--brand {
        top: 0;
        right: 7px
    }
}

@media (min-width:1024px) {
    .timetable--full .timetable__discipline-name.timetable__discipline-name--brand {
        top: 0;
        right: 0;
        left: 430px
    }
}

@media (min-width:768px) {
    .timetable--full .timetable__discipline-name.timetable__discipline-name--brand svg {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@media (min-width:1024px) {
    .timetable--full .timetable__discipline-name.timetable__discipline-name--brand svg {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.timetable__discipline-name--pay {
    position: relative;
    padding-right: 25px
}

.timetable__discipline-name--pay::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    right: 0;
    top: 0;
    background-color: #202439;
    background-image: url(/local/templates/iteraciya/css/../img/icon-rub.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.timetable__discipline-coach {
    line-height: 22px
}

.timetable__timing-start {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px
}

.timetable__timing-duration {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    color: #4c4f61
}

.timetable__interval--current .timetable__discipline-name,
.timetable__interval--current .timetable__timing-start {
    color: #ed692a
}

.timetable__link {
    position: relative;
    display: inline-block;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #ed692a
}

.timetable__link:hover {
    color: #f87f46
}

.timetable__link:active {
    color: #ed692a;
    opacity: .5
}

.timetable__link::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 11px;
    top: 4px;
    right: 0;
    background: url(/local/templates/iteraciya/css/../img/icon-arrow-orange.svg) center no-repeat
}

.timetable__link--bottom {
    margin-left: 18px;
    padding-right: 18px
}

@media (min-width:768px) {
    .timetable__link--bottom {
        display: none
    }
}

.timetable__link--top {
    display: none
}

@media (min-width:768px) {
    .timetable__link--top {
        display: inline-block;
        margin-left: 20px;
        padding-right: 18px
    }
}

.js-animation .timetable__wrapper {
    opacity: 1
}

.group-training {
    padding-top: 48px;
    padding-bottom: 5px
}

@media (min-width:768px) {
    .group-training {
        padding-top: 4px
    }
}

@media (min-width:1024px) {
    .group-training {
        margin: 0;
        padding-top: 0
    }
}

h3.group-training__title {
    font-weight: 800;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 26px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) {
    h3.group-training__title {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin: 16px 0 22px
    }
}

.group-training__list,
.group-training__list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.group-training__list-wrapper {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.group-training__list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

@media (min-width:768px) {
    .group-training__list {
        padding: 29px 0 21px 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-radius: 16px;
        background-color: #fff
    }
}

@media (min-width:1024px) {
    .group-training__list {
        padding: 29px 0 16px 40px
    }
}

.group-training__list li {
    margin-bottom: 18px;
    width: 46.5%
}

@media (min-width:768px) {
    .group-training__list li {
        width: 36.6%
    }
}

@media (min-width:1024px) {
    .group-training__list li {
        width: 49.2%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .group-training__list li:nth-of-type(3n) {
        width: 26.8%
    }
}

.group-training__list li a {
    padding-right: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #ed692a
}

@media (min-width:1024px) {
    .group-training__list li a:hover {
        color: #f87f46
    }
    .group-training__list li a:active {
        color: rgba(237, 105, 42, .5)
    }
}

.group-training__list li.group-training__item-current a {
    position: relative
}

.group-training__list li.group-training__item-current a::after {
    content: "";
    position: absolute;
    width: 93%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #ed692a
}

@media (min-width:1024px) {
    .group-training__list li.group-training__item-current a:hover::after {
        -webkit-transition: all .3s;
        transition: all .3s;
        background-color: #f87f46
    }
    .group-training__list li.group-training__item-current a:active::after {
        -webkit-transition: all .3s;
        transition: all .3s;
        background-color: rgba(237, 105, 42, .5)
    }
}

.group-training__list li.group-training__item-pay a {
    position: relative;
    padding-right: 25px
}

.group-training__list li.group-training__item-pay a::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    right: 0;
    top: 0;
    background-color: #ed692a;
    background-image: url(/local/templates/iteraciya/css/../img/icon-rub.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.group-training__list li svg {
    position: relative;
    top: 4px;
    left: 8px
}

.js-animation .group-training__title,
.js-animation .what-we-have__description img,
.js-animation h3.timetable__title,
.js-animation.bracelet__features-item h3,
.js-animation.bracelet__features-item img,
.js-animation.cloud__description img {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.faq ul li.is-open .faq__answer p,
.js-animation .group-training__list-wrapper,
.js-animation.bracelet__features-item p,
.js-animation.cloud__description p {
    opacity: 1
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #202439;
    opacity: .7;
    z-index: 80
}

.cloud__image picture,
.overlay--active {
    display: block
}

.cloud {
    padding-bottom: 55px
}

@media (min-width:768px) and (max-width:1023px) {
    .cloud {
        padding-bottom: 10px
    }
}

@media (min-width:1024px) {
    .cloud {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1000px;
        margin: 0 auto 61px;
        padding-top: 29px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .cloud__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .cloud__content .video__block {
        width: 100%
    }
    .cloud__content .video {
        width: 42.8%;
        height: 100%;
        margin-bottom: 55px
    }
    .cloud__content .video__overlay {
        width: 100%;
        height: 100%
    }
    .cloud__content video,
    .cloud__content iframe {
        width: 100%;
        height: auto
    }
}

@media (min-width:1024px) {
    .cloud__content {
        max-width: 350px;
        width: 350px;
        margin: 0
    }
    .cloud__content .video,
    .cloud__content .video__overlay,
    .cloud__content video,
    .cloud__content iframe {
        width: 320px;
        height: 180px
    }
}

.cloud__image {
    position: relative;
    background-color: #fff;
    height: 306px;
    padding-top: 25px;
    margin-top: 20px;
    margin-bottom: 25px;
    overflow: hidden
}

@media (min-width:768px) {
    .cloud__image {
        width: calc(100% - 104px);
        height: 442px;
        margin: 33px auto 50px;
        padding-top: 63px;
        border-radius: 16px
    }
}

@media (min-width:1024px) {
    .cloud__image {
        width: 575px;
        height: 380px;
        margin: 15px 0 0;
        padding-top: 33px
    }
}

.cloud__image img {
    display: block;
    margin: 0 auto
}

@media (min-width:768px) {
    .cloud__image img {
        width: 217px;
        height: auto
    }
}

.cloud__description {
    margin-bottom: 43px
}

@media (min-width:768px) and (max-width:1023px) {
    .cloud__description {
        width: 49%
    }
}

.cloud__description img {
    float: left;
    width: 55px;
    height: auto;
    margin-right: 15px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) and (max-width:1023px) {
    .cloud__description p {
        margin-top: 0
    }
}

@media (min-width:1024px) {
    .cloud__description p {
        padding-right: 30px
    }
}

.bracelet {
    padding-top: 29px;
    padding-bottom: 5px;
    border-radius: 16px 16px 0 0;
    background-color: #fff
}

@media (min-width:768px) {
    .bracelet {
        border-radius: 16px;
        padding: 31px 76px 16px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .bracelet {
        margin-bottom: 30px
    }
}

@media (min-width:1024px) {
    .bracelet,
    .bracelet__promo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .bracelet {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 41px 60px 87px
    }
    .bracelet__promo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 260px
    }
}

.bracelet__title h2 {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    margin: 0 auto 41px;
    text-align: center
}

@media (min-width:768px) {
    .bracelet__title h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 37px
    }
}

@media (min-width:1024px) {
    .bracelet__title h2 {
        text-align: left;
        margin-bottom: 51px
    }
}

.bracelet__image {
    position: relative;
    margin-bottom: 48px
}

.bracelet__image img {
    display: block;
    margin: 0 auto;
    font-size: 10px
}

@media (min-width:1024px) {
    .bracelet__features-wrapper {
        width: 600px
    }
}

.bracelet__features-list,
.club__gallery ul,
.faq>ul,
.faq__answer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width:768px) {
    .bracelet__features-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 22px
    }
}

@media (min-width:1024px) {
    .bracelet__features-list {
        padding-top: 8px
    }
}

.bracelet__features-item {
    margin-bottom: 29px
}

.bracelet__features-item:nth-of-type(3) {
    margin-bottom: 38px
}

@media (min-width:768px) {
    .bracelet__features-item:nth-of-type(3) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
}

@media (min-width:1024px) {
    .bracelet__features-item:nth-of-type(3) {
        margin-bottom: 33px
    }
}

@media (min-width:768px) {
    .bracelet__features-item {
        width: 40.6%;
        margin-bottom: 23px
    }
}

@media (min-width:1024px) {
    .bracelet__features-item {
        width: 260px;
        margin-bottom: 33px;
        padding-right: 23px
    }
}

@media (min-width:768px) {
    .bracelet__features-item:nth-of-type(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .bracelet__features-item:nth-of-type(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 25px
    }
}

@media (min-width:1024px) {
    .bracelet__features-item:nth-of-type(2) {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .bracelet__features-item:nth-of-type(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-bottom: 0
    }
    .bracelet__features-item:nth-of-type(5) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .bracelet__features-item:nth-of-type(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

.bracelet__features-item--video {
    margin-top: 47px
}

@media (min-width:768px) and (max-width:1023px) {
    .bracelet__features-item--video {
        margin-top: 26px
    }
    .bracelet__features-item--video .video {
        height: 100%
    }
    .bracelet__features-item--video .video__overlay {
        width: 100%;
        height: 100%
    }
    .bracelet__features-item--video video,
    .bracelet__features-item--video iframe {
        width: 100%;
        height: auto
    }
    .bracelet__features-item--video .video__block button {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        top: calc(50% - 22px);
        left: 44.5%
    }
}

@media (min-width:1024px) {
    .bracelet__features-item--video {
        margin-top: 46px
    }
    .bracelet__features-item--video .video,
    .bracelet__features-item--video .video__overlay,
    .bracelet__features-item--video video,
    .bracelet__features-item--video iframe {
        width: 235px;
        height: 132px
    }
    .bracelet__features-item--video .video__block button {
        top: 33.6%;
        left: 45.2%
    }
    .bracelet__features-item--video .bracelet__video .video__description {
        padding: 0
    }
}

.bracelet__features-item img {
    margin-right: 16px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.bracelet__features-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px
}

@media (min-width:1024px) {
    .bracelet__features-title {
        margin-bottom: 11px
    }
}

.bracelet__features-title picture {
    max-width: 60px;
    height: 40px
}

@media (min-width:768px) {
    .bracelet__features-title picture {
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.bracelet__features-title img {
    font-size: 7px
}

.bracelet__features-item h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.bracelet__features-item p {
    margin: 0;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.bracelet__video .video__description {
    padding: 0 20px
}

.faq {
    padding-bottom: 7px;
    margin-top: 23px
}

@media (min-width:768px) {
    .faq {
        margin-top: 11px;
        padding-bottom: 24px
    }
}

@media (min-width:1024px) {
    .faq {
        margin-top: 19px;
        padding-bottom: 7px
    }
    .faq~.feedback {
        margin-top: 0
    }
    .faq~.feedback .feedback__wrapper {
        margin-top: 26px
    }
}

@media (min-width:1024px) {
    .faq>ul>li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 37px;
        padding-bottom: 8px
    }
}

.faq__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0 19px;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:768px) and (max-width:1023px) {
    .faq__question {
        padding: 24px 0
    }
}

@media (min-width:1024px) {
    .faq__question {
        width: 34%;
        padding: 0
    }
}

.faq__question h3 {
    width: 100%;
    margin: 0;
    padding-right: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #202439;
    cursor: pointer;
    position: relative
}

.faq>ul>li.is-open .faq__question h3::after,
.faq__question h3::after {
    -webkit-transition: -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in;
    transition: transform 200ms ease-in, -webkit-transform 200ms ease-in
}

.faq__question h3::after {
    position: absolute;
    content: "";
    top: 6px;
    right: 1px;
    width: 13px;
    height: 8px;
    background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-down-ebony.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    outline: 0
}

@media (min-width:768px) {
    .faq__question h3::after {
        top: 3px;
        right: -5px;
        height: 20px;
        width: 25px;
        background-size: 65%
    }
}

@media (min-width:1024px) {
    .faq__question h3::after {
        display: none
    }
}

@media (min-width:768px) {
    .faq__question h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px
    }
}

@media (min-width:1024px) {
    .faq__question h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        padding-right: 100px;
        margin-bottom: 24px;
        cursor: default
    }
}

@media (max-width:1023px) {
    .faq__answer {
        display: block;
        max-height: 0;
        opacity: 0;
        -webkit-transition: max-height 300ms ease-out, opacity 200ms ease-out;
        transition: max-height 300ms ease-out, opacity 200ms ease-out
    }
}

@media (min-width:1024px) {
    .faq__answer {
        width: 66%
    }
}

@media (max-width:1023px) {
    .faq>ul>li.is-open .faq__answer {
        display: block;
        max-height: 600px;
        opacity: 1
    }
}

.faq>ul>li.is-open .faq__question h3::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq__answer li,
.faq__answer p {
    margin: 0 0 13px;
    font-size: 14px;
    line-height: 22px;
    color: #4c4f61;
    opacity: 0;
    -webkit-transition: opacity 150ms ease-in 200ms;
    transition: opacity 150ms ease-in 200ms;
    cursor: default
}

.faq__answer li {
    position: relative;
    padding-left: 9px
}

.faq__answer li::before {
    content: "- ";
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width:768px) and (max-width:1023px) {
    .faq ul li.is-open .faq__question {
        padding: 24px 0 17px
    }
}

.faq__answer p:last-child {
    margin-bottom: 24px
}

.faq li,
.faq__question h3 {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

p.js-animation {
    opacity: 1
}

.what-we-have {
    margin-top: 22px
}

@media (min-width:768px) {
    .what-we-have {
        margin-top: 32px
    }
}

@media (min-width:1024px) {
    .what-we-have {
        margin-top: 41px
    }
    .what-we-have~.feedback {
        margin-top: 46px
    }
}

.what-we-have__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:628px) {
    .what-we-have__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.what-we-have__list li {
    margin-bottom: 30px;
    width: 100%
}

.what-we-have__list li:last-of-type {
    margin-bottom: 0
}

.what-we-have__list li:nth-of-type(2n) {
    margin-right: 0
}

@media (min-width:1024px) {
    .what-we-have__list li:nth-of-type(2n) {
        margin-right: 20px
    }
    .what-we-have__list li:nth-of-type(3n) {
        margin-right: 0
    }
}

@media (min-width:628px) {
    .what-we-have__list li {
        margin-right: 24px;
        width: calc((100% - 24px)/2);
        min-height: 287px
    }
}

@media (min-width:768px) {
    .what-we-have__list li {
        margin-bottom: 30px;
        margin-right: 24px
    }
}

@media (min-width:1024px) {
    .what-we-have__list li {
        min-height: 210px;
        margin-right: 20px;
        margin-bottom: 20px;
        width: calc((100% - 40px)/3)
    }
    .what-we-have__list li:last-of-type {
        height: 200px;
        margin-right: 0;
        width: 100%;
    }
}

.what-we-have__item {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 19px 83px 24px 25px;
    min-height: 210px;
    height: auto;
    border-radius: 16px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:628px) {
    .what-we-have__item {
        height: 100%
    }
}

@media (min-width:768px) {
    .what-we-have__item {
        padding: 19px 83px 29px 25px
    }
}

@media (min-width:1024px) {
    .what-we-have__item {
        padding: 19px 74px 23px 25px;
        height: auto
    }
}

.what-we-have__item:hover {
    -webkit-box-shadow: 0 2px 6px rgba(33, 44, 79, .2);
    box-shadow: 0 2px 6px rgba(33, 44, 79, .2)
}

.what-we-have__item--equipment {
    background-image: url(/local/templates/iteraciya/css/../img/gym-background2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #ed692a
}

@media (min-width:768px) {
    .what-we-have__item--equipment {
        background-position: right 19px bottom -3px
    }
}

@media (min-width:1024px) {
    .what-we-have__item--equipment {
        background-position: right 16px bottom 0
    }
}

.what-we-have__item--group,
.what-we-have__item--spa {
    background-image: url(/local/templates/iteraciya/css/../img/group-programs-background2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #202439
}

.what-we-have__item--spa {
    background-image: url(/local/templates/iteraciya/css/../img/spa-background2.png);
    background-color: #0ca1b1
}

@media (min-width:768px) {
    .what-we-have__item--spa {
        background-position: right 9px bottom -3px
    }
}

@media (min-width:1024px) {
    .what-we-have__item--spa {
        background-position: right 7px bottom 0
    }
}

.what-we-have__item--application {
    padding-right: 34px;
    background-color: #fff
}

@media (min-width:628px) {
    .what-we-have__item--application {
        height: 287px
    }
}

@media (min-width:1024px) {
    .what-we-have__item--application {
        padding-right: 40px;
        min-height: auto;
        height: 199px
    }
}

.what-we-have__item h3 {
    margin: 0;
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    pointer-events: none
}

.what-we-have__item--application h3 {
    color: #202439
}

@media (min-width:1024px) {
    .what-we-have__item--application h3 {
        position: absolute
    }
}

.what-we-have__description,
.what-we-have__item p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 22px
}

.what-we-have__item b,
.what-we-have__item p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    color: #fff
}

.what-we-have__item p {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    pointer-events: none;
    margin: 17px 0 0;
    font-size: 16px
}

.what-we-have__item b {
    margin: 0 6px 0 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    font-size: 18px;
    line-height: 28px
}

.what-we-have__description {
    display: block;
    margin-top: 18px;
    margin-bottom: 20px;
    margin-left: 0;
    font-weight: 400;
    font-size: 14px;
    color: #202439;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:628px) {
    .what-we-have__description {
        margin-top: 19px;
        margin-left: 2px;
        overflow: hidden;
        height: 128px
    }
}

@media (min-width:1024px) {
    .what-we-have__description {
        margin-top: 6px;
        text-indent: 0
    }
}

.what-we-have__description img {
    float: left;
    margin: 3px 11px 0 -2px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:628px) {
    .what-we-have__description img {
        margin: 0 15px 0 0
    }
}

@media (min-width:1024px) {
    .what-we-have__description img {
        margin-top: 44px;
        margin-right: 257px
    }
}

.what-we-have__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding-right: 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    pointer-events: none;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 300ms ease-in 200ms;
    transition: transform 300ms ease-in 200ms;
    transition: transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.what-we-have__link::before {
    content: "";
    position: absolute;
    top: 6px;
    right: 2px;
    width: 7px;
    height: 11px;
    background-image: url(/local/templates/iteraciya/css/../img/arrow-white.svg);
    background-repeat: no-repeat
}

.pop-up-filters li a:hover,
.what-we-have__link:hover {
    opacity: .7
}

.pop-up-filters li a:active,
.what-we-have__link:active {
    opacity: .5
}

.what-we-have__link--application {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    color: #ed692a
}

.what-we-have__link--application::before {
    background-image: url(/local/templates/iteraciya/css/../img/arrow-orange.svg);
    background-repeat: no-repeat
}

@media (min-width:1024px) {
    .what-we-have__link--application {
        margin-left: 314px
    }
}

.what-we-have__link--application:hover {
    color: #f87f46
}

.what-we-have__link--application:active {
    color: #ed692a;
    opacity: .5
}

.js-animation .what-we-have__description,
.js-animation.what-we-have__item {
    opacity: 1
}

.js-animation .what-we-have__link {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

:root {
    --club-top-padding: 71px
}

.club {
    position: relative;
    padding-top: 71px;
    padding-top: var(--club-top-padding)
}

@media (min-width:768px) and (max-width:1023px) {
    .club {
        padding-top: 114px
    }
}

@media (min-width:1024px) {
    .club {
        padding-top: 148px
    }
    .club h2 {
        margin-left: 0
    }
}

.club__header {
    position: fixed;
    top: 54px;
    right: 0;
    left: 0;
    min-height: 72px;
    background-color: #f3f4f7;
    -webkit-box-shadow: 0 2px 10px transparent;
    box-shadow: 0 2px 10px transparent;
    z-index: 55;
    -webkit-transition: top 300ms ease-in, -webkit-box-shadow 300ms ease-in;
    transition: top 300ms ease-in, box-shadow 300ms ease-in;
    transition: top 300ms ease-in, box-shadow 300ms ease-in, -webkit-box-shadow 300ms ease-in
}

@media (min-width:768px) and (max-width:1023px) {
    .club__header {
        top: 79px;
        min-height: auto;
        margin: 0
    }
}

@media (min-width:1024px) {
    .club__header {
        top: 99px;
        max-width: none;
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .club__menu-wrapper {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 52px
    }
}

@media (min-width:1024px) {
    .club__menu-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.club__header h1 {
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-bottom: 3px;
    padding-right: 18px;
    padding-left: 18px
}

@media (min-width:768px) and (max-width:1023px) {
    .club__header h1 {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 10000px;
        margin: 0;
        padding: 2px 5px 0 52px;
        z-index: 65
    }
}

@media (min-width:1024px) {
    .club__header h1 {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 10000px;
        margin-top: 2px;
        margin-bottom: 18px;
        margin-left: 0;
        padding-right: calc((100vw - 1000px)/2);
        padding-left: calc((100vw - 1000px)/2)
    }
}

.club__menu-item a,
.club__menu-toggle {
    font-size: 14px;
    line-height: 18px;
    color: #ed692a
}

.club__menu-item a {
    font-weight: 700
}

.club__menu-item a:focus,
.club__menu-item a:focus svg,
.club__menu-item a:hover,
.club__menu-item a:hover svg,
.club__menu-toggle:focus,
.club__menu-toggle:focus svg,
.club__menu-toggle:hover,
.club__menu-toggle:hover svg {
    color: #f87f46;
    outline: 0;
    fill: #f87f46
}

.club__menu-item a:active,
.club__menu-item a:active svg,
.club__menu-toggle:active,
.club__menu-toggle:active svg {
    color: rgba(237, 105, 42, .5);
    opacity: 1;
    fill: rgba(237, 105, 42, .5)
}

@media (min-width:1024px) {
    .club__menu-item a {
        font-size: 12px;
        line-height: 18px;
        opacity: .5
    }
    .club__menu-item a:focus,
    .club__menu-item a:hover {
        color: #f87f46;
        opacity: 1
    }
    .club__menu-item a:active {
        color: #ed692a;
        opacity: .5
    }
    .club__menu-item a.visible {
        color: #ed692a;
        opacity: 1
    }
}

.club__menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 32px;
    padding: 0 18px;
    background-color: #f3f4f7;
    z-index: 60
}

@media (min-width:768px) and (max-width:1023px) {
    .club__menu-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-item-align: center;
        align-self: center;
        width: auto;
        max-width: 220px;
        min-height: 52px;
        margin-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        opacity: 0;
        pointer-events: none
    }
}

@media (min-width:1024px) {
    .club__menu-toggle {
        display: none
    }
}

.club__menu-toggle svg {
    fill: #ed692a
}

@media (min-width:768px) and (max-width:1023px) {
    .club__menu-toggle svg {
        margin-left: 10px
    }
}

.club__menu {
    margin: 0;
    list-style: none;
    display: none;
    padding: 0 18px 14px
}

@media (min-width:768px) and (max-width:1023px) {
    .club__menu {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: -10px;
        padding-right: 52px;
        padding-left: 52px
    }
}

@media (min-width:1024px) {
    .club__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: calc((100% - 1000px)/2);
        padding-left: calc((100% - 1000px)/2);
        padding-bottom: 4px;
        background-color: rgba(32, 36, 57, .05)
    }
}

.club__menu-item {
    padding: 8px 0 5px
}

@media (min-width:768px) and (max-width:1023px) {
    .club__menu-item {
        text-align: center
    }
}

@media (min-width:1024px) {
    .club__menu-item {
        margin-right: 34px;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.is-scrolled .club__header {
    -webkit-box-shadow: 0 2px 10px rgba(33, 44, 79, .1);
    box-shadow: 0 2px 10px rgba(33, 44, 79, .1)
}

@media (min-width:1024px) {
    .is-scrolled .club__header {
        top: 59px;
        min-height: 50px;
        padding-top: 2px
    }
}

.is-scrolled .club__header h1 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #202439
}

@media (min-width:768px) and (max-width:1023px) {
    .is-scrolled .club__header h1 {
        max-width: 300px;
        margin: 0;
        padding-top: 15px
    }
}

@media (min-width:1024px) {
    .is-scrolled .club__header h1 {
        max-width: calc((100vw - 1000px)/2 + 140px);
        margin-right: auto;
        padding-right: 0
    }
}

.is-scrolled .club__menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) and (max-width:1023px) {
    .is-scrolled .club__menu-toggle {
        opacity: 1;
        pointer-events: unset
    }
}

@media (min-width:1024px) {
    .is-scrolled .club__menu-toggle {
        display: none
    }
    .is-scrolled .club__menu-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .is-scrolled .club__menu {
        -ms-flex-preferred-size: 830px;
        flex-basis: 830px;
        margin-right: calc((100% - 1000px)/2);
        padding-right: 0;
        padding-left: 0;
        background-color: transparent
    }
    .is-scrolled .club__menu-item {
        padding-top: 10px
    }
}

.club__header.is-open .club__menu,
.coaches-preview__list a {
    display: block
}

.club__header.is-open .club__menu-toggle {
    color: rgba(237, 105, 42, .5)
}

.club__header.is-open .club__menu-toggle svg {
    fill: rgba(237, 105, 42, .5);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.club__header.is-open .club__menu-toggle:hover,
.club__header.is-open .club__menu-toggle:hover svg {
    color: #f87f46;
    outline: 0;
    opacity: 1;
    fill: #f87f46
}

.club__header.is-open .club__menu-toggle:focus,
.club__header.is-open .club__menu-toggle:focus svg {
    color: rgba(237, 105, 42, .5);
    outline: initial;
    opacity: 1;
    fill: rgba(237, 105, 42, .5)
}

.club__header.is-open .club__menu-toggle:active,
.club__header.is-open .club__menu-toggle:active svg {
    color: rgba(237, 105, 42, .5);
    fill: rgba(237, 105, 42, .5)
}

.club__wrapper-gallery-amenities {
    padding: 0
}

@media (min-width:768px) {
    .club__wrapper-gallery-amenities {
        position: relative;
        margin-bottom: 25px
    }
    .club__wrapper-gallery-amenities::after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #efeff4
    }
}

@media (min-width:1024px) {
    .club__wrapper-gallery-amenities {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin: 50px auto 97px;
        max-width: 1000px
    }
    .club__wrapper-gallery-amenities::after {
        bottom: -72px
    }
}

.club__gallery {
    position: relative;
    margin-bottom: 30px
}

@media (min-width:768px) {
    .club__gallery {
        margin-bottom: 44px
    }
}

@media (min-width:1024px) {
    .club__gallery {
        margin-bottom: 0
    }
}

.club__gallery h3 {
    padding-right: 18px;
    padding-left: 18px
}

@media (min-width:768px) {
    .club__gallery .swiper-container {
        border-radius: 16px;
        overflow: hidden
    }
}

@media (min-width:1024px) {
    .club__gallery ul {
        width: 575px
    }
}

.club__gallery li {
    height: 320px;
    min-height: 320px;
    cursor: pointer
}

@media (min-width:484px) {
    .club__gallery li {
        position: relative;
        height: auto;
        padding-bottom: 66.1%
    }
}

@media (min-width:1024px) {
    .club__gallery li {
        height: 380px
    }
}

.club__gallery img,
.club__gallery picture {
    min-width: 100%;
    min-height: 100%;
    font-size: 0;
    line-height: 0
}

@media (min-width:484px) {
    .club__gallery picture {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        padding-bottom: 66.1%
    }
}

.club__gallery img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:484px) {
    .club__gallery img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0
    }
}

.club__gallery .swiper-navigation {
    display: none
}

@media (min-width:1024px) {
    .club__gallery .swiper-navigation {
        display: block
    }
    .club__gallery .swiper-button-next,
    .club__gallery .swiper-button-prev {
        top: 50.5%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #fff;
        opacity: 0;
        -webkit-transition: opacity 250ms ease-in;
        transition: opacity 250ms ease-in
    }
    .club__gallery .swiper-button-next::after,
    .club__gallery .swiper-button-prev::after {
        position: absolute;
        top: 53%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 14px;
        font-weight: 700;
        color: #ed692a
    }
    .club__gallery .swiper-button-prev {
        left: 20px
    }
    .club__gallery .swiper-button-prev::after {
        left: 46%
    }
    .club__gallery .swiper-button-next {
        right: 20px
    }
    .club__gallery .swiper-button-next::after {
        left: 54%
    }
    .club__gallery:focus-within .swiper-button-next,
    .club__gallery:focus-within .swiper-button-prev,
    .club__gallery:hover .swiper-button-next,
    .club__gallery:hover .swiper-button-prev {
        opacity: 1
    }
    .club__gallery:focus-within .swiper-button-next.swiper-button-disabled,
    .club__gallery:focus-within .swiper-button-prev.swiper-button-disabled,
    .club__gallery:hover .swiper-button-next.swiper-button-disabled,
    .club__gallery:hover .swiper-button-prev.swiper-button-disabled {
        opacity: .35
    }
    .club__gallery:focus-within .swiper-button-next.swiper-button-disabled::after,
    .club__gallery:focus-within .swiper-button-prev.swiper-button-disabled::after,
    .club__gallery:hover .swiper-button-next.swiper-button-disabled::after,
    .club__gallery:hover .swiper-button-prev.swiper-button-disabled::after {
        color: rgba(237, 105, 42, .85)
    }
    .club__gallery .swiper-pagination {
        cursor: pointer
    }
}

.club__gallery .swiper-pagination-bullet {
    width: 5px;
    height: 5px
}

.club__gallery .swiper-pagination-bullet-active,
.club__gallery-3d {
    background-color: #fff
}

.club__gallery .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 23px;
    padding-left: 25px
}

@media (min-width:768px) {
    .club__gallery .swiper-container-horizontal>.swiper-pagination-bullets {
        position: absolute
    }
}

.club__gallery-3d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #ed692a;
    position: absolute;
    top: 18px;
    right: 18px;
    max-width: 150px;
    padding: 9px 12px;
    font-size: 12px;
    line-height: 18px;
    z-index: 1
}

.club__gallery-3d:focus,
.club__gallery-3d:hover {
    color: #fff;
    background-color: #ed692a
}

.club__gallery-3d:active {
    background-color: #ed692a;
    opacity: .6
}

.club__gallery-3d:disabled {
    background-color: #ed692a;
    opacity: .3
}

.club__amenities {
    margin-right: 18px;
    margin-left: 18px;
    margin-bottom: 30px;
    overflow-x: hidden;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) {
    .club__amenities {
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px
    }
}

@media (min-width:1024px) {
    .club__amenities {
        margin-right: 18px;
        margin-bottom: 0
    }
}

.club__amenities-list,
.club__amenities-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.club__amenities-list {
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6.4% 0 0
}

@media (min-width:768px) {
    .club__amenities-list {
        margin-right: -2.9%
    }
}

@media (min-width:1024px) {
    .club__amenities-list {
        padding-top: 20px
    }
}

.club__amenities-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 43.6%;
    flex-basis: 43.6%;
    margin-right: 6.4%;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:768px) {
    .club__amenities-list li {
        -ms-flex-preferred-size: 30.4%;
        flex-basis: 30.4%;
        margin-right: 2.9%;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:1024px) {
    .club__amenities-list li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin-right: 40px;
        padding-left: 0
    }
}

.club__amenities-list p {
    font-size: 12px;
    line-height: 18px;
    color: #656875;
    width: 90px;
    margin-top: 10px;
    text-align: center;
    overflow: hidden
}

.club__amenities-list p:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
    margin: 0
}

.club__amenities-list p:nth-child(2) {
    height: 60px
}

@media (min-width:768px) {
    .club__amenities-list p {
        width: auto
    }
}

@media (min-width:1024px) {
    .club__amenities-list p {
        width: 150px
    }
    .club__amenities-list p:first-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .club__amenities-list p:nth-child(2) {
        height: 52px;
        text-align: left
    }
}

.club__slider-main {
    margin-bottom: 36px
}

@media (min-width:768px) {
    .club__slider-main {
        /*display: none*/
    }
}

.club__slider-main .swiper-slide {
    min-height: 468px;
    padding-top: 0;
    padding-bottom: 52px
}

.club__slider-main .swiper-navigation {
    top: 28px
}

.club__plans {
    margin-bottom: -10px
}

@media (min-width:768px) {
    .club__plans {
        min-height: auto;
        margin-bottom: 48px
    }
}

@media (min-width:1024px) {
    .club__plans {
        margin-bottom: 45px
    }
}

.club__plans h2 {
    position: relative;
    margin-bottom: -16px
}

@media (min-width:768px) {
    .club__plans h2 {
        position: relative;
        margin-bottom: 22px;
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .club__plans h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width:1024px) {
    .club__plans h2 {
        position: relative;
        margin-bottom: 32px
    }
}

.club__wrapper-timetable-groups {
    padding: 0
}

@media (min-width:768px) and (max-width:1023px) {
    .club__wrapper-timetable-groups {
        width: auto;
        margin: 0
    }
}

@media (min-width:1024px) {
    .club__wrapper-timetable-groups {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 7px
    }
}

.club__timetable {
    margin-bottom: 60px
}

@media (min-width:768px) {
    .club__timetable {
        margin-bottom: 28px
    }
}

@media (min-width:1024px) {
    .club__timetable {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        max-width: 490px;
        margin-right: 105px;
        margin-bottom: 0
    }
}

.club__timetable h2 {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .club__timetable h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .club__timetable h2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1024px) {
    .club__timetable h2 {
        overflow: hidden
    }
}

@media (min-width:768px) {
    .club__timetable .timetable__content-wrapper {
        width: auto
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .club__timetable .timetable__timing {
        width: 22.8%
    }
}

.club__group-training {
    margin-bottom: 38px
}

@media (min-width:768px) {
    .club__group-training {
        margin-bottom: 42px
    }
}

@media (min-width:1024px) {
    .club__group-training {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 405px;
        margin-bottom: 0
    }
}

.club__group-training h2 {
    margin-bottom: 25px;
    overflow: hidden
}

@media (min-width:768px) {
    .club__group-training h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-left: 0;
        margin-bottom: 20px
    }
}

.club__coaches-preview {
    margin-bottom: 60px
}

@media (min-width:768px) {
    .club__coaches-preview {
        margin-bottom: 3px
    }
}

.club__news {
    margin-bottom: 30px
}

@media (min-width:768px) {
    .club__news {
        margin-bottom: 0
    }
    .club__wrapper-cloud-contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 35px
    }
}

@media (min-width:1024px) {
    .club__wrapper-cloud-contacts {
        margin-bottom: 32px
    }
}

.club__cloud {
    margin-bottom: 60px
}

@media (min-width:768px) {
    .club__cloud {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 284px;
        margin-right: 96px;
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .club__cloud {
        width: 490px;
        margin-right: 105px
    }
}

.club__cloud h2 {
    margin-bottom: 22px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) {
    .club__cloud h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-left: 0
    }
}

.club__cloud p {
    margin-top: 0
}

.club__cloud div {
    margin-bottom: 34px;
    padding: 24px 24px 20px;
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden
}

.club__cloud img,
.club__contacts h2 {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.club__cloud img {
    float: left;
    width: 55px;
    height: auto;
    margin-right: 10px;
    margin-top: 4px
}

@media (min-width:768px) {
    .club__contacts {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 284px
    }
}

@media (min-width:1024px) {
    .club__contacts {
        width: 405px
    }
}

.club__contacts h2 {
    margin-bottom: 22px
}

@media (min-width:768px) {
    .club__contacts h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-left: 0
    }
}

.club__news h2 {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.club__cloud p,
.club__contacts div,
.club__news div {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.club__contacts div {
    padding: 4px 25px 30px;
    background-color: #fff;
    border-radius: 16px
}

.club__contacts p {
    margin: 0;
    padding: 20px 0 18px;
    overflow: hidden
}

.club__contacts p:not(:last-of-type) {
    border-bottom: 2px solid rgba(32, 36, 57, .05)
}

.club__contacts button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    width: 100%;
    margin-top: 6px;
    padding: 17px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

.club__contacts button:focus,
.club__contacts button:hover {
    background-color: #f87f46
}

.club__contacts button:active {
    background-color: #ed692a;
    opacity: .6
}

.club__contacts button:disabled {
    background-color: #ed692a;
    opacity: .3
}

@media (min-width:1024px) {
    .club__feedback {
        margin-top: 25px
    }
}

.js-animation.club__amenities,
.js-animation.club__cloud p,
.js-animation.club__contacts div,
.js-animation.club__news div {
    opacity: 1
}

.js-animation.club__cloud h2,
.js-animation.club__cloud img,
.js-animation.club__contacts h2,
.js-animation.club__news h2 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.js-animation.club__contacts button {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.coaches-preview {
    overflow-x: hidden;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

h2.coaches-preview__title {
    margin-bottom: 22px;
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) {
    h2.coaches-preview__title {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    h2.coaches-preview__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.read-more-link.coaches-preview__link--top {
    display: none;
    margin-left: 20px
}

@media (min-width:768px) {
    .read-more-link.coaches-preview__link--top {
        display: inline
    }
    .read-more-link.coaches-preview__link--bottom {
        display: none
    }
}

.coaches-preview__list {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7% 12px 0
}

@media (min-width:768px) and (max-width:1023px) {
    .coaches-preview__list {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .coaches-preview__list {
        margin-right: -20px
    }
}

.coaches-preview__list li {
    -ms-flex-preferred-size: 43.4%;
    flex-basis: 43.4%;
    max-width: 43.4%;
    margin-right: 6.6%;
    margin-bottom: 12px
}

.coaches-preview__list li:focus h3,
.coaches-preview__list li:focus-within h3,
.coaches-preview__list li:hover h3 {
    color: #ed692a
}

.coaches-preview__list li:not(:nth-child(-n+4)) {
    display: none
}

@media (min-width:768px) and (max-width:1023px) {
    .coaches-preview__list li {
        -ms-flex-preferred-size: 31.3%;
        flex-basis: 31.3%;
        margin-right: 3%
    }
    .coaches-preview__list li:nth-child(3n) {
        margin-right: 0
    }
    .coaches-preview__list li:nth-child(-n+3) {
        display: block
    }
    .coaches-preview__list li:not(:nth-child(-n+3)) {
        display: none
    }
}

@media (min-width:1024px) {
    .coaches-preview__list li {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 150px;
        margin-right: 20px
    }
    .coaches-preview__list li:nth-child(-n+6) {
        display: block
    }
    .coaches-preview__list li:not(:nth-child(-n+6)) {
        display: none
    }
}

.coaches-preview__list picture {
    font-size: 0;
    line-height: 0
}

.coaches-preview__list img {
    margin-top: 0;
    width: 100%;
    height: auto;
    font-size: 14px;
    line-height: 16px;
    border-radius: 16px
}

.coaches-preview__list h3 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}

.js-animation .coaches-preview__title {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.js-animation.coaches-preview {
    opacity: 1
}

.news h2 {
    margin-bottom: 22px
}

@media (min-width:768px) {
    .news h2 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .news h2 {
        margin-bottom: -28px
    }
    .news__container {
        padding-top: 50px;
        overflow-y: visible
    }
}

.news__list {
    padding: 0;
    list-style: none;
    margin: 0 0 45px
}

@media (min-width:1024px) {
    .news__list {
        margin-right: -20px
    }
}

.news__list li {
    height: auto;
    padding: 10px 25px 15px;
    border-radius: 16px;
    background-color: #fff
}

@media (min-width:768px) and (max-width:1023px) {
    .news__list li {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media (min-width:1024px) {
    .news__list li {
        width: 320px;
        height: auto;
        padding-right: 30px;
        padding-left: 30px;
        margin-right: 20px
    }
}

.news__list p {
    overflow: hidden
}

.news .swiper-container-horizontal>.swiper-pagination-bullets {
    padding-left: 25px
}

.news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 25px 0 0
}

.news .swiper-pagination {
    position: absolute;
    bottom: 8px
}

@media (min-width:768px) {
    .news .swiper-pagination {
        top: -2px;
        right: -25px;
        bottom: unset;
        width: auto;
        text-align: right
    }
}

@media (min-width:1024px) {
    .news .swiper-pagination {
        display: none
    }
}

.news .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(32, 36, 57, .7);
    cursor: pointer
}

.news .swiper-pagination-bullet-active {
    background-color: #202439
}

.read-more-link {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #ed692a;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.read-more-link::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    right: 2px;
    width: 7px;
    height: 11px;
    background-image: url(/local/templates/iteraciya/css/../img/arrow-orange.svg);
    background-repeat: no-repeat
}

.read-more-link:focus,
.read-more-link:hover {
    color: #f87f46
}

.read-more-link:focus::after,
.read-more-link:hover::after {
    background-image: url(/local/templates/iteraciya/css/../img/arrow-light-orange.svg)
}

.read-more-link:active {
    color: rgba(237, 105, 42, .5)
}

.read-more-link:active::after {
    background-image: url(/local/templates/iteraciya/css/../img/arrow-orange.svg);
    opacity: .5
}

.js-animation .read-more-link {
    opacity: 1
}

.real-estate {
    margin-top: 12px
}

@media (min-width:768px) {
    .real-estate .feedback {
        margin-top: 38px
    }
}

@media (min-width:1024px) {
    .real-estate .feedback {
        margin-top: 44px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .real-estate .feedback .feedback__wrapper {
        padding-bottom: 54px
    }
}

@media (min-width:1024px) {
    .real-estate .feedback .feedback__wrapper {
        margin-bottom: 90px
    }
}

@media (min-width:768px) {
    .real-estate .feedback .feedback__form-wrapper {
        margin-top: 41px
    }
}

@media (min-width:1024px) {
    .real-estate .feedback .feedback__form-wrapper {
        margin: 50px 0 54px
    }
}

.real-estate__description {
    padding-bottom: 7px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:1024px) {
    .real-estate__description {
        padding-bottom: 0
    }
}

.real-estate__description p {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .real-estate__description p {
        width: 660px;
        margin-top: 17px
    }
}

.js-animation.real-estate__description {
    opacity: 1
}

.pop-up-block {
    position: fixed;
    right: 0;
    left: 0;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 71px auto 0;
    max-height: 884px;
    min-width: 320px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    -webkit-transition: opacity 200ms ease-in, margin 150ms ease-in;
    transition: opacity 200ms ease-in, margin 150ms ease-in;
    z-index: 85
}

@media (min-width:768px) {
    .pop-up-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 80px auto 0;
        padding: 40px;
        max-width: 664px;
        height: 87vh;
        border-radius: 16px
    }
}

@media (min-width:1024px) {
    .pop-up-block {
        top: 25px;
        padding: 40px 50px;
        height: 70vh;
        min-width: 830px
    }
}

.pop-up-block--opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pop-up-block__close-btn {
    position: absolute;
    top: -45px;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border: 0;
    background: 0 0;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 250ms;
    transition: opacity 300ms ease-in 250ms
}

@media (min-width:768px) {
    .pop-up-block__close-btn {
        top: -49px
    }
}

@media (min-width:1024px) {
    .pop-up-block__close-btn {
        top: -69px
    }
}

.pop-up-block__close-btn::after,
.pop-up-block__close-btn::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 9px;
    width: 2px;
    height: 25px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pop-up-block__close-btn::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pop-up-block__image-wrapper {
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .pop-up-block__image-wrapper {
        width: 244px;
        height: 244px;
        border-radius: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        overflow: hidden
    }
}

@media (min-width:1024px) {
    .pop-up-block__image-wrapper {
        margin-right: 55px;
        width: 320px;
        height: 320px
    }
}

.pop-up-block__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 25px;
    width: 100%;
    border-top-left-radius: 19px;
    border-top-right-radius: 19px;
    overflow-y: auto;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 150ms ease-in 300ms, -webkit-transform 150ms ease-in 300ms;
    transition: opacity 150ms ease-in 300ms, transform 150ms ease-in 300ms;
    transition: opacity 150ms ease-in 300ms, transform 150ms ease-in 300ms, -webkit-transform 150ms ease-in 300ms
}

@media (min-width:768px) {
    .pop-up-block__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: 16px
    }
}

.pop-up-block__item:nth-of-type(2n) {
    margin-right: 0
}

.pop-up-block__item:last-of-type {
    margin-bottom: 0
}

.pop-up-block__item--what-we-have {
    margin-bottom: 0
}

@media (min-width:768px) {
    .pop-up-block__item--what-we-have {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:1024px) {
    .pop-up-block__item--what-we-have {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;

        max-height: 500px;
        overflow-y: scroll;
        padding-right: 40px;
    }
}

.pop-up-block__item img {
    display: block;
    width: 100%;
    height: 100%
}

.pop-up-block a {
    position: absolute;
    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;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.pop-up-block a svg {
    fill: #202439;
    opacity: .5
}

.pop-up-block a:hover {
    background-color: #9b9fb7;
    opacity: .5
}

.pop-up-block a:hover svg {
    fill: #fff;
    opacity: 1
}

.pop-up-block a:active {
    opacity: 1
}

.pop-up-block__info-wrapper {
    position: relative;
    padding: 23px 18px 150px;
    width: 100%;
    background-color: #fff
}

@media (min-width:768px) {
    .pop-up-block__info-wrapper {
        padding: 2px 2px 20px 20px
    }
}

@media (min-width:1024px) {
    .pop-up-block__info-wrapper {
        padding: 2px 29px 20px 0
    }
}

.pop-up-block__info-wrapper--what-we-have {
    padding: 25px 19px 150px 18px
}

@media (min-width:768px) {
    .pop-up-block__info-wrapper--what-we-have {
        padding: 6px 76px 60px
    }
}

@media (min-width:1024px) {
    .pop-up-block__info-wrapper--what-we-have {
        padding: 95px 0 0 55px
    }
}

.pop-up-block__info-wrapper--what-we-have p {
    margin: 0
}

.pop-up-block__info-wrapper--what-we-have p:first-of-type {
    margin-bottom: 26px
}

@media (min-width:768px) {
    .pop-up-block__info-wrapper--what-we-have p:first-of-type {
        margin-top: 10px
    }
}

@media (min-width:1024px) {
    .pop-up-block__info-wrapper--what-we-have p:first-of-type {
        margin-top: 4px
    }
}

.pop-up-block__data {
    position: relative;
    padding-bottom: 31px
}

.pop-up-block__data::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f4f4f4
}

.pop-up-block__data h3 {
    margin: 0
}

.pop-up-block__data h3,
.pop-up-block__data p,
.pop-up-block__item--what-we-have h3 {
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 22px;
    line-height: 28px;
    font-weight: 800
}

@media (min-width:768px) {
    .pop-up-block__data h3,
    .pop-up-block__item--what-we-have h3 {
        text-align: start;
        font-size: 28px;
        line-height: 36px;
        font-weight: 800
    }
}

.pop-up-block__item--what-we-have h3 {
    margin: 23px 53px 23px 49px
}

@media (min-width:768px) {
    .pop-up-block__item--what-we-have h3 {
        margin: 31px 0 0;
        padding: 0 76px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
    .pop-up-block__item--what-we-have h3 br {
        display: none
    }
}

@media (min-width:1024px) {
    .pop-up-block__item--what-we-have h3 {
        position: absolute;
        top: 0;
        left: 375px;
        margin: 0;
        padding: 0;
        z-index: 1
    }
    .pop-up-block__item--what-we-have h3 br {
        display: inherit
    }
}

.pop-up-block__item--what-we-have img {
    min-height: 200px
}

@media (min-width:768px) {
    .pop-up-block__item--what-we-have img {
        margin: 0 -76px;
        width: 664px;
        min-height: 370px
    }
}

@media (min-width:1024px) {
    .pop-up-block__item--what-we-have img {
        margin: 0 55px 0 0;
        width: 320px;
        min-height: 200px
    }
}

.pop-up-block__data p {
    margin: 8px 0 0;
    padding: 0 69px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

@media (min-width:768px) {
    .pop-up-block__data p {
        text-align: start;
        margin: 9px 0 0;
        padding: 0
    }
}

.pop-up-block__info {
    margin-top: 8px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .pop-up-block__info {
        padding-bottom: 0
    }
}

.pop-up-block__info h4 {
    margin: 22px 0 18px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-align: center
}

@media (min-width:768px) {
    .pop-up-block__info h4 {
        margin: 17px 0 18px;
        text-align: start
    }
}

.pop-up-block__info ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pop-up-block__info li {
    padding-bottom: 13px
}

@media (min-width:768px) {
    .pop-up-block__price-wrapper--what-we-have {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 112px
    }
}

@media (min-width:1024px) {
    .pop-up-block__price-wrapper--what-we-have {
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        top: 235px;
        left: -264px
    }
}

.pop-up-block__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 36px
}

@media (min-width:1024px) {
    .pop-up-block__price {
        margin-top: 19px
    }
}

@media (min-width:768px) {
    .pop-up-block__price--what-we-have {
        margin: 0
    }
}

.pop-up-block__price span {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px
}

.pop-up-block__price p:first-of-type {
    margin: 0 0 0 8px;
    padding-top: 4px;
    font-size: 16px;
    font-weight: 600
}

.pop-up-block__button-sign-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 14px 20px;
    min-width: 158px;
    min-height: 50px;
    margin: 0 auto
}

.pop-up-block__button-sign-up:focus,
.pop-up-block__button-sign-up:hover {
    background-color: #f87f46
}

.pop-up-block__button-sign-up:active {
    background-color: #ed692a;
    opacity: .6
}

.pop-up-block__button-sign-up:disabled {
    background-color: #ed692a;
    opacity: .3
}

@media (min-width:768px) {
    .pop-up-block__button-sign-up {
        position: absolute;
        top: 284px;
        left: -201px
    }
}

@media (min-width:1024px) {
    .pop-up-block__button-sign-up {
        top: 361px;
        left: -294px
    }
}

.pop-up-block__button-sign-up--what-we-have {
    margin-top: 17px;
    min-width: 194px
}

@media (min-width:768px) {
    .pop-up-block__button-sign-up--what-we-have {
        position: static;
        margin: 0
    }
}

@media (min-width:1024px) {
    .pop-up-block__button-sign-up--what-we-have {
        margin-top: 15px
    }
}

.js-animation.pop-up-block {
    opacity: 1
}

.js-animation .pop-up-block__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-animation .pop-up-block__close-btn {
    opacity: 1
}

.js-animation .modal__content button[type=submit] {
    opacity: .3
}

.pop-up-filters {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 20px;
    min-width: 320px;
    min-height: 320px;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background-color: #f3f4f7;
    z-index: 80;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: opacity 200ms ease-in, -webkit-transform 150ms ease-in;
    transition: opacity 200ms ease-in, transform 150ms ease-in;
    transition: opacity 200ms ease-in, transform 150ms ease-in, -webkit-transform 150ms ease-in
}

.pop-up-filters li,
.pop-up-filters--opened {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:768px) {
    .pop-up-filters {
        padding-bottom: 45px
    }
}

@media (min-width:1024px) {
    .pop-up-filters {
        display: none
    }
}

.pop-up-filters__form {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:768px) {
    .pop-up-filters__form {
        padding: 28px 0 0
    }
}

.pop-up-filters__form .pop-up-filters__btn-show,
.pop-up-filters__form>div,
.pop-up-filters__form>ul {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 150ms ease-in 300ms, -webkit-transform 150ms ease-in 300ms;
    transition: opacity 150ms ease-in 300ms, transform 150ms ease-in 300ms;
    transition: opacity 150ms ease-in 300ms, transform 150ms ease-in 300ms, -webkit-transform 150ms ease-in 300ms
}

.pop-up-filters__title-wrapper {
    min-height: 55px;
    padding: 10px 10px 13px;
    background-color: #fff;
    height: 0;
    -webkit-transition: height 300ms ease-in;
    transition: height 300ms ease-in
}

@media (min-width:768px) {
    .pop-up-filters__title-wrapper {
        min-height: 80px;
        padding: 21px 10px
    }
}

.pop-up-filters__close-button,
.pop-up-filters__title-wrapper h2 {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 250ms;
    transition: opacity 300ms ease-in 250ms
}

.pop-up-filters__title-wrapper h2 {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #202439
}

@media (min-width:768px) {
    .pop-up-filters__title-wrapper h2 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 800
    }
}

.pop-up-filters__close-button {
    position: absolute;
    top: 18px;
    right: 18px;
    display: block;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-image: url(/local/templates/iteraciya/css/../img/icon-close-small.svg);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    cursor: pointer
}

@media (min-width:768px) {
    .pop-up-filters__close-button {
        top: 29px;
        right: 52px;
        width: 20px;
        height: 20px;
        background-size: cover
    }
}

.pop-up-filters ul {
    list-style: none;
    margin: 9px 0 0;
    padding: 0 18px
}

@media (min-width:768px) {
    .pop-up-filters ul {
        padding: 0 128px
    }
}

.pop-up-filters li {
    min-height: 52px;
    border-bottom: 2px solid rgba(32, 36, 57, .05)
}

@media (min-width:768px) {
    .pop-up-filters li {
        min-height: 78px
    }
}

.pop-up-filters li:last-of-type {
    border: 0
}

.pop-up-filters li a,
.pop-up-filters__checkbox-wrapper label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 18px
}

.pop-up-filters li a {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 52px;
    font-size: 14px;
    font-weight: 700
}

@media (min-width:768px) {
    .pop-up-filters li a {
        font-size: 22px;
        line-height: 24px;
        font-weight: 500
    }
}

.pop-up-filters li a::before {
    content: "";
    position: absolute;
    top: 21px;
    right: 0;
    width: 7px;
    height: 12px;
    background-image: url(/local/templates/iteraciya/css/../img/dark-arrow.svg);
    background-repeat: no-repeat
}

@media (min-width:768px) {
    .pop-up-filters li a::before {
        top: 33px;
        right: -2px;
        width: 10px;
        height: 16px
    }
}

.pop-up-filters__indicator-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 31px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 400;
    color: #4c4f61
}

@media (min-width:768px) {
    .pop-up-filters__indicator-wrap {
        margin: 5px 60px 0 0;
        font-size: 16px;
        line-height: 18px;
        font-weight: 400
    }
}

.pop-up-filters__indicator-wrap::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0ca1b1
}

@media (min-width:768px) {
    .pop-up-filters__indicator-wrap::before {
        top: 4px;
        left: -16px;
        width: 8px;
        height: 8px
    }
}

.pop-up-filters__checkbox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 18px;
    margin-top: 14px
}

@media (min-width:768px) {
    .pop-up-filters__checkbox-wrapper {
        margin-top: 18px;
        padding: 0 128px
    }
}

.pop-up-filters__checkbox-wrapper label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 11px 10px 12px;
    min-width: 134px;
    max-width: 160px;
    min-height: 36px;
    font-size: 13px;
    letter-spacing: -.5px;
    font-weight: 600;
    color: rgba(32, 36, 57, .5);
    background-color: #e8eaed;
    border: 2px solid transparent;
    border-radius: 100px;
    cursor: pointer
}

@media (min-width:768px) {
    .pop-up-filters__checkbox-wrapper label {
        padding: 9px 37px 10px 38px;
        min-height: 50px;
        max-width: none;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500
    }
}

.pop-up-filters__checkbox-wrapper div:first-of-type {
    margin-right: 8px
}

@media (min-width:768px) {
    .pop-up-filters__checkbox-wrapper div:first-of-type {
        margin-right: 20px
    }
}

.pop-up-filters__checkbox-wrapper input:checked~label,
.timetable-filters__checkbox-wrapper input:checked~label {
    background-color: #fff;
    color: #0ca1b1;
    border-color: #0ca1b1
}

.pop-up-filters__btn-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #fff;
    background-color: #ed692a;
    -ms-flex-item-align: center;
    align-self: center;
    width: 284px;
    height: 50px;
    padding: 12px 25px 14px;
    margin-bottom: 20px
}

.pop-up-filters__btn-show:focus,
.pop-up-filters__btn-show:hover {
    background-color: #f87f46
}

.pop-up-filters__btn-show:active {
    background-color: #ed692a;
    opacity: .6
}

.pop-up-filters__btn-show:disabled {
    background-color: #ed692a;
    opacity: .3
}

.js-animation .pop-up-filters__form .pop-up-filters__btn-show,
.js-animation .pop-up-filters__form>div,
.js-animation .pop-up-filters__form>ul,
.js-animation.pop-up-filters,
.js-animation.pop-up-filters form {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.js-animation .pop-up-filters__close-button,
.js-animation .pop-up-filters__title-wrapper h2 {
    opacity: 1
}

.pop-up-filters-inner {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    min-height: 320px;
    min-width: 320px;
    width: 100%;
    background-color: #f3f4f7;
    height: 100%;
    z-index: 80
}

.pop-up-filters-inner--opened {
    display: block
}

@media (min-width:768px) {
    .pop-up-filters-inner {
        padding-bottom: 45px
    }
}

@media (min-width:1024px) {
    .pop-up-filters-inner {
        display: none
    }
}

.pop-up-filters-inner form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 55px)
}

@media (orientation:landscape) {
    .pop-up-filters-inner form {
        height: calc(100% - 75px)
    }
}

@media (min-width:768px) {
    .pop-up-filters-inner form {
        height: calc(100% - 80px)
    }
}

.pop-up-filters-inner__title-wrapper {
    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;
    padding: 10px 18px 13px;
    background-color: #fff
}

@media (min-width:768px) {
    .pop-up-filters-inner__title-wrapper {
        min-height: 80px;
        padding: 21px 10px 23px
    }
}

.pop-up-filters-inner__title-wrapper h2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 30px;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #202439
}

@media (min-width:768px) {
    .pop-up-filters-inner__title-wrapper h2 {
        padding-right: 12px;
        font-size: 28px;
        line-height: 36px;
        font-weight: 800
    }
}

.pop-up-filters-inner__backlink {
    position: relative;
    display: block;
    padding: 15px;
    -webkit-transform: translateX(-11px);
    transform: translateX(-11px);
    width: 9px;
    height: 15px;
    background: url(/local/templates/iteraciya/css/../img/icon-backlink.svg) center no-repeat
}

@media (min-width:768px) {
    .pop-up-filters-inner__backlink {
        padding: 0;
        width: 12px;
        height: 20px;
        -webkit-transform: translateX(42px);
        transform: translateX(42px);
        background-size: contain
    }
}

.pop-up-filters-inner__checkboxes {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow-y: auto;
    padding-top: 28px;
    padding-bottom: 18px
}

@media (min-width:768px) {
    .pop-up-filters-inner__checkboxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        width: 608px;
        margin: 0 auto;
        padding-top: 69px
    }
}

.pop-up-filters-inner__checkbox-wrap {
    padding: 0 18px
}

@media (min-width:768px) {
    .pop-up-filters-inner__checkbox-wrap {
        width: 50%
    }
}

.career {
    padding-bottom: 7px;
    margin-top: 26px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) {
    .career {
        margin-top: 27px;
        padding-bottom: 27px
    }
}

@media (min-width:1024px) {
    .career {
        margin-top: 29px;
        padding-bottom: 7px
    }
}

@media (min-width:768px) {
    .career--null {
        margin-top: 35px
    }
}

@media (min-width:1024px) {
    .career--null {
        margin-top: 43px
    }
}

.career--null>h3 {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 16px
}

@media (min-width:768px) {
    .career--null>h3 {
        font-weight: 800;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 16px
    }
    .career--null .career__description {
        margin-bottom: 17px;
        padding-right: 30px
    }
}

@media (min-width:1024px) {
    .career--null .career__description {
        padding-right: 365px;
        margin-bottom: 8px
    }
    .career~.feedback {
        margin: 27px 0 0
    }
}

.career__description {
    margin-bottom: 34px
}

@media (min-width:768px) {
    .career__description {
        margin-bottom: 44px
    }
}

@media (min-width:1024px) {
    .career__description {
        padding-right: 340px;
        margin-bottom: 44px
    }
}

.career__description a {
    font-weight: 700;
    color: #ed692a;
    outline: 0
}

@media (min-width:1024px) {
    .career__description a:focus,
    .career__description a:hover {
        color: #f87f46
    }
    .career__description a:focus {
        color: rgba(237, 105, 42, .5)
    }
}

.career__branch-wrapper {
    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;
    height: 56px;
    background-color: #e8eaed
}

.career__branch-wrapper.carier-item-1 {
	background: none;
	justify-content: left;
	padding: 0 18px;
}

@media (min-width:768px) and (max-width:1023px) {
    .career__branch-wrapper {
        margin: 0 52px
    }
}

@media (min-width:768px) {
    .career__branch-wrapper {
        width: 290px;
        border-radius: 17px
    }
}

.career__branch-list,
.career__branch-list label {
    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
}

@media (min-width:1024px) {
    .career__wrapper {
        width: 1000px;
        margin: 0 auto
    }

    .career__branch-wrapper.carier-item-1 {
		padding: 0px;
	}
}

.career__branch-list label {
    width: 142px;
    height: 52px;
    padding: 0;
    border: 0;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 700;
    opacity: .5;
    cursor: pointer
}

@media (max-width:1023px) {
    .career__branch-list label {
        -webkit-tap-highlight-color: transparent;
        outline: 0
    }
}

@media (min-width:1024px) {
    .career__branch-list label:hover {
        color: #ed692a;
        opacity: 1
    }
}

#club:checked~.career__branch-wrapper .career__branch-list label[for=club],
#office:checked~.career__branch-wrapper .career__branch-list label[for=office] {
    opacity: 1;
    background-color: #fff
}

@media (min-width:1024px) {
    #club:checked~.career__branch-wrapper .career__branch-list label[for=club]:hover,
    #office:checked~.career__branch-wrapper .career__branch-list label[for=office]:hover {
        color: #202439
    }
}

.career__vacancy-list-wrapper ul,
.vacancy__text-content ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.career__vacancy-branch {
    display: none;
    padding-top: 27px
}

@media (min-width:768px) {
    .career__vacancy-branch {
        padding-top: 34px;
        position: relative
    }
    .career__vacancy-branch::after {
        position: absolute;
        content: "";
        top: 92px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(32, 36, 57, .05)
    }
}

#club:checked~.career__vacancy-list-wrapper #vacancy-club,
#office:checked~.career__vacancy-list-wrapper #vacancy-office {
    display: block
}

.career__vacancy-branch .career__vacancies-list {
    padding-top: 5px
}

@media (min-width:768px) {
    .career__vacancy-branch .career__vacancies-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 25px
    }
}

.career__vacancies-list>li {
    position: relative;
    font-weight: 700;
    color: #202439
}

.career__vacancies-list>li::after {
    content: "";
    position: absolute;
    right: -3px;
    top: 22px;
    width: 13px;
    height: 8px;
    background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-down-ebony.svg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media (min-width:768px) {
    .career__vacancies-list>li::after {
        display: none
    }
    .career__vacancies-list>li {
        position: relative
    }
}

@media (min-width:1024px) {
    .career__vacancies-list>li {
        width: 33%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .career__vacancies-list>li:not(: nth-of-type(3n)) {
        margin-right: 48px
    }
}

.career__vacancies-list>li:not(:last-of-type) {
    border-bottom: 2px solid rgba(32, 36, 57, .05)
}

@media (min-width:768px) {
    .career__vacancies-list>li:not(: last-of-type) {
        border: 0
    }
}

.career__vacancies-list>li a {
    display: block;
    padding: 16px 20px 18px 0;
    line-height: 18px
}

@media (min-width:768px) {
    .career__vacancies-list>li a {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        display: inline-block;
        padding: 16px 0 18px
    }
}

@media (min-width:1024px) {
    .career__vacancies-list>li a {
        padding: 16px 20px 18px 0
    }
    .career__vacancies-list>li a:hover {
        color: rgba(32, 36, 57, .7)
    }
}

.career__vacancy-branch h3 {
    position: relative;
    display: inline-block;
    border: 0;
    margin: 0;
    padding: 10px 20px 10px 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #ed692a;
    background-color: transparent;
    background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-orange-down.svg);
    background-position: top 16px right 2px;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

@media (max-width:1023px) {
    .career__vacancy-branch h3 {
        outline: 0
    }
}

@media (min-width:768px) {
    .career__vacancy-branch h3 {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        background-position: top 20px right 0
    }
}

@media (min-width:1024px) {
    .career__vacancy-branch h3 {
        background-position: top 21px right 0;
        outline: 0
    }
    .career__vacancy-branch h3:hover {
        color: #f87f46;
        background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-down-hover-orange.svg);
        background-size: 11px 7px
    }
    .career__vacancy-branch h3:active {
        color: rgba(237, 105, 42, .5);
        background-position: top 21px right 0;
        background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-down-active.svg);
        background-size: 11px 7px
    }
}

.career__vacancy-branch .career__vacancy-branch-list {
    display: none;
    margin: 0;
    list-style: none;
    padding: 10px;
    max-width: 240px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
    box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
    border-radius: 16px
}

.career__vacancy-branch .career__vacancy-branch-list>li>button {
    border: 0;
    padding: 10px;
    font-weight: 700;
    color: #ed692a;
    background-color: transparent;
    cursor: pointer
}

.career__vacancy-branch .career__vacancy-branch-list>li>button:focus,
.career__vacancy-branch .career__vacancy-branch-list>li>button:hover {
    color: #f87f46;
    outline: 0
}

.career__vacancy-branch .career__vacancy-branch-list>li>button:active {
    color: rgba(237, 105, 42, .5);
    outline: 0
}

.career__vacancy-branch--is-open .career__vacancy-branch-list {
    display: block;
    position: absolute;
    z-index: 2;
    width: 240px
}

.js-animation.career {
    opacity: 1
}

.vacancy {
    padding-top: 21px;
    padding-bottom: 10px
}

@media (min-width:768px) {
    .vacancy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 39px;
        padding-bottom: 0
    }
}

@media (min-width:1024px) {
    .vacancy {
        padding-top: 21px;
        padding-bottom: 10px
    }
    .vacancy~.feedback {
        margin: 0
    }
}

.vacancy+.feedback h2 {
    margin-top: 30px
}

@media (min-width:768px) {
    .vacancy+.feedback h2 {
        margin-top: 43px
    }
}

.vacancy p,
.vacancy span {
    color: #4c4f61
}

.vacancy h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px
}

.vacancy__experience {
    margin-bottom: 18px
}

@media (min-width:768px) {
    .vacancy__experience {
        width: 51.8%
    }
}

@media (min-width:1024px) {
    .vacancy__experience {
        width: 34%
    }
}

.vacancy__experience p,
.vacancy__schedule p {
    margin: 0
}

@media (min-width:768px) {
    .vacancy__schedule p {
        display: none
    }
}

.vacancy__schedule {
    margin-bottom: 36px
}

@media (min-width:768px) {
    .vacancy__schedule {
        width: 48.2%
    }
}

@media (min-width:1024px) {
    .vacancy__schedule {
        width: 66%
    }
}

.vacancy__schedule strong {
    display: block;
    margin-bottom: 28px
}

.vacancy__location {
    margin-bottom: 37px
}

@media (min-width:768px) {
    .vacancy__location {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }
    .vacancy__location::after {
        position: absolute;
        content: "";
        bottom: -13px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #e8eaed
    }
}

.vacancy__location p,
.vacancy__location span {
    position: relative;
    padding-left: 25px
}

.vacancy__location p {
    padding-top: 16px;
    margin: 0 0 18px
}

@media (min-width:768px) {
    .vacancy__location p {
        width: 51.8%;
        padding-top: 11px
    }
}

@media (min-width:1024px) {
    .vacancy__location p {
        width: 34%;
        padding-top: 11px
    }
}

.vacancy__location p::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 20px;
    top: 16px;
    left: 0;
    background: url(/local/templates/iteraciya/css/../img/icon-location.svg) center no-repeat
}

@media (min-width:768px) {
    .vacancy__location p::before {
        top: 12px
    }
    .vacancy__location span {
        padding-top: 11px
    }
}

.vacancy__location span::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 14px;
    top: 1px;
    left: 0;
    background: url(/local/templates/iteraciya/css/../img/icon-ruble-dark.svg) center no-repeat
}

@media (min-width:768px) {
    .vacancy__location span::before {
        top: 15px
    }
}

.vacancy__description,
.vacancy__text-content {
    margin-bottom: 36px
}

@media (min-width:768px) {
    .vacancy__text-content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
        margin-bottom: 30px
    }
    .vacancy__text-content::before {
        position: absolute;
        content: "";
        top: -8px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #e8eaed
    }
}

@media (min-width:1024px) {
    .vacancy__text-content {
        padding-top: 17px
    }
}

@media (min-width:768px) {
    .vacancy__text-content h3 {
        width: 100%;
        margin-bottom: 13px
    }
}

@media (min-width:1024px) {
    .vacancy__text-content h3 {
        width: 32%;
        margin-top: 12px;
        margin-bottom: 0
    }
}

@media (min-width:1024px) {
    .vacancy__text-content ul {
        width: 68%
    }
}

.vacancy__text-content li {
    position: relative;
    padding-left: 18px;
    margin: 12px 0
}

.vacancy__text-content li::before {
    content: "–";
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 14px;
    line-height: 22px;
    color: #4c4f61
}

@media (min-width:768px) {
    .vacancy__text-content li::before {
        top: -1px
    }
    .vacancy__text-content li {
        padding-left: 20px
    }
}

.vacancy__experience,
.vacancy__location,
.vacancy__schedule,
.vacancy__text-content h3,
.vacancy__text-content li {
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

.js-animation.partnership__description p,
.js-animation.vacancy__experience,
.js-animation.vacancy__location,
.js-animation.vacancy__schedule,
h3.js-animation,
li.js-animation {
    opacity: 1
}

.partnership {
    padding-top: 26px
}

@media (min-width:1024px) {
    .partnership {
        padding-top: 29px
    }
    .partnership .feedback {
        margin-top: 44px
    }
    .partnership .feedback__wrapper {
        margin-bottom: 90px
    }
}

@media (min-width:768px) {
    .partnership .feedback__form-wrapper {
        margin-top: 24px;
        padding-bottom: 54px
    }
}

@media (min-width:1024px) {
    .partnership .feedback__form-wrapper {
        margin-top: 11px
    }
}

.partnership textarea {
    height: 160px;
    line-height: 18px
}

@media (min-width:768px) {
    .partnership textarea {
        height: 120px
    }
}

.partnership textarea::-webkit-input-placeholder {
    font-weight: 500;
    font-size: 14px;
    color: #9b9fb7
}

.partnership textarea::-moz-placeholder {
    font-weight: 500;
    font-size: 14px;
    color: #9b9fb7
}

.partnership textarea:-ms-input-placeholder,
.partnership textarea::-ms-input-placeholder {
    font-weight: 500;
    font-size: 14px;
    color: #9b9fb7
}

.partnership textarea::placeholder {
    font-weight: 500;
    font-size: 14px;
    color: #9b9fb7
}

.partnership__description {
    margin-bottom: 14px
}

.partnership__description p {
    margin: 0 0 21px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) {
    .partnership__description p {
        width: 600px;
        margin: 0 0 45px
    }
}

@media (min-width:1024px) {
    .partnership__description p {
        margin: 0 0 21px
    }
}

@media (min-width:768px) {
    .partnership__offer-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 510px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 25px
    }
}

@media (min-width:1024px) {
    .partnership__offer-type {
        width: 490px
    }
}

.partnership__offer-type>button {
    border: 0;
    padding: 10px 20px 10px 0;
    margin: 0;
    font-weight: 700;
    color: #ed692a;
    background-color: transparent;
    background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-orange-down.svg);
    background-repeat: no-repeat;
    background-position: top 16px right 3px;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms, transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:768px) {
    .partnership__offer-type>button {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        width: 320px;
        text-align: left;
        background-position: top 20px right 13px
    }
}

@media (min-width:1024px) {
    .partnership__offer-type>button:hover {
        color: #f87f46;
        opacity: .5;
        background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-down-hover-orange.svg);
        background-size: 11px 7px;
        outline: 0
    }
    .partnership__offer-type>button:active {
        color: rgba(237, 105, 42, .5);
        background-position: top 20px right 13px;
        background-image: url(/local/templates/iteraciya/css/../img/icon-arrow-down-active.svg);
        background-size: 11px 7px
    }
}

.partnership__offer-type--is-open>button {
    opacity: .5
}

@media (min-width:1024px) {
    .partnership__offer-type--is-open>button {
        background-position: top 20px right 13px
    }
    .partnership__offer-type--is-open>button:hover {
        color: #f87f46
    }
    .partnership__offer-type--is-open>button:active {
        color: rgba(237, 105, 42, .5);
        background-position: top 20px right 13px
    }
}

.partnership__offer-type ul {
    display: none;
    margin: 0;
    list-style: none;
    padding: 10px;
    max-width: 240px;
    background: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
    box-shadow: 0 2px 6px rgba(33, 44, 79, .1);
    border-radius: 16px
}

.partnership__offer-type ul>li>button {
    border: 0;
    padding: 10px;
    font-weight: 700;
    color: #ed692a;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    margin-bottom: 0;
    text-align: left
}

@media (min-width:1024px) {
    .partnership__offer-type ul>li>button:hover {
        color: #f87f46
    }
    .partnership__offer-type ul>li>button:active {
        color: rgba(237, 105, 42, .5)
    }
}

.partnership__offer-type--is-open ul {
    display: block;
    position: absolute;
    z-index: 2;
    width: 240px
}

@media (min-width:768px) {
    .partnership__offer-type--is-open ul {
        top: 70px
    }
}

@media (min-width:1024px) {
    .partnership .feedback .feedback__form-wrapper {
        padding-top: 13px
    }
}

.js-animation .partnership__offer-type>button {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page-404,
.page-404>a {
    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
}

.page-404 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: url(/local/templates/iteraciya/css/../img/404.svg) top 40px left 50% no-repeat;
    opacity: 0;
    padding: 51px 0 60px;
    -webkit-transition: opacity 300ms ease-in 200ms;
    transition: opacity 300ms ease-in 200ms
}

@media (min-width:768px) {
    .page-404 {
        padding: 278px 0 193px;
        background: url(/local/templates/iteraciya/css/../img/404.svg) top 124px left 50% no-repeat;
        background-size: 309px 111px
    }
}

@media (min-width:1024px) {
    .page-404 {
        padding: 127px 0 120px;
        background: url(/local/templates/iteraciya/css/../img/404.svg) top 97px left 50% no-repeat
    }
}

@media (min-width:768px) {
    .page-404 img {
        width: 352px;
        height: 440px;
        margin-left: 32px
    }
}

.page-404 h2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-top: -48px;
    margin-bottom: 18px
}

@media (min-width:768px) {
    .page-404 h2 {
        font-weight: 800;
        font-size: 36px;
        line-height: 42px;
        margin: -61px 0 26px
    }
}

.page-404 p {
    font-size: 14px;
    line-height: 22px;
    color: #4c4f61;
    margin: 0 0 34px;
    text-align: center;
    max-width: 230px
}

@media (min-width:768px) {
    .page-404 p {
        max-width: 450px
    }
}

.page-404 p a,
.page-404>a {
    font-weight: 700;
    color: #ed692a
}

@media (min-width:1024px) {
    .page-404 p a:focus,
    .page-404 p a:hover {
        color: #f87f46
    }
    .page-404 p a:focus {
        color: rgba(237, 105, 42, .5)
    }
}

.page-404>a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    font-family: "Montserrat", "Roboto", sans-serif;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    width: 194px;
    height: 50px;
    color: #fff;
    background-color: #ed692a;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: -webkit-transform 300ms ease-in 200ms;
    transition: transform 300ms ease-in 200ms;
    transition: transform 300ms ease-in 200ms, -webkit-transform 300ms ease-in 200ms
}

@media (min-width:1024px) {
    .page-404>a:focus,
    .page-404>a:hover {
        background-color: #f87f46
    }
    .page-404>a:focus {
        background-color: rgba(237, 105, 42, .6)
    }
}

.feedback-variants .feedback,
.js-animation.page-404 {
    opacity: 1
}

.js-animation.page-404>a {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.shutter,
.shutter__part {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1
}

.shutter {
    -webkit-transition: all .3s ease-out .2s;
    transition: all .3s ease-out .2s;
    pointer-events: none;
    width: 100%
}

.shutter__part {
    width: 51%;
    background: #fff;
    -webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1) .4s;
    transition: all .5s cubic-bezier(.645, .045, .355, 1) .4s
}

.shutter__part--left {
    left: 0
}

.shutter__part--right {
    right: 0
}

.shutter.js-animation .shutter__part {
    width: 0
}

.feedback-variants>.page-main__title {
    width: 90%
}

.feedback-variants .feedback h2 {
    font-size: 25px;
    line-height: 32px
}

.feedback-variants--loading button {
    top: -40px
}

.feedback-variants .js-animation.feedback button,
.feedback-variants .js-animation.page-main__title {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none
}

.breadcrumbs {
    display: none;
    margin-top: 13px;
    -webkit-transition: margin 300ms ease-in;
    transition: margin 300ms ease-in
}

@media (min-width:768px) and (max-width:1023px) {
    .breadcrumbs {
        margin-top: 15px
    }
}

@media (min-width:768px) {
    .breadcrumbs {
        display: block
    }
}

.breadcrumbs__list {
    max-height: 50px;
    margin: 0;
    padding: 0 0 0 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-transition: max-height 300ms ease-in, margin 300ms ease-in;
    transition: max-height 300ms ease-in, margin 300ms ease-in
}

.breadcrumbs__item {
    position: relative;
    padding-right: 22px;
    -webkit-transition: opacity 250ms ease-in;
    transition: opacity 250ms ease-in
}

.breadcrumbs__item::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 9px;
    width: 3px;
    height: 5px;
    background: url(/local/templates/iteraciya/css/../img/icon-arrow-orange.svg) no-repeat;
    background-size: contain
}

.breadcrumbs__item:last-of-type {
    padding: 0
}

.breadcrumbs__item:last-of-type::after {
    content: none
}

.breadcrumbs__item:last-of-type a,
.breadcrumbs__item:last-of-type a:hover {
    opacity: .5
}

.breadcrumbs__item a {
    font-size: 12px;
    line-height: 24px;
    color: #ed692a
}

.breadcrumbs__item a:hover,
.timetable-filters__item span:hover {
    opacity: .7
}

@media (min-width:768px) {
    .is-scrolled .breadcrumbs--hide-on-scroll {
        margin-top: 0
    }
    .is-scrolled .breadcrumbs--hide-on-scroll .breadcrumbs__list {
        max-height: 0
    }
    .is-scrolled .breadcrumbs--hide-on-scroll .breadcrumbs__item {
        opacity: 0
    }
    .pop-up-what-we-have {
        padding: 0
    }
}

@media (min-width:1024px) {
    .pop-up-what-we-have {
        padding: 40px 85px 48px 50px;
        max-width: none;
        width: 830px;
        height: auto;
        min-height: 545px
    }
}

.pop-up-what-we-have .slider-main__slide--what-we-have {
    min-height: 200px
}

@media (min-width:768px) {
    .pop-up-what-we-have .slider-main__slide--what-we-have {
        min-height: 370px
    }
}

@media (min-width:1024px) {
    .pop-up-what-we-have .slider-main__slide--what-we-have {
        min-height: 200px;
        border-radius: 16px
    }
}

.slider-main--what-we-have {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media (min-width:1024px) {
    .slider-main--what-we-have {
        width: 320px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.swiper-pagination.swiper-pagination--what-we-have {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 10px;
    top: 175px;
    bottom: 25px;
    left: 4%;
    margin: 0 auto
}

@media (min-width:768px) {
    .swiper-pagination.swiper-pagination--what-we-have {
        top: auto;
        bottom: 30px;
        left: 0
    }
}

@media (min-width:1024px) {
    .swiper-pagination.swiper-pagination--what-we-have {
        bottom: 20px
    }
}

.slider-main--what-we-have .slider-main__controls-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    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;
    height: 60px;
    width: 100%
}

.swiper-pagination--what-we-have .swiper-pagination-bullet {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #202439;
    opacity: .3;
    cursor: pointer
}

.swiper-pagination--what-we-have .swiper-pagination-bullet-active {
    background-color: #fff
}

.pop-up-what-we-have .slider-main__slide {
    background-size: cover;
    background-repeat: no-repeat
}

.callback-button,
.callback-button--visible {
    display: block;
    -webkit-transition: opacity 250ms ease, -webkit-transform 300ms ease;
    transition: transform 300ms ease, opacity 250ms ease;
    transition: transform 300ms ease, opacity 250ms ease, -webkit-transform 300ms ease
}

.callback-button {
    position: fixed;
    z-index: 75;
    width: 50px;
    height: 50px;
    right: 18px;
    bottom: 20px;
    border-radius: 50%;
    background-color: #202439;
    background-image: url(/local/templates/iteraciya/css/../img/icon-phone.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.callback-button--visible {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (min-width:768px) {
    .callback-button {
        right: 30px;
        bottom: 35px
    }
}

@media (min-width:1024px) {
    .callback-button {
        right: 50px;
        bottom: 40px
    }
    .callback-button:focus,
    .callback-button:hover {
        background-color: #fff;
        background-image: url(/local/templates/iteraciya/css/../img/icon-phone-hover.svg);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

@media (min-width:1441px) {
    .callback-button {
        right: calc((100vw - 1440px)/2 + 50px);
        bottom: 40px
    }
}

@media (min-width:768px) {
    .callback-button--404 {
        display: none
    }
}

.filter-buttons,
.filter-buttons button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filter-buttons {
    border-top: 2px solid rgba(32, 36, 57, .05);
    padding: 18px 18px 0
}

@media (min-width:768px) {
    .filter-buttons {
        padding: 37px 18px 0
    }
}

.filter-buttons button {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 12px 14px;
    min-height: 50px;
    min-width: 138px;
    max-width: 246px;
    width: 100%
}

.filter-buttons button:first-of-type {
    margin-right: 8px
}

@media (min-width:768px) {
    .filter-buttons button:first-of-type {
        margin-right: 20px
    }
}

.filter-buttons__apply {
    color: #fff;
    background-color: #ed692a
}

.filter-buttons__apply:focus,
.filter-buttons__apply:hover {
    background-color: #f87f46
}

.filter-buttons__apply:active {
    background-color: #ed692a;
    opacity: .6
}

.filter-buttons__apply:disabled {
    background-color: #ed692a;
    opacity: .3
}

.filter-buttons__reset {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    background-color: #fff
}

.filter-buttons__reset:hover {
    background-color: #202439;
    color: #fff
}

.filter-buttons__reset:active {
    opacity: .5
}

.checkbox {
    margin-bottom: 23px
}

@media (min-width:768px) {
    .checkbox {
        margin-bottom: 26px
    }
}

@media (min-width:1024px) {
    .checkbox {
        margin-bottom: 23px
    }
}

.checkbox label {
    position: relative;
    display: block;
    padding-left: 32px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: rgba(32, 36, 57, .5);
    cursor: pointer
}

@media (min-width:768px) {
    .checkbox label {
        margin-left: 30px;
        padding-left: 40px;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700
    }
}

@media (min-width:1024px) {
    .checkbox label {
        margin-left: 0;
        padding-left: 32px;
        font-size: 14px;
        line-height: 18px
    }
}

.checkbox input[type=checkbox] {
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 10px
}

.checkbox label::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: -1px;
    background: #202439;
    opacity: .2;
    border-radius: 4px;
    cursor: pointer
}

@media (min-width:768px) {
    .checkbox label::before {
        top: 1px
    }
}

@media (min-width:1024px) {
    .checkbox label::before {
        top: -1px
    }
}

.checkbox input[type=checkbox]:focus+label::before,
.checkbox input[type=checkbox]:hover+label::before {
    opacity: .3
}

.checkbox input[type=checkbox]:focus+label::before {
    outline: #3b99fc auto 5px
}

.checkbox input[type=checkbox]:checked+label::before {
    background-color: #0ca1b1;
    background-image: url(/local/templates/iteraciya/css/../img/icon-tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    color: #202439
}

.checkbox input[type=checkbox]:checked+label {
    color: #202439
}

.timetable-filters {
    width: 235px
}

.timetable-filters__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.timetable-filters__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.timetable-filters__item {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 62px;
    border-bottom: 2px solid rgba(32, 36, 57, .05);
    cursor: pointer
}

.timetable-filters__item:last-of-type {
    border-bottom: none
}

.timetable-filters__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2px 0 0;
    min-height: 60px;
    -webkit-transition: opacity 300ms ease-in;
    transition: opacity 300ms ease-in
}

.timetable-filters__item span {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700
}

.timetable-filters__subfilters {
    display: none;
    margin-bottom: 7px;
    padding-bottom: 15px;
    max-height: 275px;
    overflow-y: auto
}

.timetable-filters__subfilters--active {
    display: block
}

.timetable-filters__submenu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-family: "Montserrat", "Roboto", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    -webkit-transition: all .3s;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 0 0;
    -webkit-transition: -webkit-transform 200ms ease-in;
    transition: transform 200ms ease-in;
    transition: transform 200ms ease-in, -webkit-transform 200ms ease-in
}

.timetable-filters__submenu-toggle:active,
.timetable-filters__submenu-toggle:focus {
    opacity: 1
}

.timetable-filters__submenu-toggle svg {
    width: 11px;
    height: 7px;
    -webkit-transition: -webkit-transform 300ms ease-in;
    transition: transform 300ms ease-in;
    transition: transform 300ms ease-in, -webkit-transform 300ms ease-in
}

.timetable-filters__checkbox-wrapper {
    margin-top: 24px
}

.checkbox-class-type label,
.timetable-filters__checkbox-wrapper label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    line-height: 18px;
    cursor: pointer
}

.timetable-filters__checkbox-wrapper label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 11px 10px 12px;
    min-height: 36px;
    letter-spacing: -.5px;
    color: rgba(32, 36, 57, .5);
    background-color: #e8eaed;
    border: 2px solid transparent;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600
}

.timetable-filters__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 13px
}

.checkbox-class-type input,
.timetable-filters__checkbox input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0, 0, 0, 0);
    overflow: hidden
}

.js-filters-opened .timetable-filters__item-wrapper {
    opacity: .5
}

.js-filters-opened .timetable-filters__submenu-toggle svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media (min-width:1024px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 148px
    }
    ::-webkit-scrollbar-button {
        background-color: #f3f4f7
    }
    ::-webkit-scrollbar-track {
        border-radius: 20px;
        background: #f3f4f7
    }
    ::-webkit-scrollbar-track-piece {
        background-color: #f3f4f7
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(32, 36, 57, .1)
    }
}

.checkbox-class-type label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
    padding-left: 34px;
    font-size: 12px;
    font-weight: 700;
    color: #202439;
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s
}

.checkbox-class-type--gym label {
    padding-left: 28px
}

.checkbox-class-type svg {
    position: absolute;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    fill: #202439
}

.checkbox-class-type input:checked~label {
    color: #0ca1b1;
    opacity: 1
}

.checkbox-class-type input:checked~label svg {
    fill: #0ca1b1
}

.slider-in-club {
	margin-bottom: 20px;

}
/* End */


/* Start:/local/templates/iteraciya/css/bitrixproger.css?15871619174335*/
#overlayer {
    opacity: 0.8;
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    display: none;
}

.error {
	color:#ff0000!important;
	border-color:#ff0000!important;
}

.checkbox_wrap > .error{
	display: none;
}

.success {
	color:green!important;
}

.error_div{
	color:#ff0000!important;
}

.success_div{
	color:green!important;
	display: none;
}

.nolink:hover{
	cursor: default;
}

.buy_products__item__top__buttons button.active i.fa-list-ul{
	color: #F70002;
}

.product__heading__buttons button.active i.fa-list-ul{
	color: #F70002;
}

.product__heading__buttons button.active i.fa-heart{
	color: #F70002;
}

.thank_link, .error_link{
	display:none;
}

.block-fav{
	z-index: 1;
}

.item-price{
	margin-left: 4px;
}

.bx-ui-sls-container{
	min-height: 35px!important;
}

#SDEK_delivInfo_PVZ1{
	display: none;
}

.js-animation .slider-main__feature {
	transform: scale(0);
	-webkit-transform: scale(0);
}

.js-animation .swiper-slide-active .slider-main__feature {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.no-transp {
	opacity: 1 !important;
}

/*.page-header__contacts {
	color: #fff;
}*/

.slider-main .swiper-button-next::after, .slider-main .swiper-button-prev::after {
	color: #fff;
}

.slider-main .swiper-pagination-bullet {
	background-color: rgba(255,255,255,.85);
}

.slider-main .swiper-pagination-bullet-active {
	background-color: rgba(255,255,255,.85);
}

.main__advantages .advantages__content p {
	pointer-events: none;
}

.feedback__wrapper2 {
	top: -20px;
	display: block;
}

.feedback__wrapper2 h2 {
	width: 100%;
}

.feedback__wrapper2.feedback__wrapper--success p {
	padding-right: 54px;
	margin: 10px 0 10px 0;
}

.feedback__wrapper2.feedback__wrapper--success p a {
	color: #ed692a;
}

.feedback__wrapper2.feedback__wrapper--success p::before {
	display: none;
}

.club-gallery-a {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-skin, .fancybox-image, .fancybox-type-image {
	border-radius: 30px !important;
}

.fancybox-skin .callback__close-button {
	top: -38px;
	left: 50%;
	right: auto;
}

.fancybox-opened {
	overflow: initial !important;
}

.fancybox-nav img {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-next img {
	right: -60px;
    left: auto;
}

.fancybox-prev img {
	left: -60px;
    right: auto;
}

#fancybox-thumbs.bottom {
	bottom: 2.5rem !important;
}

#fancybox-thumbs ul {
	width: 100% !important;
}

#fancybox-thumbs ul li {
	margin: 0.4rem 0.4rem;
}

#fancybox-thumbs ul li a {
	width: 52px !important;
    height: 32px !important;
}

.real-estate .feedback__wrapper h2, .partnership .feedback__wrapper h2  {
	display: none;
}

.coaches__item {
	opacity: 1;
}

.is-scrolled .page-header--main .page-header__contacts {
	color: #ed692a;
}

.logo2 {
	display: none;
}

.body-index .logo1 {
	display: none;
}

.body-index .logo2 {
	display: block;
}

.body-staticpage .logo1 {
	display: block;
}

.body-staticpage .logo2 {
	display: none;
}

.is-scrolled/*.body-index*/ .logo1 {
	display: block;
}

.is-scrolled/*.body-index*/ .logo2 {
	display: none;
}

.callback__text-field--error:after {
	content: "Введите значение";
}

.callback__text-field--error_phone:after {
	/*content: "Введите номер в формате +7 999 999 99 99";*/
	content: "Введите номер";
}

.callback__text-field--error_name:after {
	content: "Введите имя";
}

.callback__text-field--error textarea {
	border: 1px solid #f00;
}

.callback__textarea.callback__text-field--error::after {
	position: relative;
	bottom: auto;
}

.coaches-preview__list picture {
	pointer-events: none;
}

.coaches-preview__list h3 {
	pointer-events: none;
}

@media (max-width: 1023px) {
	.js-sublist-animation .nav__sublist {
		max-height: none;
	}

	.feedback__wrapper2.feedback__wrapper--success p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.callback__close-button {
		z-index: 3;
	}
}
/* End */


/* Start:/local/templates/iteraciya/css/new.css?160828659240591*/
/* COMMON START */
	.donate { padding-bottom: 80px; }

	.donate__help { padding-top: 22px; }

	.donate__help p {
		margin: 0 0 50px;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.donate__help p a { color: #ED692A; }

	.donate__help a:hover { text-decoration: underline; }

	.donate__help h3 {
		margin: 0 0 15px;
		color: #202439;
		font: 700 18px/24px "Montserrat", "Roboto", sans-serif;
	}

	.donate__help ul { margin: 0; padding: 0; }

	.donate__help ul li { margin-bottom: 26px; list-style: none; }

	.donate__help ul li a {
		color: #ED692A;
		font: 700 18px/24px "Montserrat", "Roboto", sans-serif;
	}

	.donate__thanks {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 22px;
		width: 100%;
		height: 310px;
		background: #fff;
		border-radius: 16px;
	}

	.donate__thanks h3 {
		margin: 0 0 32px;
		color: #202439;
		font: 800 28px/36px "Montserrat", "Roboto", sans-serif;
		text-align: center;
	}

	.donate__thanks div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}

	.donate__thanks div img {
		display: block;
		margin-right: 14px;
		width: 40px;
		height: 40px;
	}

	.donate__thanks div p {
		margin: 0;
		color: #202439;
		font: 400 18px/24px "Montserrat", "Roboto", sans-serif;
	}

	.donate__form { padding: 48px 0 0; }

	.donate__form .callback__form-wrapper {
		padding: 50px 255px 70px;
		background: #fff;
		border-radius: 16px;
	}

	.donate__form .form__head .feedback__text-field:first-of-type { margin-right: 0; }

	.donate__form .form__head .feedback__text-field { margin-bottom: 44px; width: 100%; }

	.donate__form .form__text {
		margin: 0 0 20px;
		color: #202439;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.donate__form .callback__textarea {
		margin-bottom: 40px;
		padding-bottom: 0;
		width: 100%;
	}

	.donate__form .callback__textarea textarea { display: block; }

	.group-training.w100 { width: 100%; }
	.group-training.w100 .group-training__list li { width: 24.8%; }

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

	.feedback__wrapper--success h2 { margin-left: auto; margin-right: auto; }

	.feedback__wrapper--success p { display: inline-block; width: auto; }
/* COMMON END */

/* POLICY START */
	.policy {
		margin: 0 auto;
		padding: 26px 0 70px;
		max-width: 1000px;
		width: 100%;
	}

	.policy-new ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 66%;
	}

	.policy-new ul li { width: 50%; }

	.policy h3 {
		margin: 0 0 12px;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.policy p {
		margin: 0 0 12px;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.policy p b { font-weight: 600; }
/* POLICY END */

/* WE-ARE-BACK START */
	.we-are-back img {
		margin: 40px auto;
		width: 100%;
		border-radius: 16px;
	}

	.we-are-back-text { margin: 0 auto; padding: 0 0 70px; max-width: 660px; }

	.we-are-back-text h6 {
		margin: 0 0 26px;
		color: #4C4F61;
		font: 600 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.we-are-back-text p {
		margin: 0 0 10px;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}
/* WE-ARE-BACK END */

/* POPUP START */
	.comagic-offline-message-generator--shown { margin: 0 !important; padding: 0 !important; }

	.comagic-offline-message-generator__inner {
		padding: 32px 166px 60px !important;
		width: 652px !important;
		background-color: #F3F4F7 !important;
		border-radius: 16px !important;
	}

	.comagic-offline-message-generator__close-btn {
		position: absolute !important;
		top: -50px !important;
		right: 50% !important;
		margin: 0 !important;
		height: 20px !important;
		width: 20px !important;
		font-size: 0 !important;
		line-height: 0 !important;
		background: url('/local/templates/iteraciya/css/../img/close.svg') no-repeat 50%/contain !important;
		opacity: 1 !important;
		transform: translate(50%, -100%) !important;
	}

	@media (max-height: 650px) {

		.comagic-offline-message-generator__close-btn {
			top: -15px !important;
		}

		.comagic-offline-message-generator__inner {
			padding: 22px 166px 20px !important;
		}
	}

	.comagic-offline-message-generator__close-btn:hover { opacity: 0.5 !important; }

	.comagic-offline-message-generator__message {
		margin: 0 0 26px !important;
		color: #202439 !important;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif !important;
		opacity: 1 !important;
	}

	.comagic-offline-message-generator__field { margin: 0 0 25px !important; }

	.comagic-offline-message-generator__field__input {
		margin: 0 !important;
		padding: 0 24px !important;
		height: 50px !important;
		color: #202439 !important;
		font: 400 14px/18px "Montserrat", "Roboto", sans-serif !important;
		background: #DEE0EA !important;
		border: 0 !important;
		border-radius: 1000px !important;
		box-shadow: none !important;
		opacity: 1 !important;
	}

	.comagic-offline-message-generator__field__input::-webkit-input-placeholder { color: #9B9FB7 !important; }
	.comagic-offline-message-generator__field__input:-ms-input-placeholder { color: #9B9FB7 !important; }
	.comagic-offline-message-generator__field__input::-ms-input-placeholder { color: #9B9FB7 !important; }
	.comagic-offline-message-generator__field__input::placeholder { color: #9B9FB7 !important; }

	.comagic-offline-message-generator__field-textarea__input,
	.comagic-offline-message-generator__field.comagic-offline-message-generator__field-textarea {
		height: 120px !important;
		border-radius: 24px !important;
	}

	.comagic-offline-message-generator__field-textarea__input { padding: 10px 24px !important; }

	.comagic-offline-message-generator__field-textarea__input:empty::before { color: #9B9FB7 !important; }

	.comagic-offline-message-generator__main-btn {
		display: -webkit-inline-flex !important;
		display: -moz-inline-flex !important;
		display: -ms-inline-flex !important;
		display: -o-inline-flex !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 auto 25px !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 50px !important;
		color: #fff !important;
		font: 700 14px/18px "Montserrat", "Roboto", sans-serif !important;
		text-align: center !important;
		text-transform: none !important;
		background: #ED692A !important;
		border: 0 !important;
		border-radius: 1000px !important;
	}

	.comagic-offline-message-generator__main-btn:hover { opacity: 0.75 !important; }

	.comagic-offline-message-generator__main-btn__inner { color: #fff !important; }

	a.comagic-offline-message-generator__bottom-bar__link {
		margin: 0 !important;
		padding: 0 !important;
		color: #202439 !important;
		font: 700 14px/18px "Montserrat", "Roboto", sans-serif !important;
		opacity: 1 !important;
	}

	a.comagic-offline-message-generator__bottom-bar__link:hover { text-decoration: none !important; }
/* POPUP END */

/* BLOG START */
	.blog { padding-top: 50px; }

	.blog__menu-mob { display: none; }

	.blog__news h3 {
		margin: 0 0 22px;
		color: #202439;
		font: 800 28px/36px "Montserrat", "Roboto", sans-serif;
	}

	.blog .btn {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
		width: 216px;
		height: 50px;
		color: #202439;
		font: 500 14px/18px "Montserrat", "Roboto", sans-serif;
		text-align: center;
		background: #fff;
		border-radius: 70px;
	}

	.blog .btn:hover { color: #fff; background: #ed692a; }

	.blog__news { padding-bottom: 82px; }

	.blog__news-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 10px;
	}

	.blog__news-block {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-bottom: 20px;
		padding: 24px 30px 0 40px;
		width: calc(50% - 10px);
		height: 180px;
		background: #fff;
		border-radius: 16px;
	}

	.blog__news-block:hover { opacity: 0.65; }

	.blog__news-block p {
		margin: 0 0 8px;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.blog__news-block img {
		flex-shrink: 0;
		margin-left: auto;
		width: 160px;
		height: 114px;
		object-fit: cover;
		object-position: 50%;
		border-radius: 8px;
	}

	.blog__training { padding-bottom: 82px; }

	.blog__training h3 {
		margin: 0 0 36px;
		color: #202439;
		font: 800 28px/36px "Montserrat", "Roboto", sans-serif;
	}

	.blog__training h3 a {
		display: -webkit-inline-flex;
		display: -moz-inline-flex;
		display: -ms-inline-flex;
		display: -o-inline-flex;
		display: inline-flex;
		align-items: center;
		margin-left: 28px;
		margin-top: -10px;
		color: #ED692A;
		font: 700 14px/18px "Montserrat", "Roboto", sans-serif;
	}

	.blog__training h3 a:hover { text-decoration: underline; }

	.blog__training h3 a::after {
		content: '';
		margin-left: 10px;
		width: 7px;
		height: 11px;
		background: url('/local/templates/iteraciya/img/arrow-right-orange.svg') no-repeat 50%/contain;
	}

	.blog__training-flters {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 30px;
		padding: 0;
	}

	.blog__training-flters li {
		list-style: none;
		margin-bottom: 16px;
		margin-right: 32px;
	}

	.blog__training-flters li a {
		color: #ED692A;
		font: 700 14px/18px "Montserrat", "Roboto", sans-serif;
	}

	.blog__training-flters li a:hover { text-decoration: underline; }

	.blog__training-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 10px;
	}

	.blog__training-block {
		margin-bottom: 30px;
		width: calc(50% - 10px);
		background: #fff;
		border-radius: 16px;
	}

	.blog__training-block:hover { opacity: 0.75; }

	.blog__training-block img {
		width: 100%;
		height: 280px;
		border-radius: 16px;
		object-fit: cover;
	}

	.blog__training-block-info { padding: 22px 40px 54px; }

	.blog__training-block-info h4 {
		margin: 0 0 12px;
		color: #0CA1B1;
		font: 600 12px/18px "Montserrat", "Roboto", sans-serif;
	}

	.blog__training-block-info h5 {
		margin: 0 0 16px;
		color: #ED692A;
		font: 700 18px/28px "Montserrat", "Roboto", sans-serif;
	}

	.blog__training-block-info p {
		margin: 0;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}
/* BLOG END */

/* BLOG-CATEGORY START */
	.blog__category-filter { margin-bottom: 30px; }

	.blog__category-filter ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		padding: 0;
		width: 100%;
		background: #E8EAED;
		border: 2px solid rgba(0, 0, 0, 0);
		border-radius: 17px;
	}

	.blog__category-filter ul li { margin-right: 10px; list-style: none; }

	.blog__category-filter ul li:last-child { margin-right: 0; }

	.blog__category-filter ul li a {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 120px;
		height: 52px;
		color: rgba(32, 36, 57, 0.5);
		font: 700 14px/18px "Montserrat", "Roboto", sans-serif;
		text-align: center;
		border-radius: 16px;
	}

	.blog__category-filter ul li a:hover { color: rgba(32, 36, 57, 0.75); background: rgba(255, 255, 255, 0.6); }

	.blog__category-filter ul li a.active { color: #202439; background: #fff; }
/* BLOG-CATEGORY END */

/* BLOG-INNER START */
	.blog__inner-author {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		margin-bottom: 30px;
	}

	.blog__inner-author img {
		margin-right: 20px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		object-fit: cover;
		object-position: 50%;
	}

	.blog__inner-author p {
		margin: 0;
		color: #202439;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.blog__inner-text {
		margin-bottom: 82px;
		background: #fff;
		border-radius: 16px;
	}

	.blog__inner-text .blog__inner-banner {
		margin-bottom: 64px;
		max-width: 100%;
		width: 100%;
		/*height: 468px;*/
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}

	.blog__inner-text-wrap { padding: 0 170px 100px; }

	.blog__inner-text h3 {
		margin: 0 0 16px;
		padding-top: 24px;
		color: #202439;
		font: 700 18px/24px "Montserrat", "Roboto", sans-serif;
	}

	.blog__inner-text-wrap {
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.blog__inner-text p {
		margin: 0 0 12px;
		color: #4C4F61;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}

	.blog__inner-text p b {
		display: block;
		color: #202439;
		font-weight: 600;
	}

	.blog__inner-text-wrap b {
		display: block;
		color: #202439;
		font-weight: 600;
	}

	.blog__inner-text p a { color: #ED692A; text-decoration: none; }

	.blog__inner-text p a:hover { text-decoration: underline; }

	.blog__inner-text-wrap a { color: #ED692A; text-decoration: none; }
	.blog__inner-text-wrap a:hover { text-decoration: underline; }

	.blog__inner-text img {
		display: block;
		margin: 42px auto 78px;
		max-width: 440px;
		width: auto;
	}

	.blog__inner-text blockquote {
		position: relative;
		margin: 52px 0 68px;
		padding: 12px 0 22px 50px;
		color: #ED692A;
		font: 700 18px/28px "Montserrat", "Roboto", sans-serif;
	}

	.blog__inner-text blockquote::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 3px;
		height: 100%;
		background: #ED692A;
	}

	.blog__inner-text .footnote { padding-top: 14px; }
/* BLOG-INNER END */

/* GYM START */
	.gym { padding-top: 35px; }

	.gym-slider { margin-bottom: 62px; height: 380px; }

	.gym-slider .gym-slide { position: relative; height: 380px; }

	.gym-slider .gym-slide::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5));
		border-bottom-right-radius: 16px;
		border-bottom-left-radius: 16px;
	}

	.gym-slider .gym-slide .gym-img {
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;
		border-radius: 16px;
	}

	.gym-slider .gym-slide h3 {
		position: absolute;
		bottom: 44px;
		left: 50px;
		margin: 0;
		color: #fff;
		font: 900 28px/36px "Montserrat", "Roboto", sans-serif;
	}

	.gym-slider .slick-arrow {
		position: absolute;
		top: 50%;
		padding: 0;
		width: 40px;
		height: 40px;
		font-size: 0;
		line-height: 0;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		border: 0;
		border-radius: 50%;
		transform: translate(0, -50%);
		cursor: pointer;
		z-index: 1;
	}

	.gym-slider .slick-prev { left: 20px; background-image: url('/local/templates/iteraciya/css/../img/slide-prev.svg'); }
	.gym-slider .slick-next { right: 20px; background-image: url('/local/templates/iteraciya/css/../img/slide-next.svg'); }

	.gym-slider .slick-arrow:hover { opacity: 0.85; }

	.gym-slider .slick-arrow:focus { outline: 0; }

	.gym-slider .slick-dots {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		bottom: 30px;
		left: 0;
		margin: 0;
		width: 100%;
		list-style: none;
		z-index: 1;
	}

	.gym-slider .slick-dots li { margin: 0 12px; }

	.gym-slider .slick-dots li button {
		padding: 0;
		width: 5px;
		height: 5px;
		font-size: 0;
		line-height: 0;
		background: #202439;
		border: 0;
		border-radius: 50%;
		opacity: 0.3;
		cursor: pointer;
	}

	.gym-slider .slick-dots li button:focus { outline: 0; }

	.gym-slider .slick-dots li.slick-active button { background: #fff; opacity: 1; }

	.gym-advantages { margin-bottom: 60px; }

	.gym-advantages h3 {
		margin: 0 0 30px;
		color: #202439;
		font: 900 28px/36px "Montserrat", "Roboto", sans-serif;
	}

	.gym-advantages__wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.gym-advantages__block {
		position: relative;
		margin-right: 20px;
		width: calc(25% - 15px);
	}

	.gym-advantages__block:nth-child(4n + 4) { margin-right: 0; }

	.gym-advantages__img {
		margin-bottom: 25px;
		width: 100%;
		height: 170px;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: cover;
		border-radius: 8px;
	}

	.gym-advantages__block h4 {
		margin: 0 0 10px;
		color: #202439;
		font: 700 14px/20px "Montserrat", "Roboto", sans-serif;
	}

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

	.gym-advantages__block ul li {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		position: relative;
		margin: 0 0 10px;
		color: #202439;
		font: 400 14px/20px "Montserrat", "Roboto", sans-serif;
	}

	.gym-advantages__block ul li::before {
		content: '';
		flex-shrink: 0;
		position: relative;
		top: 6px;
		margin-right: 10px;
		width: 12px;
		height: 10px;
		background: url('/local/templates/iteraciya/css/../img/list-check.svg') no-repeat 50%/contain;
	}
/* GYM END */

/* FREE START */
	.free { padding: 35px 0 80px; }

	.free__banner { position: relative; margin-bottom: 74px; }

	.free__banner .img {
		width: 100%;
		height: auto;
		border-radius: 10px;
	}

	.free__banner .img img { width: 100%; height: auto; }

	.free__banner h2 {
		position: absolute;
		bottom: 2.5rem;
		left: 3.125rem;
		margin: 0;
		color: #fff;
		font: 900 1.75rem/2.25rem "Montserrat", "Roboto", sans-serif;
	}

	.free__centering { margin: 0 auto; width: 660px; }

	.free ul {
		padding: 0 0 20px;
		padding: 0;
		border-bottom: 2px solid rgba(32, 36, 57, 0.05);
	}

	.free ul li {
		display: flex;
		align-items: center;
		margin-bottom: 46px;
	}

	.free ul li i {
		flex-shrink: 0;
		display: block;
		margin-right: 34px;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.free ul li:nth-child(1) i { background-image: url("/local/templates/iteraciya/css/../img/free-ico-1.png"); }
	.free ul li:nth-child(2) i { background-image: url("/local/templates/iteraciya/css/../img/free-ico-2.png"); }
	.free ul li:nth-child(3) i { background-image: url("/local/templates/iteraciya/css/../img/free-ico-3.png"); }

	.free ul li h3 {
		margin: 0 0 4px;
		color: #202439;
		font: 700 18px/24px "Montserrat", "Roboto", sans-serif;
	}

	.free ul li p {
		margin: 0;
		color: #202439;
		font: 400 18px/22px "Montserrat", "Roboto", sans-serif;
	}

	.free__text { padding-top: 42px; }

	.free__text p {
		margin: 0 0 14px;
		color: #202439;
		font: 400 14px/22px "Montserrat", "Roboto", sans-serif;
	}
/* FREE END */

@media (max-width: 1024px) {
	/* COMMON START */
		.group-training.w100 .group-training__list li { width: 46.5% }

		.donate__thanks { height: 500px; }

		.donate__thanks h3 { margin: 0 0 55px; }

		.donate__thanks div { flex-direction: column; }

		.donate__thanks div img { margin-right: 0; margin-bottom: 22px; }

		.donate__thanks div p { text-align: center; }

		.donate__form .callback__form-wrapper { padding: 50px 0 70px; }

		.donate__form form { margin: 0 auto; width: 490px; }

		.policy { padding: 16px 0 30px; max-width: calc(100% - 104px); }

		.policy-new ul { width: 100%; }

		.policy-new ul li { width: 100%; }
	/* COMMON END */

	/* WE-ARE-BACK START */
		.we-are-back img { margin: 30px auto 50px; border-radius: 21px; }

		.we-are-back-text { padding: 0 0 60px; max-width: 100%; }

		.we-are-back-text h6 {
			margin: 0 0 36px;
			font-size: 18px;
			line-height: 30px;
		}

		.we-are-back-text p {
			margin: 0 0 10px;
			font-size: 18px;
			line-height: 30px;
		}
	/* WE-ARE-BACK END */

	/* BLOG START */
		.blog { padding-top: 2.75rem; }

		.blog__menu-mob {
			display: block;
			position: fixed;
			top: -4.375rem;
			left: 0;
			width: 100%;
			transition: 0.6s;
			z-index: 1;
		}

		.is-scrolled .blog__menu-mob { top: 3.75rem; }

		.blog__menu-mob ul {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			justify-content: center;
			list-style: none;
			margin: 0;
			padding: 0;
			height: 4.375rem;
			background: #F3F4F7;
			box-shadow: 0 0.1875rem 0.875rem rgba(33, 44, 79, 0.1);
		}

		.blog__menu-mob ul li {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			margin: 0 1.75rem;
		}

		.blog__menu-mob ul li a {
			color: #ED692A;
			font: 700 1.125rem/1.5rem "Montserrat", "Roboto", sans-serif;
		}

		.blog__news h3 {
			margin: 0 0 1.75rem;
			font-size: 2.3125rem;
			line-height: 3rem;
		}

		.blog .btn {
			width: 18rem;
			height: 4.125rem;
			font-size: 1.1875rem;
			line-height: 1.5rem;
			border-radius: 5.8125rem;
		}

		.blog__news { padding-bottom: 6.875rem; }

		.blog__news-wrap {
			flex-direction: column;
			justify-content: flex-start;
			padding-bottom: 0.875rem;
		}

		.blog__news-block {
			margin-bottom: 1.625rem;
			padding: 2rem 2.5rem 2.875rem 3.375rem;
			width: 100%;
			height: auto;
			min-height: 11.25rem;
			border-radius: 1.375rem;
		}

		.blog__news-block:hover { opacity: 1; }

		.blog__news-block p {
			margin: 0 0 0.6875rem;
			max-width: 28.125rem;
			font-size: 1.125rem;
			line-height: 1.8125rem;
		}

		.blog__news-block img {
			display: block;
			margin-left: auto;
			width: 13.3125rem;
			height: 9.5rem;
			border-radius: 0.6875rem;
		}

		.blog__training { padding-bottom: 6.875rem; }

		.blog__training h3 {
			margin: 0 0 1.75rem;
			font-size: 2.3125rem;
			line-height: 3rem;
		}

		.blog__training h3 a {
			position: relative;
			bottom: 0.375rem;
			margin-left: 2.375rem;
			margin-top: 0;
			font-size: 1.125rem;
			line-height: 1.5rem;
		}

		.blog__training h3 a:hover { text-decoration: none; }

		.blog__training h3 a::after {
			margin-left: 0.75rem;
			width: 0.5625rem;
			height: 0.9375rem;
		}

		.blog__training-flters { margin-bottom: 3.75rem; }

		.blog__training-flters li { margin-bottom: 1.375rem; margin-right: 2.5rem; }

		.blog__training-flters li a { font-size: 1.125rem; line-height: 1.5rem; }

		.blog__training-flters li a:hover { text-decoration: none; }

		.blog__training-wrap {
			flex-direction: column;
			justify-content: flex-start;
			padding-bottom: 0.875rem;
		}

		.blog__training-block {
			margin-bottom: 1.625rem;
			width: 100%;
			border-radius: 1.3125rem;
		}

		.blog__training-block:hover { opacity: 1; }

		.blog__training-block img { height: 31.625rem; border-radius: 1.3125rem; }

		.blog__training-block-info { padding: 1.875rem 3.375rem 3.625rem; }

		.blog__training-block-info h4 {
			margin: 0 0 1rem;
			font-size: 1rem;
			line-height: 2rem;
		}

		.blog__training-block-info h5 {
			margin: 0 0 1.5rem;
			font-size: 1.5rem;
			line-height: 2.125rem;
		}

		.blog__training-block-info p { font-size: 1rem; line-height: 1.8125rem; }
	/* BLOG END */

	/* BLOG-CATEGORY START */
		.blog__category-filter { margin-bottom: 2.5rem; }

		.blog__category-filter ul { border-width: 0.1875rem; border-radius: 1.375rem; }

		.blog__category-filter ul li { margin-right: 0; }

		.blog__category-filter ul li a {
			width: 9.375rem;
			height: 4.375rem;
			font-size: 1.125rem;
			line-height: 1.5rem;
			border-radius: 1.375rem;
		}

		.blog__category-filter ul li a:hover { color: rgba(32, 36, 57, 0.5); background: rgba(255, 255, 255, 0); }
	/* BLOG-CATEGORY END */

	/* BLOG-INNER START */
		.blog__inner-author { margin-bottom: 2.5rem; }

		.blog__inner-author img {
			margin-right: 1.625rem;
			width: 3.375rem;
			height: 3.375rem;
		}

		.blog__inner-author p { font-size: 1.125rem; line-height: 1.8125rem; }

		.blog__inner-text { margin-bottom: 5.25rem; border-radius: 1.3125rem; }

		.blog__inner-text .blog__inner-banner {
			margin-bottom: 3.625rem;
			height: 25.875rem;
			border-top-left-radius: 1.3125rem;
			border-top-right-radius: 1.3125rem;
		}

		.blog__inner-text-wrap { padding: 0 6.25rem 6.25rem; }

		.blog__inner-text h3 {
			margin: 0 0 1.5rem;
			padding-top: 3rem;
			font-size: 1.5rem;
			line-height: 2rem;
		}

		.blog__inner-text p {
			margin: 0 0 1rem;
			font-size: 1.125rem;
			line-height: 1.8125rem;
		}

		.blog__inner-text-wrap {
			font-size: 1.125rem;
			line-height: 1.8125rem;
		}

		.blog__inner-text p a:hover { text-decoration: none; }

		.blog__inner-text a:hover { text-decoration: none; }

		.blog__inner-text img {
			margin: 2.75rem auto 6.625rem;
			max-width: 36.5625rem;
			width: 100%;
		}

		.blog__inner-text blockquote {
			margin: 2.875rem 0 4.625rem;
			padding: 1.125rem 0 1.25rem 4.125rem;
			font-size: 1.5rem;
			line-height: 2.3125rem;
		}

		.blog__inner-text blockquote::before { width: 0.25rem; }

		.blog__inner-text .footnote { padding-top: 2rem; }
	/* BLOG-INNER END */

	/* GYM START */
		.gym { padding-top: 2.875rem; }

		.gym-slider { margin-bottom: 5.125rem; height: 28.375rem; }

		.gym-slider .gym-slide { height: 28.375rem; }

		.gym-slider .gym-slide::after {
			height: 5rem;
			border-bottom-right-radius: 1.375rem;
			border-bottom-left-radius: 1.375rem;
		}

		.gym-slider .gym-slide .gym-img { border-radius: 1.375rem; }

		.gym-slider .gym-slide h3 {
			bottom: 4.5rem;
			left: 4.125rem;
			font-size: 2.375rem;
			line-height: 3rem;
		}

		.gym-slider .slick-dots { bottom: 2.5rem; padding-left: 0;}

		.gym-slider .slick-dots li { margin: 0 1.125rem; }

		.gym-slider .slick-dots li button { width: 0.375rem; height: 0.375rem; }

		.gym-advantages { margin-bottom: 1.875rem; }

		.gym-advantages h3 {
			margin: 0 0 2.5rem;
			font-size: 2.375rem;
			line-height: 3rem;
		}

		.gym-advantages__block {
			margin-right: auto;
			margin-bottom: 3.375rem;
			width: calc(50% - 1.3125rem);
		}

		.gym-advantages__block:nth-child(2n + 2) { margin-right: 0; }
		.gym-advantages__block:nth-child(4n + 4) { margin-right: 0; }

		.gym-advantages__img {
			margin-bottom: 2.125rem;
			width: 100%;
			height: 19rem;
			border-radius: 0.625rem;
		}

		.gym-advantages__block h4 {
			margin: 0 0 0.625rem;
			font-size: 1.125rem;
			line-height: 1.625rem;
		}

		.gym-advantages__block ul li {
			margin: 0 0 0.75rem;
			font-size: 1.125rem;
			line-height: 1.625rem;
		}

		.gym-advantages__block ul li::before {
			top: 0.5rem;
			margin-right: 0.75rem;
			width: 0.875rem;
			height: 0.625rem;
		}
	/* GYM END */

		.club__timetable {
			margin-top: 4rem;
		}
}

@media (max-width: 768px) {
	/* COMMON START */
		.donate { padding-bottom: 5rem; }

		.donate__help p { margin: 0 0 30px; }

		.donate__help h3 { margin: 0 0 24px; }

		.donate__thanks {
			padding-top: 30px;
			height: auto;
			background: none;
			border-radius: 0;
		}

		.donate__thanks h3 {
			margin: 0 0 30px;
			font-size: 22px;
			line-height: 28px;
		}

		.donate__thanks div p {
			font-size: 14px;
			line-height: 22px;
		}

		.donate__form { padding: 20px 0 0; }

		.donate__form form { margin: 0 auto; width: 100%; }

		.donate__form .callback__form-wrapper {
			padding: 20px 0 0;
			background: none;
			border-radius: 0;
		}

		.donate__form .feedback__contacts-wrapper { display: block; }

		.donate__form .callback__textarea { margin-bottom: 25px; }

		.donate__form .callback__text-field { width: 100%; }

		.policy { padding: 16px 18px 30px; max-width: 100%; }
	/* COMMON END */

	/* WE-ARE-BACK START */
		.we-are-back img {
			margin: 2.5rem auto 3.625rem;
			width: 100vw;
			margin-left: -18px;
			border-radius: 0;
		}

		.we-are-back-text { padding: 0 0 5.625rem; max-width: 100%; }

		.we-are-back-text h6 {
			margin: 0 0 2.375rem;
			font-size: 2.125rem;
			line-height: 3.25rem;
		}

		.we-are-back-text p {
			margin: 0 0 1.625rem;
			font-size: 2.125rem;
			line-height: 3.25rem;
		}
	/* WE-ARE-BACK END */

	/* POPUP START */
		.comagic-offline-message-generator--shown {
			padding: 10.5rem 0 0 !important;
			height: 100vh !important;
			overflow: auto !important;
			pointer-events: auto !important;
		}

		.comagic-offline-message-generator__inner {
			margin: 0 !important;
			padding: 3.625rem 2.75rem 3.75rem !important;
			width: 100% !important;
			border-radius: 2.25rem !important;
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
		}

		.comagic-offline-message-generator__close-btn {
			top: -3.75rem !important;
			height: 3rem !important;
			width: 3rem !important;
		}

		.comagic-offline-message-generator__close-btn:hover { opacity: 1 !important; }

		.comagic-offline-message-generator__message {
			margin: 0 0 3.125rem !important;
			font-size: 2.125rem !important;
			line-height: 3.25rem !important;
		}

		.comagic-offline-message-generator__field { margin: 0 0 3.75rem !important; }

		.comagic-offline-message-generator__field__input {
			padding: 0 3.75rem !important;
			height: 7.5rem !important;
			font-size: 2.125rem !important;
			line-height: 7.25rem !important;
		}

		.comagic-offline-message-generator__field-textarea__input,
		.comagic-offline-message-generator__field.comagic-offline-message-generator__field-textarea {
			height: 18.125rem !important;
			border-radius: 3.625rem !important;
		}

		.comagic-offline-message-generator__field-textarea__input { padding: 1.25rem 3.75rem !important; }

		.comagic-offline-message-generator__main-btn {
			margin: 0 auto 1.5625rem !important;
			height: 7.5rem !important;
			font-size: 2.125rem !important;
			line-height: 7.25rem !important;
		}

		.comagic-offline-message-generator__main-btn:hover { opacity: 1 !important; }

		.comagic-offline-message-generator__main-btn__inner { font-size: 2.125rem !important; line-height: 7.25rem !important; }

		a.comagic-offline-message-generator__bottom-bar__link { font-size: 2.125rem !important; line-height: 3.25rem !important; }
	/* POPUP END */

	/* BLOG START */
		.blog { padding-top: 3.125rem; }

		.blog__menu-mob { top: -4.375rem; }

		.is-scrolled .blog__menu-mob { top: 78px; }

		.blog__menu-mob ul { height: 4.375rem; box-shadow: 0 0.1875rem 0.875rem rgba(33, 44, 79, 0.1); }

		.blog__menu-mob ul li { margin: 0 1.75rem; }

		.blog__menu-mob ul li a { font-size: 1.125rem; line-height: 1.5rem; }

		.blog__news h3 {
			margin: 0 0 3.5rem;
			font-size: 3.3125rem;
			line-height: 4.1875rem;
		}

		.blog .btn {
			width: 100%;
			height: 7.5rem;
			font-size: 2.125rem;
			line-height: 2.6875rem;
			border-radius: 10.5rem;
		}

		.blog__news { padding-bottom: 9.375rem; }

		.blog__news-wrap { padding-bottom: 0; }

		.blog__news-block {
			flex-direction: column;
			margin-bottom: 5rem;
			padding: 0;
			min-height: auto;
			background: none;
			border-radius: 0;
		}

		.blog__news-block img {
			order: 1;
			margin-bottom: 2.125rem;
			width: 100%;
			height: 30.25rem;
			border-radius: 1.1875rem;
		}

		.blog__news-block-info { order: 2; }

		.blog__news-block p {
			margin: 0 0 1.1875rem;
			max-width: 100%;
			font-size: 2.125rem;
			line-height: 3.25rem;
		}

		.blog__training { padding-bottom: 9.375rem; }

		.blog__training h3 {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			align-items: center;
			margin: 0 0 3.5rem;
			font-size: 3.3125rem;
			line-height: 4.1875rem;
		}

		.blog__training h3 a {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			bottom: 0;
			margin-left: auto;
			font-size: 2.125rem;
			line-height: 2.6875rem;
		}

		.blog__training h3 a::after {
			margin-left: 1.375rem;
			width: 1rem;
			height: 1.625rem;
		}

		.blog__training-flters {
			-webkit-flex-wrap: nowrap;
			-moz-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
			-o-flex-wrap: nowrap;
			flex-wrap: nowrap;
			margin-bottom: 5.375rem;
			margin-left: -3.25rem;
			padding: 0 3.25rem;
			width: 100vw;
			overflow: auto;
		}

		.blog__training-flters li { position: relative; margin-bottom: 0; margin-right: 3.5rem; }

		.blog__training-flters li:last-child::after {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 3.25rem;
			height: 3.25rem;
			transform: translate(100%, 0);
		}

		.blog__training-flters li a {
			font-size: 2.125rem;
			line-height: 2.75rem;
			white-space: nowrap;
		}

		.blog__training-wrap { padding-bottom: 1.5rem; }

		.blog__training-block { margin-bottom: 3rem; border-radius: 2.375rem; }

		.blog__training-block img { height: 24.625rem; border-radius: 2.375rem; }

		.blog__training-block-info { padding: 1.8125rem 3rem 3.625rem; }

		.blog__training-block-info h4 {
			margin: 0 0 1rem;
			font-size: 2.375rem;
			line-height: 3.625rem;
		}

		.blog__training-block-info h5 {
			margin: 0 0 1.375rem;
			font-size: 2.125rem;
			line-height: 3rem;
		}

		.blog__training-block-info p { font-size: 2.125rem; line-height: 3.25rem; }
	/* BLOG END */

	/* BLOG-CATEGORY START */
		.blog__category-filter {
			margin-bottom: 4.5rem;
			overflow: auto;
		}

		.blog__category-filter ul {
			width: 73.4375rem;
			border-width: 0.3125rem;
			border-radius: 2.375rem;
		}

		.blog__category-filter ul li { margin-right: 0; }

		.blog__category-filter ul li a {
			width: 14.6875rem;
			height: 7.75rem;
			font-size: 1.75rem;
			line-height: 2.375rem;
			border-radius: 2.375rem;
		}
	/* BLOG-CATEGORY END */

	/* BLOG-INNER START */
		.blog__inner-author { margin-bottom: 4.5rem; }

		.blog__inner-author img {
			margin-right: 3rem;
			width: 6rem;
			height: 6rem;
		}

		.blog__inner-author p { font-size: 2.125rem; line-height: 3.25rem; }

		.blog__inner-text {
			margin-bottom: 8.625rem;
			background: none;
			border-radius: 0;
		}

		.blog__inner-text .blog__inner-banner {
			margin-bottom: 3.625rem;
			margin-left: -3.25rem;
			width: 100vw;
			max-width: 100vw;
			height: 30rem;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}

		.blog__inner-text-wrap { padding: 0 0 8.625rem; }

		.blog__inner-text h3 {
			margin: 0 0 2.6875rem;
			padding-top: 5.375rem;
			font-size: 2.6875rem;
			line-height: 3.625rem;
		}

		.blog__inner-text p {
			margin: 0 0 1.875rem;
			font-size: 2rem;
			line-height: 3.25rem;
		}

		.blog__inner-text-wrap {
			font-size: 2rem;
			line-height: 3.25rem;
		}

		.blog__inner-text img { margin: 3.75rem auto 3.75rem; max-width: 100%; }

		.blog__inner-text blockquote {
			margin: 5rem 0 6.875rem;
			padding: 0.625rem 0 1.875rem 4.5rem;
			font-size: 2.6875rem;
			line-height: 3.625rem;
		}

		.blog__inner-text blockquote::before { width: 0.4375rem; }

		.blog__inner-text .footnote { padding-top: 3.625rem; }
	/* BLOG-INNER END */

	/* GYM START */
		.gym { padding-top: 2.875rem; }

		.gym-slider {
			margin-bottom: 7.75rem;
			padding: 0;
			width: 100%;
			height: 48rem;
		}

		.gym-slider .gym-slide { height: 48rem; }

		.gym-slider .gym-slide::after {
			height: 9rem;
			border-bottom-right-radius: 0;
			border-bottom-left-radius: 0;
		}

		.gym-slider .gym-slide .gym-img { border-radius: 0; }

		.gym-slider .gym-slide h3 { display: none; }

		.gym-slider .slick-dots { bottom: 4.5rem; }

		.gym-slider .slick-dots li { margin: 0 1.875rem; }

		.gym-slider .slick-dots li button { width: 0.75rem; height: 0.75rem; }

		.gym-advantages {
			margin-bottom: 6.25rem;
			padding: 0;
			width: 100%;
		}

		.gym-advantages h3 {
			display: block;
			margin: 0 auto 3rem;
			width: calc(100% - 6.5rem);
			font-size: 4.1875rem;
			line-height: 5.375rem;
		}

		.gym-advantages__wrap {
			-webkit-flex-wrap: nowrap;
			-moz-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
			-o-flex-wrap: nowrap;
			flex-wrap: nowrap;
			padding: 0 3.25rem;
			overflow: auto;
		}

		.gym-advantages__block {
			flex-shrink: 0;
			position: relative;
			margin-right: 3rem;
			margin-bottom: 0;
			width: 31.25rem;
		}

		.gym-advantages__block:nth-child(2n + 2) { margin-right: 3rem; }
		.gym-advantages__block:nth-child(4n + 4) { margin-right: 3rem; }

		.gym-advantages__block::after {
			content: '';
			position: absolute;
			top: 0;
			right: -3.25rem;
			width: 3.25rem;
			height: 3.25rem;
			opacity: 0;
			pointer-events: none;
		}

		.gym-advantages__img {
			margin-bottom: 3rem;
			height: 22.5rem;
			border-radius: 1.1875rem;
		}

		.gym-advantages__block h4 {
			margin: 0 0 1.375rem;
			font-size: 2.125rem;
			line-height: 3rem;
		}

		.gym-advantages__block ul li {
			margin: 0 0 1.125rem;
			font-size: 2.125rem;
			line-height: 3rem;
		}

		.gym-advantages__block ul li::before {
			top: 1.125rem;
			margin-right: 1.375rem;
			width: 1.5rem;
			height: 1.125rem;
		}
	/* GYM END */

	/* FREE START */
		.free { padding: 2.5rem 0 6.25rem; }

		.free__banner { margin-bottom: 4.625rem; }

		.free__banner .img { border-radius: 0; }

		.free__banner h2 {
			bottom: 5rem;
			left: 0;
			padding: 0 2.75rem;
			font-size: 2.6875rem;
			line-height: 3.625rem;
		}

		.free__banner h2 br { display: none; }

		.free .free__centering { padding: 0 2.875rem; width: 100%; }

		.free ul { padding: 0; border-bottom-width: 0.3125rem; }

		.free ul li {  margin-bottom: 6.25rem; }

		.free ul li i { margin-right: 5.375rem; width: 6rem; height: 6rem; }

		.free ul li h3 {
			margin: 0 0 1.25rem;
			font-size: 2.125rem;
			line-height: 3rem;
		}

		.free ul li p { font-size: 2.125rem; line-height: 3.25rem; }

		.free__text { padding-top: 2.5rem; }

		.free__text p { margin: 0 0 1.625rem; font-size: 2.125rem; line-height: 3.25rem; }
	/* FREE END */
}

@media (max-width: 767px) {
	.is-scrolled .blog__menu-mob { top: 54px; }

	.blog__training-flters { margin-left: -18px; padding: 0 18px; }

	.blog__training-flters li:last-child::after { width: 18px; height: 18px; }

	/* .blog__category-filter {
		margin-left: -18px;
		padding: 0 18px;
		width: 100vw;
	}

	.blog__category-filter li:last-child::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 18px;
		height: 18px;
		transform: translate(100%, 0);
	} */

	.blog__inner-text .blog__inner-banner { margin-left: -18px; }

	.gym-advantages h3 { padding: 0 18px; width: 100%; }

	.gym-advantages__wrap { padding: 0 18px; }

	.gym-advantages__block::after {
		right: -18px;
		width: 18px;
		height: 18px;
	}
}
/* End */
/* /local/templates/iteraciya/css/slick.css?15572511761776 */
/* /local/templates/iteraciya/css/style.css?1623848012272657 */
/* /local/templates/iteraciya/css/bitrixproger.css?15871619174335 */
/* /local/templates/iteraciya/css/new.css?160828659240591 */