/* Start:/local/templates/miretno_2020/css/styles.css?1637833966118852*/
@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/local/templates/miretno_2020/css/../fonts/manrope-v3-latin_cyrillic-regular.woff2) format("woff2"), url(/local/templates/miretno_2020/css/../fonts/manrope-v3-latin_cyrillic-regular.woff) format("woff")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/local/templates/miretno_2020/css/../fonts/manrope-v3-latin_cyrillic-500.woff2) format("woff2"), url(/local/templates/miretno_2020/css/../fonts/manrope-v3-latin_cyrillic-500.woff) format("woff")
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/miretno_2020/css/../fonts/manrope-v3-latin_cyrillic-700.woff2) format("woff2"), url(/local/templates/miretno_2020/css/../fonts/manrope-v3-latin_cyrillic-700.woff) format("woff")
}

@font-face {
    font-family: Core Sans DS;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/local/templates/miretno_2020/css/../fonts/coresansds45medium.woff2) format("woff2"), url(/local/templates/miretno_2020/css/../fonts/coresansds45medium.woff) format("woff")
}

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

body, html {
    height: 100%
}

body {
    margin: 0
}

img {
    max-width: 100%;
    height: auto
}

a {
    color: inherit;
    text-decoration: none
}

a, blockquote, button, input {
    font: inherit
}

.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
}

body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    font-family: Manrope, sans-serif;
    color: #131d23;
    overflow-x: hidden
}

@media (min-width: 768px) {
    body {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal
    }
}

@media (min-width: 1344px) {
    body {
        font-size: 28px;
        line-height: 48px;
        font-weight: 400;
        letter-spacing: normal
    }
}

body.no-scroll {
    overflow: hidden
}

body.fixed-header {
    padding-top: 80px
}

@media (min-width: 768px) {
    body.fixed-header {
        padding-top: 120px
    }
}

@media (min-width: 1344px) {
    body.fixed-header {
        padding-top: 200px
    }
}

.container {
    width: 100%;
    max-width: 1536px;
    padding: 0 24px;
    margin: 0 auto
}

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

.slider {
    position: relative;
    list-style: none;
    z-index: 1
}

.slider__wrapper {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0
}

.slider__control {
    display: none
}

@media (min-width: 1344px) {
    .slider__control {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        border: 2px solid #bcbec0;
        padding: 0 6px 0 0;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #2c2f5d;
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .slider__control--prev {
        left: calc((100vw - 1424px) / 2);
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg)
    }

    .slider__control--next {
        right: calc((100vw - 1424px) / 2);
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%)
    }

    .slider__control--disabled {
        cursor: not-allowed;
        display: none
    }

    .slider__control:hover {
        color: #c14677
    }
}

.slider__control-icon {
    display: block
}

.js-tab :focus {
    outline: none
}

.js-tab--active :focus {
    outline: 2px solid #c14677
}

.to-top {
    position: fixed;
    bottom: 12px;
    left: 24px;
    z-index: 10
}

.to-top--hidden {
    display: none
}

@media (min-width: 768px) {
    .to-top {
        bottom: 24px;
        left: 64px
    }
}

@media (min-width: 1344px) {
    .to-top {
        left: 16px
    }
}

.to-top button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(44, 47, 93, .16);
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.to-top button svg {
    width: 24px;
    height: 24px;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #2c2f5d;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s
}

.to-top button:hover {
    background-color: #2c2f5d
}

.to-top button:hover svg {
    color: #fff
}

.to-top button:active svg {
    -webkit-transform: rotate(-90deg) translateX(5px);
    transform: rotate(-90deg) translateX(5px)
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: visible
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 12px 24px;
    background-color: #fff;
    margin: 0
}

@media (min-width: 768px) {
    .choices[data-type*=select-one] .choices__input {
        padding: 10px 24px
    }
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    -webkit-box-shadow: 0 0 0 2px #00bcd4;
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none
}

.choices[data-type*=select-one]:after {
    content: "";
    pointer-events: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' fill='none'%3E%3Cpath d='M4 11l7.283 7.283a1 1 0 001.414 0L19.981 11' stroke='%23C14677' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain
}

@media (min-width: 768px) {
    .choices[data-type*=select-one]:after {
        width: 24px;
        height: 24px
    }
}

.choices[data-type*=select-one].is-open:after {
    -webkit-transform: rotateX(180deg) translateY(50%);
    transform: rotateX(180deg) translateY(50%)
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMi41OTIuMDQ0bDE4LjM2NCAxOC4zNjQtMi41NDggMi41NDhMLjA0NCAyLjU5MnoiLz48cGF0aCBkPSJNMCAxOC4zNjRMMTguMzY0IDBsMi41NDggMi41NDhMMi41NDggMjAuOTEyeiIvPjwvZz48L3N2Zz4=);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover {
    opacity: 1
}

.choices__inner {
    font-size: 14px;
    line-height: 20px;
    color: #72787b;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f7f7f7;
    padding: 13px 16px;
    border: 1px solid #f7f7f7;
    overflow: hidden
}

.choices:hover .choices__inner {
    border-color: #bcbec0
}

@media (min-width: 768px) {
    .choices__inner {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 25px 23px
    }
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #f7f7f7
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 0;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 100%;
    margin-top: -1px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
    -webkit-box-shadow: 0 0 24px rgba(44, 47, 93, .16);
    box-shadow: 0 0 24px rgba(44, 47, 93, .16)
}

.choices__list--dropdown.is-active {
    visibility: visible
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 176px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

@media (min-width: 768px) {
    .choices__list--dropdown .choices__list {
        max-height: 192px
    }
}

.choices__list--dropdown .choices__item {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    position: relative;
    padding: 8px 24px
}

.choices__list--dropdown .choices__item:nth-child(odd) {
    background-color: #f7f7f7
}

@media (min-width: 768px) {
    .choices__list--dropdown .choices__item {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 10px 24px
    }
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    color: #c14677
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: grey
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b;
    display: inline-block;
    vertical-align: baseline;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    -webkit-box-shadow: 0 0 24px rgba(44, 47, 93, .16);
    box-shadow: 0 0 24px rgba(44, 47, 93, .16)
}

@media (min-width: 768px) {
    .choices__input {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.choices__input:focus {
    outline: 0
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}

.page-header {
    padding: 8px 0 11px;
    background-color: #fff;
    grid-area: header
}

@media (min-width: 768px) {
    .page-header {
        padding: 17px 0 16px
    }
}

@media (min-width: 1344px) {
    .page-header {
        padding: 15px 0 23px
    }
}

.page-header .container {
    position: relative
}

.page-header--fixed {
    width: 100%;
    padding: 9.5px 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-box-shadow: 0 0 24px rgba(44, 47, 93, .2);
    box-shadow: 0 0 24px rgba(44, 47, 93, .2)
}

@media (min-width: 768px) {
    .page-header--fixed {
        padding: 8px 0
    }
}

@media (min-width: 1344px) {
    .page-header--fixed {
        padding: 24px 0
    }
}

@media (max-width: 1343px) {
    .page-header--open {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        padding: 112px 0 0;
        max-height: 100vh;
        overflow: auto
    }

    .page-header--open:after {
        content: "";
        display: block;
        width: 100%;
        padding-top: 72px
    }

    .page-header--open .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: static
    }
}

@media (max-width: 767px) {
    .page-header--open {
        padding: 63px 0 0
    }

    .page-header--open:after {
        padding-top: 40px
    }
}

.page-header__row {
    width: 100%;
    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
}

@media (max-width: 1343px) {
    .page-header--open .page-header__row--top {
        display: block;
        margin: 72px 0 0
    }
}

@media (max-width: 767px) {
    .page-header--open .page-header__row--top {
        margin: 48px 0 0
    }
}

@media (min-width: 1344px) {
    .page-header__row--top {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
        grid-template-columns: repeat(12, 1fr);
        grid-column-gap: 32px;
        grid-template-areas: "wrapper wrapper wrapper wrapper wrapper wrapper partners partners partners partners membership membership"
    }
}

.page-header__row--bottom {
    display: none
}

@media (min-width: 1344px) {
    .page-header__row--bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 2px
    }

    .page-header--fixed .page-header__row--bottom {
        position: relative;
        padding: 0 228px 0 132px;
        margin: 0
    }
}

@media (max-width: 1343px) {
    .page-header--open .page-header__row--bottom {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        display: block
    }
}

@media (min-width: 1344px) {
    .page-header__wrapper {
        grid-area: wrapper;
        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;
        padding: 0 36px 0 0
    }
}

@media (min-width: 1344px) {
    .page-header__logo {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }

    .page-header--fixed .page-header__logo {
        position: absolute;
        top: 50%;
        left: 64px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }
}

@media (max-width: 1343px) {
    .page-header--open .page-header__logo {
        display: none
    }
}

.page-header__region {
    display: none
}

@media (max-width: 1343px) {
    .page-header--open .page-header__region {
        display: block
    }
}

@media (min-width: 1344px) {
    .page-header__region {
        display: block;
        margin: 0 0 0 auto
    }

    .page-header--fixed .page-header__region {
        display: none
    }
}

.page-header__contacts {
    display: none
}

@media (max-width: 1343px) {
    .page-header--open .page-header__contacts {
        display: block;
        margin: 32px 0 0
    }
}

@media (max-width: 767px) {
    .page-header--open .page-header__contacts {
        margin: 16px 0 0
    }
}

@media (min-width: 1344px) {
    .page-header__contacts {
        display: block
    }

    .page-header--fixed .page-header__contacts {
        display: none
    }
}

.page-header__partners {
    display: none
}

@media (max-width: 1343px) {
    .page-header--open .page-header__partners {
        display: block;
        margin: 80px 0 88px
    }
}

@media (max-width: 767px) {
    .page-header--open .page-header__partners {
        margin: 42px 0 40px
    }
}

@media (min-width: 1344px) {
    .page-header__partners {
        display: block;
        grid-area: partners;
        -ms-grid-row-align: center;
        align-self: center
    }

    .page-header--fixed .page-header__partners {
        display: none
    }
}

@media (min-width: 1344px) {
    .page-header__membership {
        grid-area: membership;
        -ms-grid-row-align: center;
        align-self: center
    }

    .page-header--fixed .page-header__membership {
        position: absolute;
        top: 50%;
        right: 64px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }
}

.page-header__social-language {
    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
}

@media (max-width: 1343px) {
    .page-header--open .page-header__social-language {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .page-header--open .page-header__social-language {
        display: block
    }
}

.logo {
    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
}

@media (min-width: 1344px) {
    .page-header .logo {
        padding: 0 0 0 3px
    }
}

.page-footer .logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 1344px) {
    .page-footer .logo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.logo a, .logo img {
    display: block
}

.page-header .logo img {
    width: 66px;
    height: auto
}

@media (min-width: 768px) {
    .page-header .logo img {
        width: 95px
    }
}

@media (min-width: 1344px) {
    .page-header .logo img {
        width: 122px
    }
}

.page-header.page-header--fixed .logo img {
    width: 49.31px
}

@media (min-width: 768px) {
    .page-header.page-header--fixed .logo img {
        width: 70px
    }
}

@media (min-width: 1344px) {
    .page-header.page-header--fixed .logo img {
        width: 70px
    }
}

.page-footer .logo img {
    width: 66px;
    height: auto
}

@media (min-width: 768px) {
    .page-footer .logo img {
        width: 122px
    }
}

@media (max-width: 1343px) {
    .page-header--open .region {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.region__current {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: normal;
    color: #2c2f5d;
    padding: 0;
    margin: 0 41px 0 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    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
}

@media (max-width: 1343px) {
    .page-header--open .region__current {
        margin: 0
    }
}

@media (max-width: 767px) {
    .page-header--open .region__current {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: normal
    }
}

.region__current svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0
}

.region__current span {
    border-bottom: 1px dotted #2c2f5d
}

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

@media (min-width: 768px) {
    .partners__list {
        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
    }
}

.partners__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 16px
}

.partners__item:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .partners__item {
        display: block;
        margin: 0 20px
    }
}

@media (min-width: 1344px) {
    .partners__item {
        margin: 0 8px
    }
}

.partners__img, .partners__link {
    display: block
}

.membership {
    display: none
}

@media (max-width: 767px) {
    .page-header--open .membership {
        display: block
    }
}

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

.membership button {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    display: block;
    width: 100%;
    color: #c14677;
    text-align: center;
    padding: 9px 26px;
    background-color: #f7f7f7;
    position: relative;
    z-index: 0;
    -webkit-transition: color .3s;
    transition: color .3s;
    border: none;
    cursor: pointer
}

.membership button:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #c14677;
    -webkit-transition: width .3s;
    transition: width .3s
}

.membership button:hover {
    color: #fff
}

.membership button:hover:before {
    width: 100%;
    right: auto;
    left: 0
}

@media (min-width: 1344px) {
    .membership button {
        padding: 9px 0
    }

    .page-header--fixed .membership button {
        padding: 9px 26px
    }
}

.burger {
    padding: 0;
    background-color: transparent;
    border: none;
    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;
    width: 32px;
    height: 25px;
    overflow: hidden;
    cursor: pointer
}

@media (min-width: 768px) {
    .burger {
        margin-left: 63px
    }
}

@media (min-width: 1344px) {
    .burger {
        display: none
    }
}

@media (max-width: 1343px) {
    .page-header--open .burger {
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 80px;
        margin: 0
    }
}

@media (max-width: 767px) {
    .page-header--open .burger {
        width: 56px;
        height: 56px
    }
}

.burger__decoration {
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background-color: #c14677;
    position: relative
}

.burger__decoration:after, .burger__decoration:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: inherit;
    border-radius: 3px
}

.burger__decoration:before {
    width: 50%;
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    -webkit-transition: width .3s;
    transition: width .3s
}

.burger__decoration:after {
    width: 100%;
    -webkit-transform: translateY(11px);
    transform: translateY(11px)
}

.burger:hover .burger__decoration .page-header:not(.page-header--open):before {
    width: 100%
}

.page-header--open .burger__decoration {
    background-color: transparent
}

.page-header--open .burger__decoration:after, .page-header--open .burger__decoration:before {
    width: 32px;
    height: 4px;
    background-color: #c14677;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: none;
    transition: none
}

.page-header--open .burger__decoration:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.page-header--open .burger__decoration:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media (max-width: 767px) {
    .page-header--open .burger__decoration:after, .page-header--open .burger__decoration:before {
        width: 23px;
        height: 3px
    }
}

.page-header .main-navigation {
    margin-right: auto;
    padding-left: 3px
}

@media (max-width: 1343px) {
    .page-header--open .main-navigation {
        padding: 0;
        margin: 0
    }
}

.main-navigation__list {
    list-style: none;
    padding: 0;
    margin: 0 -28px;
    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
}

@media (max-width: 1343px) {
    .page-header--open .main-navigation__list {
        display: block;
        width: 100%;
        margin: 0 0 69px
    }
}

@media (max-width: 767px) {
    .page-header--open .main-navigation__list {
        margin: 0 0 41px
    }
}

.page-footer .main-navigation__list {
    display: block;
    margin: 0
}

.main-navigation__item {
    margin: 0 28px
}

@media (max-width: 1343px) {
    .page-header--open .main-navigation__item {
        margin: 0;
        border-top: 1px solid #f7f7f7
    }

    .page-header--open .main-navigation__item:last-child {
        border-bottom: 1px solid #f7f7f7
    }
}

.page-footer .main-navigation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 16px
}

.page-footer .main-navigation__item:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .page-footer .main-navigation__item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 18px
    }
}

.main-navigation__link {
    display: block;
    -webkit-transition: color .3s;
    transition: color .3s
}

.page-header .main-navigation__link {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    color: #2c2f5d
}

@media (max-width: 1343px) {
    .page-header--open .main-navigation__link {
        text-align: center;
        padding: 20px 0
    }
}

@media (max-width: 767px) {
    .page-header--open .main-navigation__link {
        padding: 17px 0
    }
}

.page-footer .main-navigation__link {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    color: #fff
}

.main-navigation__link:hover {
    color: #c14677
}

.language {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.social + .language {
    padding-left: 32px;
    position: relative
}

.social + .language:before {
    content: "";
    width: 2px;
    height: 24px;
    background-color: #f7f7f7;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 1344px) {
    .page-header--fixed .language {
        display: none
    }
}

@media (max-width: 767px) {
    .page-header--open .language {
        padding: 23px 0 0;
        margin: 14px 0 0
    }

    .page-header--open .language:before {
        width: 100%;
        height: 2px;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.language__list {
    list-style: none;
    padding: 0;
    margin: 0;
    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
}

@media (max-width: 767px) {
    .page-header--open .language__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.language__item {
    margin: 0 0 0 32px
}

.language__item:first-child {
    margin-left: 0
}

.language__link {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: normal;
    display: block;
    color: #2c2f5d;
    -webkit-transition: color .3s;
    transition: color .3s
}

.language__link--active, .language__link:hover {
    color: #c14677
}

.social {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-header .social {
    margin: 0 15px 0 0
}

@media (min-width: 1344px) {
    .page-header--fixed .social {
        display: none
    }
}

@media (max-width: 767px) {
    .page-header--open .social {
        margin: 0
    }
}

.social__list {
    list-style: none;
    padding: 0;
    margin: 0;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .page-header--open .social__list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-footer .social__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.social__item {
    margin: 0 0 0 8px
}

.page-header .social__item:first-child {
    margin-left: 0
}

.page-footer .social__item {
    margin: 0 12px
}

@media (min-width: 768px) {
    .page-footer .social__item {
        margin: 0 24px 0 0
    }
}

.social__link {
    width: 48px;
    height: 48px;
    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;
    color: #2c2f5d;
    -webkit-transition: color .3s;
    transition: color .3s
}

.page-footer .social__link {
    background-color: #fff
}

.social__link:hover {
    color: #c14677
}

.social__icon {
    max-width: 100%;
    max-height: 100%
}

.page-footer {
    background-color: #2c2f5d;
    background-image: linear-gradient(180deg, #fff 20px, #2c2f5d 0);
    position: relative;
    padding: 59px 0 45px;
    color: #fff;
    z-index: 11;
    grid-area: footer
}

.page-footer:before {
    content: "";
    height: 32px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/local/templates/miretno_2020/css/../img/bg_footer.svg);
    background-size: 32px 32px;
    background-position: 50%
}

@media (min-width: 768px) {
    .page-footer {
        padding: 91px 0 50px;
        background-image: linear-gradient(180deg, #fff 25px, #2c2f5d 0)
    }

    .page-footer:before {
        height: 40px;
        background-size: 40px 40px
    }
}

@media (min-width: 1344px) {
    .page-footer {
        background-image: linear-gradient(180deg, #fff 52px, #2c2f5d 0);
        padding: 172px 0 101px
    }

    .page-footer:before {
        height: 78px;
        background-size: 78px 78px
    }
}

.page-footer__row--bottom {
    margin: 37px 0 0
}

@media (min-width: 768px) {
    .page-footer__row--top {
        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
    }

    .page-footer__row--bottom {
        margin: 47px 0 0
    }
}

@media (min-width: 1344px) {
    .page-footer__row {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 32px
    }

    .page-footer__row--top {
        -ms-grid-columns:(1fr) [ 12 ];
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: "logo logo logo nav nav nav nav nav nav contacts contacts contacts"
    }

    .page-footer__row--bottom {
        -ms-grid-columns:(1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas: "copyright partners picom";
        margin: 94px 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page-footer__row--bottom > .page-header__partners {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }
}

.page-footer__logo {
    margin: 0 0 30px
}

@media (min-width: 768px) {
    .page-footer__logo {
        width: 100%;
        margin: 0 0 47px
    }
}

@media (min-width: 1344px) {
    .page-footer__logo {
        padding: 3px 0 0 7px;
        margin: 0;
        grid-area: logo
    }
}

@media (min-width: 768px) {
    .page-footer__navigation {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 12px 0 0
    }
}

@media (min-width: 1344px) {
    .page-footer__navigation {
        width: auto;
        grid-area: nav;
        padding: 3px 0 0
    }
}

.page-footer__contacts {
    margin: 16px 0 0
}

@media (min-width: 768px) {
    .page-footer__contacts {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 0 0 94px;
        margin: 0
    }
}

@media (min-width: 1344px) {
    .page-footer__contacts {
        grid-area: contacts;
        padding: 3px 0 0;
        width: auto
    }
}

@media (min-width: 1344px) {
    .page-footer__logo {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .page-footer__navigation {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
        -ms-grid-column-span: 6
    }

    .page-footer__contacts {
        -ms-grid-row: 1;
        -ms-grid-column: 10;
        -ms-grid-column-span: 3
    }
}

.page-footer__copyright {
    text-align: center;
    margin: 0 0 34px
}

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

@media (min-width: 1344px) {
    .page-footer__copyright {
        text-align: left;
        padding: 0 0 0 5px;
        margin: 0;
        grid-area: copyright;
        -ms-grid-row-align: center;
        align-self: center
    }
}

.page-footer__partners {
    grid-area: partners;
    -ms-grid-row-align: center;
    align-self: center
}

.page-footer__picom {
    text-align: center;
    margin: 44px 0 0
}

@media (min-width: 1344px) {
    .page-footer__picom {
        padding: 0 0 0 120px;
        margin: 0;
        text-align: left;
        grid-area: picom;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media (min-width: 1344px) {
    .page-header__wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 11
    }

    .page-header__partners {
        -ms-grid-row: 1;
        -ms-grid-column: 13;
        -ms-grid-column-span: 7
    }

    .page-header__membership {
        -ms-grid-row: 1;
        -ms-grid-column: 21;
        -ms-grid-column-span: 3
    }

    .page-footer__copyright {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .page-footer__partners {
        -ms-grid-row: 1;
        -ms-grid-column: 13;
        -ms-grid-column-span: 7
    }

    .page-footer__row--bottom > .page-footer__partners {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .page-footer__picom {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

.page-footer .communication {
    margin: 0 0 42px
}

@media (min-width: 768px) {
    .page-footer .communication {
        margin: 0 0 49px
    }
}

@media (min-width: 1344px) {
    .page-footer .communication {
        margin: 0 0 55px
    }
}

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

@media (max-width: 1343px) {
    .page-header--open .communication__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-footer .communication__item {
    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 0 16px
}

@media (min-width: 768px) {
    .page-footer .communication__item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 18px
    }
}

.page-footer .communication__item:last-child {
    margin-bottom: 0
}

.communication__link {
    display: block;
    color: #fff;
    -webkit-transition: color .3s;
    transition: color .3s
}

.page-header .communication__link {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: normal;
    color: #c14677
}

.page-header .communication__link:hover {
    color: #2c2f5d
}

.page-footer .communication__link {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal
}

.page-footer .communication__link:hover {
    color: #c14677
}

.copyright {
    margin: 0
}

@media (min-width: 768px) {
    .copyright {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.picom {
    margin: 0
}

@media (min-width: 768px) {
    .picom {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.picom a {
    -webkit-transition: color .3s;
    transition: color .3s
}

.picom a:hover {
    color: #c14677
}

@media (min-width: 768px) {
    .picom br {
        display: none
    }
}

.promo {
    padding: 32px 0 31px;
    background-color: #f7f7f7;
    background-image: url(/local/templates/miretno_2020/css/../img/bg_promo.svg);
    text-align: center;
    position: relative;
    z-index: 0;
    color: #2c2f5d
}

@media (min-width: 768px) {
    .promo {
        padding: 38px 0 48px
    }
}

@media (min-width: 1344px) {
    .promo {
        padding: 71px 0
    }

    .promo:after, .promo:before {
        content: "";
        height: 100%;
        width: 112px;
        position: absolute;
        top: 0;
        z-index: -1;
        background-image: url(/local/templates/miretno_2020/css/../img/icon_promo.svg);
        background-size: 100% auto;
        background-repeat: repeat-y;
        background-position: 50%
    }

    .promo:before {
        left: 0
    }

    .promo:after {
        right: 0;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
}

.promo__slogan {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: normal;
    width: 100vw;
    margin: 0 -24px 4px;
    color: #038a88
}

@media (min-width: 768px) {
    .promo__slogan {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        width: 100%;
        margin: 0
    }
}

@media (min-width: 1344px) {
    .promo__slogan {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em;
        margin: 0 0 10px
    }
}

.promo__date {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: normal;
    margin: 0
}

@media (min-width: 768px) {
    .promo__date {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -.005em
    }
}

@media (min-width: 1344px) {
    .promo__date {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em
    }
}

.promo__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    padding: 0;
    margin: 7px 0
}

@media (min-width: 768px) {
    .promo__header {
        font-weight: 700;
        letter-spacing: -.005em;
        font-size: 32px;
        line-height: 40px;
        padding: 0 50px;
        margin: 16px 0
    }
}

@media (min-width: 1344px) {
    .promo__header {
        font-weight: 700;
        font-size: 80px;
        line-height: 100px;
        letter-spacing: normal;
        padding: 0 10px;
        margin: 0
    }
}

.promo__link-wrapper {
    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;
    margin: 18px 0 0
}

@media (min-width: 768px) {
    .promo__link-wrapper {
        margin: 26px 0 0
    }
}

@media (min-width: 1344px) {
    .promo__link-wrapper {
        margin: 31px 0 0
    }
}

.promo__link {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    position: relative;
    z-index: 0;
    color: #fff;
    background-color: #c14677;
    padding: 9px;
    width: 100%
}

.promo__link:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #2c2f5d;
    -webkit-transition: width .3s;
    transition: width .3s
}

.promo__link:hover:before {
    width: 100%;
    right: auto;
    left: 0
}

@media (min-width: 768px) {
    .promo__link {
        padding: 9px 86px;
        width: auto
    }
}

@media (min-width: 1344px) {
    .promo__link {
        font-family: Core Sans DS, sans-sefif;
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: -.01em;
        padding: 20px 118px
    }
}

.about {
    padding: 34px 0;
    background-color: #038a88;
    color: #fff
}

@media (min-width: 768px) {
    .about {
        padding: 65px 0 60px
    }
}

@media (min-width: 1344px) {
    .about {
        padding: 110px 0 96px
    }
}

.about__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.005em;
    margin: 0 0 10px
}

@media (min-width: 768px) {
    .about__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 29px
    }
}

@media (min-width: 1344px) {
    .about__header {
        font-weight: 700;
        font-size: 80px;
        line-height: 100px;
        letter-spacing: normal;
        margin: 0 0 69px
    }
}

.about__name {
    margin: 10px 0 11px
}

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

.about__name p {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: normal;
    margin: 0
}

@media (min-width: 768px) {
    .about__name p {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em
    }
}

.about__text {
    margin: 11px 0
}

@media (min-width: 768px) {
    .about__text {
        margin: 16px 0
    }
}

.about__list-header {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .about__list-header {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0
    }
}

@media (min-width: 1344px) {
    .about__list-header {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em
    }
}

.about ol {
    counter-reset: about;
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width: 768px) {
    .about ol {
        padding: 2px 0 0
    }
}

.about ol li {
    counter-increment: about;
    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;
    margin: 0 0 8px
}

.about ol li:before {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 700;
    content: counter(about) ".";
    margin: 0 1px 0 0;
    min-width: 15px
}

@media (min-width: 768px) {
    .about ol li:before {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0 10px 0 0
    }
}

@media (min-width: 1344px) {
    .about ol li:before {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em;
        min-width: 29px
    }
}

.about ol li:last-child {
    margin-bottom: 0
}

@media (min-width: 1344px) {
    .about ol li {
        margin: 0
    }
}

@media (min-width: 1344px) {
    .about ol {
        margin: 0 0 1px
    }
}

.instruction {
    position: relative;
    background-color: #f7f7f7;
    padding: 34px 0
}

.instruction:after {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(/local/templates/miretno_2020/css/../img/section-pattern.svg);
    background-position: 50%
}

@media (min-width: 768px) {
    .instruction {
        padding: 65px 0 64px
    }
}

@media (min-width: 1344px) {
    .instruction {
        padding: 103px 0 168px
    }
}

.modal .instruction {
    padding: 0;
    background-color: inherit
}

.modal .instruction:after, .modal .instruction:before {
    content: none
}

.instruction__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.005em;
    color: #2c2f5d;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .instruction__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        max-width: 50%;
        margin: 0 0 44px
    }
}

@media (min-width: 1344px) {
    .instruction__header {
        font-weight: 700;
        font-size: 80px;
        line-height: 100px;
        letter-spacing: normal;
        margin: 0 0 95px
    }
}

.modal .instruction__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    color: #2c2f5d;
    text-align: center;
    margin: 0 0 53px;
    max-width: none
}

@media (min-width: 768px) {
    .modal .instruction__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 92px
    }
}

.instruction__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto 18px auto 18px auto;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 24px;
    grid-row-gap: 18px
}

.instruction__list > :first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.instruction__list > :nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.instruction__list > :nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.instruction__list > :nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

.instruction__list > :nth-child(5) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
}

.instruction__list > :nth-child(6) {
    -ms-grid-row: 5;
    -ms-grid-column: 3
}

@media (min-width: 768px) {
    .instruction__list {
        grid-row-gap: 32px
    }
}

@media (min-width: 1344px) {
    .instruction__list {
        -ms-grid-columns: 1fr 32px 1fr 32px 1fr;
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: auto 98px auto;
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 32px;
        grid-row-gap: 98px
    }

    .instruction__list > :first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .instruction__list > :nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .instruction__list > :nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    .instruction__list > :nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .instruction__list > :nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .instruction__list > :nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 5
    }
}

.modal .instruction__list {
    display: block
}

.instruction__item {
    padding: 0 5px 0 0
}

@media (min-width: 768px) {
    .instruction__item {
        padding: 0
    }
}

.modal .instruction__item {
    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;
    margin: 0 0 8px
}

.modal .instruction__item:last-child {
    margin-bottom: 0
}

.instruction__step-number {
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    letter-spacing: -.005em;
    color: #2c2f5d;
    padding: 0;
    margin: 0 0 3px;
    position: relative;
    z-index: 0
}

.instruction__step-number:after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #c14677;
    display: inline-block;
    margin: 0 0 0 8px
}

.instruction__item:nth-child(2n) .instruction__step-number:before {
    top: calc(50% + 20px);
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg)
}

.instruction__item:last-child .instruction__step-number:before {
    content: none
}

.instruction__item:first-child .instruction__step-number {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.instruction__item:first-child .instruction__step-number:before {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.instruction__item:nth-child(2) .instruction__step-number {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.instruction__item:nth-child(2) .instruction__step-number:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.instruction__item:nth-child(3) .instruction__step-number {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.instruction__item:nth-child(3) .instruction__step-number:before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.instruction__item:nth-child(4) .instruction__step-number {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.instruction__item:nth-child(4) .instruction__step-number:before {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.instruction__item:nth-child(5) .instruction__step-number {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.instruction__item:nth-child(5) .instruction__step-number:before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.animated-block--init .instruction__step-number {
    -webkit-animation-name: showInstructionNumber;
    animation-name: showInstructionNumber;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.animated-block--init .instruction__step-number:before {
    -webkit-animation-name: showInstructionArrow;
    animation-name: showInstructionArrow;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.animated-block--animated .instruction__step-number, .animated-block--animated .instruction__step-number:before {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media (min-width: 1344px) {
    .instruction__step-number {
        font-weight: 700;
        font-size: 80px;
        line-height: 100px;
        letter-spacing: normal;
        padding: 0 0 0 8px;
        margin: 0 0 12px
    }

    .instruction__step-number:before {
        content: "";
        width: 292px;
        height: 44px;
        position: absolute;
        top: calc(50% - 20px);
        right: 28px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-image: url(/local/templates/miretno_2020/css/../img/instruction-arrow.svg);
        background-repeat: no-repeat;
        background-position: 100%
    }

    .instruction__step-number:after {
        width: 16px;
        height: 16px
    }
}

.modal .instruction__step-number {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    margin: 0 11px 0 0
}

.modal .instruction__step-number:before {
    content: none
}

.modal .instruction__step-number:after {
    width: 3px;
    height: 3px;
    background-color: #2c2f5d;
    margin: 0
}

@media (min-width: 768px) {
    .modal .instruction__step-number {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0 15px 0 0
    }
}

.instruction__step-content {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 700;
    color: #2c2f5d;
    margin: 0
}

.instruction__item:first-child .instruction__step-content {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.instruction__item:nth-child(2) .instruction__step-content {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.instruction__item:nth-child(3) .instruction__step-content {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.instruction__item:nth-child(4) .instruction__step-content {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.instruction__item:nth-child(5) .instruction__step-content {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.animated-block--init .instruction__step-content {
    -webkit-animation-name: showInstructionContent;
    animation-name: showInstructionContent;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.animated-block--animated .instruction__step-content {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@media (min-width: 768px) {
    .instruction__step-content {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -.005em
    }
}

@media (min-width: 1344px) {
    .instruction__step-content {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em
    }
}

.modal .instruction__step-content {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal
}

@media (min-width: 768px) {
    .modal .instruction__step-content {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal
    }
}

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

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

@-webkit-keyframes showInstructionContent {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes showInstructionContent {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

.quote {
    padding: 34px 0
}

@media (min-width: 768px) {
    .quote {
        padding: 64px 0
    }
}

@media (min-width: 1344px) {
    .quote {
        padding: 176px 0 156px
    }
}

.quote__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-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .quote__wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width: 1344px) {
    .quote__wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 5fr 32px 7fr;
        grid-template-columns: 5fr 7fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        grid-column-gap: 32px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .quote__wrapper > :first-child {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .quote__wrapper > :nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

.quote__img-wrapper {
    position: relative
}

@media (min-width: 768px) {
    .quote__img-wrapper {
        max-width: calc(100% - 55px);
        padding: 0 10px
    }
}

@media (min-width: 1344px) {
    .quote__img-wrapper {
        max-width: none;
        padding: 0;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.quote__img-wrapper img {
    display: block;
    margin: 0 auto
}

.quote__img-wrapper svg {
    width: 64px;
    height: 64px;
    display: block;
    position: absolute;
    top: 8px;
    right: -16px
}

@media (min-width: 768px) {
    .quote__img-wrapper svg {
        width: 124px;
        height: 124px;
        top: 16px;
        right: -55px
    }
}

@media (min-width: 1344px) {
    .quote__img-wrapper svg {
        width: 184px;
        height: 184px
    }
}

.quote__content {
    width: 100%;
    padding: 23px 0 0
}

@media (min-width: 768px) {
    .quote__content {
        padding: 36px 0 0
    }
}

@media (min-width: 1344px) {
    .quote__content {
        padding: 41px 0 0 83px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.quote__blockquote, .quote__text p {
    margin: 0
}

.quote__text p + .quote__text p {
    margin-top: 1em
}

@media (min-width: 768px) {
    .quote__text p {
        font-size: 24px;
        line-height: 40px;
        font-weight: 700;
        font-weight: 500;
        letter-spacing: normal
    }
}

@media (min-width: 1344px) {
    .quote__text p {
        font-size: 28px;
        line-height: 48px;
        font-weight: 400;
        letter-spacing: normal
    }
}

.quote__author {
    color: #2c2f5d;
    margin: 12px 0 0
}

@media (min-width: 768px) {
    .quote__author {
        margin: 15px 0 0
    }
}

@media (min-width: 1344px) {
    .quote__author {
        margin: 40px 0 0
    }
}

.quote__author-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: normal;
    margin: 0
}

@media (min-width: 768px) {
    .quote__author-name {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em
    }
}

.quote__author-position {
    margin: 1px 0 0
}

@media (min-width: 768px) {
    .quote__author-position {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal;
        margin: 0;
        max-width: 75%
    }
}

@media (min-width: 1344px) {
    .quote__author-position {
        max-width: 66.666666%
    }
}

.moments {
    padding: 34px 0 98px;
    overflow: hidden
}

@media (min-width: 768px) {
    .moments {
        padding: 65px 0 167px
    }
}

@media (min-width: 1344px) {
    .moments {
        padding: 105px 0 135px
    }
}

.moments__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.005em;
    color: #2c2f5d;
    margin: 0 0 15px
}

@media (min-width: 768px) {
    .moments__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 16px
    }
}

@media (min-width: 1344px) {
    .moments__header {
        font-weight: 700;
        font-size: 80px;
        line-height: 100px;
        letter-spacing: normal;
        margin: 0 0 27px
    }
}

.moments__description {
    padding: 0;
    margin: 15px 0 35px
}

@media (min-width: 768px) {
    .moments__description {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 28px;
        margin: 16px 0 37px;
        max-width: 550px
    }
}

@media (min-width: 1344px) {
    .moments__description {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 0 0 0 3px;
        margin: 27px 0 73px;
        max-width: 740px
    }
}

.moments__list {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 32px);
    margin: 0 -16px
}

.slider .moments__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0
}

.moments__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 16px 16px;
    width: 272px
}

@media (min-width: 768px) {
    .moments__item {
        width: 308px
    }
}

@media (min-width: 1344px) {
    .moments__item {
        width: 448px
    }
}

.slider .moments__item {
    margin: 0;
    opacity: .08;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.slider .moments__item.swiper-slide-active {
    opacity: 1
}

@media (min-width: 768px) {
    .slider .moments__item.swiper-slide-next, .slider .moments__item.swiper-slide-prev {
        opacity: 1
    }
}

.moments__img {
    display: block
}

.statistics {
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
    padding: 34px 0 30px
}

.statistics:before {
    top: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.statistics:after, .statistics:before {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    left: 0;
    background-image: url(/local/templates/miretno_2020/css/../img/section-pattern.svg);
    background-position: 50%
}

.statistics:after {
    bottom: 0
}

@media (min-width: 768px) {
    .statistics {
        padding: 65px 0 60px
    }
}

@media (min-width: 1344px) {
    .statistics {
        padding: 109px 0 142px
    }
}

.statistics__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.005em;
    color: #2c2f5d;
    margin: 0 0 12px
}

@media (min-width: 768px) {
    .statistics__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 18px
    }
}

@media (min-width: 1344px) {
    .statistics__header {
        font-weight: 700;
        font-size: 80px;
        line-height: 100px;
        letter-spacing: normal;
        margin: 0 0 48px
    }
}

.statistics__legend-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .statistics__legend-list {
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 12px
    }
}

@media (min-width: 1344px) {
    .statistics__legend-list {
        padding: 0 0 0 3px;
        margin: 0 0 -12px
    }
}

.statistics__legend-item {
    color: #2c2f5d;
    padding: 0 0 0 23px;
    margin: 0 0 6px;
    position: relative
}

.statistics__legend-item:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.statistics__legend-item--countries:before {
    background-color: #c14677
}

.statistics__legend-item--participants:before {
    background-color: #2c2f5d
}

@media (min-width: 768px) {
    .statistics__legend-item {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 0 0 0 36px;
        margin: 0 64px 0 0
    }

    .statistics__legend-item:before {
        width: 24px;
        height: 24px
    }
}

.statistics__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:(1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.statistics__list > :first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.statistics__list > :nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2
}

.statistics__list > :nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.statistics__list > :nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4
}

@media (min-width: 768px) {
    .statistics__list {
        grid-column-gap: 24px
    }
}

@media (min-width: 1344px) {
    .statistics__list {
        grid-column-gap: 32px
    }
}

.statistic {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

@media (min-width: 768px) {
    .statistic {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.statistic__description {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 700;
    color: #2c2f5d;
    margin: 12px 0 0;
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

@media (min-width: 768px) {
    .statistic__description {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em;
        margin: 20px 0 0
    }
}

@media (min-width: 1344px) {
    .statistic__description {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 49px 0 0
    }
}

.statistic__bars-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.statistic__bars-item {
    width: 24px;
    padding-top: 30px;
    position: relative
}

@media (min-width: 768px) {
    .statistic__bars-item {
        width: 56px;
        padding-top: 56px
    }
}

@media (min-width: 1344px) {
    .statistic__bars-item {
        width: 96px;
        padding-top: 80px
    }
}

.statistic__bar-value {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0;
    color: #2c2f5d;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.statistics--js .statistic__bar-value {
    opacity: 0
}

.statistics--init .statistic__bar-value {
    -webkit-animation-name: showValue;
    animation-name: showValue;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (min-width: 768px) {
    .statistic__bar-value {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal;
        font-weight: 700;
        line-height: 46px
    }
}

@media (min-width: 1344px) {
    .statistic__bar-value {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em
    }
}

.statistic__bar {
    width: 100%
}

.statistic__bars-item--countries .statistic__bar {
    background-color: #c14677
}

.statistic__bars-item--participants .statistic__bar {
    background-color: #2c2f5d
}

.statistics--js .statistic__bar {
    opacity: 0;
    height: 0
}

.statistics--init .statistic__bar {
    opacity: 1;
    -webkit-transition: height 2s;
    transition: height 2s
}

@-webkit-keyframes showValue {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(10px);
        transform: translateX(-50%) translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

@keyframes showValue {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(10px);
        transform: translateX(-50%) translateY(10px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}

.animated-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.1em;
    margin-left: -.1em
}

.animated-text--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.animated-text__word {
    display: inline-block;
    overflow: hidden;
    margin: 0 .1em
}

.animated-text__letter {
    display: inline-block;
    -webkit-transform: translate3d(0, 1.5em, 0);
    transform: translate3d(0, 1.5em, 0)
}

.animated-text--animated .animated-text__letter {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.modal {
    display: none
}

.modal--show {
    width: 100%;
    height: 100%;
    background-color: rgba(44, 47, 93, .8);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    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
}

.modal__content {
    background-color: #fff;
    padding: 75px 24px 0;
    position: relative;
    width: 100%;
    max-height: 100vh;
    overflow: auto
}

.modal__content:after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 40px
}

@media (min-width: 768px) {
    .modal__content {
        max-width: calc(100vw - 128px);
        max-height: 95vh;
        padding: 104px 88px 0;
        border-radius: 10px
    }

    .modal__content:after {
        padding-top: 59px
    }
}

@media (min-width: 1344px) {
    .modal__content {
        max-width: 688px
    }
}

.modal__close {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    padding: 0;
    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;
    cursor: pointer
}

.loader {
    position: relative
}

.loader:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(/local/templates/miretno_2020/css/../img/preloader.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.location__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    color: #2c2f5d;
    text-align: center;
    margin: 0 0 53px
}

@media (min-width: 768px) {
    .location__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 92px
    }
}

.location__item + .location__item {
    margin-top: 24px
}

.location__item--hidden {
    display: none
}

.location__submit {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    display: block;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 20px;
    margin: 120px 0 0
}

.location__submit[disabled] {
    background-color: #f7f7f7;
    color: #bcbec0;
    cursor: not-allowed
}

.location__submit:not([disabled]) {
    position: relative;
    z-index: 0;
    color: #fff;
    background-color: #c14677;
    cursor: pointer
}

.location__submit:not([disabled]):before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #2c2f5d;
    -webkit-transition: width .3s;
    transition: width .3s
}

.location__submit:not([disabled]):hover:before {
    width: 100%;
    right: auto;
    left: 0
}

@media (min-width: 768px) {
    .location__submit {
        font-family: Core Sans DS, sans-sefif;
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: -.01em
    }
}

.certificate__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    color: #2c2f5d;
    text-align: center;
    margin: 0 0 53px
}

@media (min-width: 768px) {
    .certificate__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 42px
    }
}

.certificate__description {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 1em 0;
    text-align: center
}

.certificate__form {
    margin: 37px 0 0
}

.certificate__input-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.certificate__label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    color: #72787b;
    position: absolute;
    top: 50%;
    left: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: font-size, line-height, letter-spacing, top, -webkit-transform;
    transition-property: font-size, line-height, letter-spacing, top, -webkit-transform;
    transition-property: font-size, line-height, letter-spacing, top, transform;
    transition-property: font-size, line-height, letter-spacing, top, transform, -webkit-transform
}

.certificate__input--not-empty ~ .certificate__label, .certificate__input:focus ~ .certificate__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: normal;
    top: 9px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.certificate__input {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    display: block;
    width: 100%;
    padding: 25px 23px;
    border-radius: 0;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.certificate__input:hover {
    border-color: #bcbec0
}

.certificate__input--not-empty, .certificate__input:focus {
    border-color: #bcbec0;
    background-color: #fff
}

.certificate__error, .certificate__success {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    text-align: center;
    margin: 24px 0 0;
    -webkit-animation-name: certificateError;
    animation-name: certificateError;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (min-width: 768px) {
    .certificate__error, .certificate__success {
        font-family: Core Sans DS, sans-sefif;
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: -.01em
    }
}

.certificate__submit {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    display: block;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 20px;
    margin: 24px 0 0
}

.certificate__submit[disabled] {
    background-color: #f7f7f7;
    color: #bcbec0;
    cursor: not-allowed
}

.certificate__submit:not([disabled]) {
    position: relative;
    z-index: 0;
    color: #fff;
    background-color: #c14677;
    cursor: pointer
}

.certificate__submit:not([disabled]):before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #2c2f5d;
    -webkit-transition: width .3s;
    transition: width .3s
}

.certificate__submit:not([disabled]):hover:before {
    width: 100%;
    right: auto;
    left: 0
}

@media (min-width: 768px) {
    .certificate__submit {
        font-family: Core Sans DS, sans-sefif;
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: -.01em
    }
}

.certificate__privacy {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 23px 0 0
}

.certificate__privacy a {
    color: #c14677;
    -webkit-transition: color .2s;
    transition: color .2s
}

.certificate__privacy a:hover {
    color: #2c2f5d
}

@-webkit-keyframes certificateError {
    0% {
        color: #2c2f5d
    }
    50% {
        color: #c14677
    }
    to {
        color: #2c2f5d
    }
}

@keyframes certificateError {
    0% {
        color: #2c2f5d
    }
    50% {
        color: #c14677
    }
    to {
        color: #2c2f5d
    }
}

.answers {
    border-top: 2px solid #f7f7f7;
    padding: 40px 0
}

@media (min-width: 768px) {
    .answers {
        padding: 64px 0
    }
}

@media (min-width: 1344px) {
    .answers {
        padding: 80px 0
    }
}

.answers__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 16px;
    color: #2c2f5d
}

@media (min-width: 768px) {
    .answers__header {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.005em;
        margin: 0 0 31px
    }
}

@media (min-width: 1344px) {
    .answers__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 54px
    }
}

.answers__list {
    list-style: none;
    padding: 0;
    margin: 16px 0;
    counter-reset: answers
}

@media (min-width: 768px) {
    .answers__list {
        margin: 32px 0
    }
}

@media (min-width: 1344px) {
    .answers__list {
        margin: 49px 0
    }
}

.answers__item {
    padding: 31px 0;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7
}

@media (min-width: 768px) {
    .answers__item {
        padding: 47px 0
    }
}

@media (min-width: 1344px) {
    .answers__item {
        padding: 51px 0 63px
    }
}

.answers__item:first-child {
    padding-top: 0;
    border-top: none
}

.answers__item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.anchors-navigation {
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
    background-color: #fff;
    height: 60px
}

@media (min-width: 768px) {
    .anchors-navigation {
        height: 84px
    }
}

@media (min-width: 1344px) {
    .anchors-navigation {
        height: 114px
    }
}

.anchors-navigation__list {
    max-width: 1536px;
    list-style: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: auto;
    padding: 12px 24px
}

.anchors-navigation__list--fixed {
    width: 100%;
    max-width: none;
    position: fixed;
    top: 64px;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px rgba(44, 47, 93, .2);
    box-shadow: 0 0 24px rgba(44, 47, 93, .2)
}

@media (min-width: 768px) {
    .anchors-navigation__list {
        padding: 24px 64px
    }

    .anchors-navigation__list--fixed {
        top: 78px
    }
}

@media (min-width: 1344px) {
    .anchors-navigation__list {
        padding: 39px 64px
    }

    .anchors-navigation__list--fixed {
        padding: 24px 64px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.anchors-navigation__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0
}

.anchors-navigation__item:last-child {
    margin-right: 0
}

.anchors-navigation__link {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    color: #2c2f5d;
    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;
    width: 32px;
    height: 32px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.anchors-navigation__link:hover {
    color: #c14677
}

.question__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #2c2f5d;
    margin: 0 0 16px;
    counter-increment: answers;
    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
}

@media (min-width: 768px) {
    .question__text {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        margin: 0 0 11px
    }
}

@media (min-width: 1344px) {
    .question__text {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal;
        margin: 0 0 18px
    }
}

.question__text:before {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    content: counter(answers) ".";
    margin: 0 5px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 768px) {
    .question__text:before {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0 11px 0 0
    }
}

@media (min-width: 1344px) {
    .question__text:before {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0 15px 0 0
    }
}

.question__explanation p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b;
    margin: 0
}

.question__explanation p + .question__explanation p {
    margin-top: 1em
}

@media (min-width: 1344px) {
    .question__explanation p {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.question__matching {
    margin: 25px -24px;
    overflow: auto;
    width: 100vw;
    padding: 0 24px
}

@media (min-width: 768px) {
    .question__matching {
        width: 100%;
        padding: 0;
        margin: 45px 0 21px
    }
}

@media (min-width: 1344px) {
    .question__matching {
        margin: 43px 0 35px
    }
}

.question__matching table {
    width: calc(200% - 12px);
    color: #2c2f5d;
    table-layout: fixed;
    border-collapse: collapse
}

@media (min-width: 768px) {
    .question__matching table {
        width: 100%
    }
}

.question__matching th {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    width: 100%;
    text-align: left;
    background-color: #f7f7f7;
    padding: 10px 15px;
    color: #2c2f5d
}

.question__matching th:first-child {
    border-right: 1px solid #fff
}

.question__matching th:nth-child(2) {
    border-left: 1px solid #fff
}

@media (min-width: 768px) {
    .question__matching th {
        width: 50%;
        padding: 10px 16px
    }
}

@media (min-width: 1344px) {
    .question__matching th {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        padding: 11px 30px 13px
    }
}

.question__matching td {
    width: 100%;
    padding: 6px 14px
}

.question__matching td:first-child {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-right: 1px solid #fff
}

@media (min-width: 1344px) {
    .question__matching td:first-child {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.question__matching td:nth-child(2) {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    border-left: 1px solid #fff
}

@media (min-width: 1344px) {
    .question__matching td:nth-child(2) {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700
    }
}

@media (min-width: 768px) {
    .question__matching td {
        width: 50%;
        padding: 9px 16px 11px
    }
}

@media (min-width: 1344px) {
    .question__matching td {
        padding: 11px 30px 13px
    }
}

.question__matching td .question__matching-count {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0 3px 0 0
}

.question__matching td .question__matching-count:after {
    content: "."
}

@media (min-width: 1344px) {
    .question__matching td .question__matching-count {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0 15px 0 0
    }
}

.question__matching tbody tr:nth-child(2n) {
    background-color: #f7f7f7
}

@media (min-width: 1344px) {
    .question__choice {
        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: calc(100% + 32px);
        margin: 0 -16px
    }
}

.question__choice-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .question__choice-list {
        margin: 0
    }
}

@media (min-width: 1344px) {
    .question__choice-list {
        width: calc(50% - 32px);
        padding: 6px 0 0;
        margin: 0 16px
    }
}

.question__choice-item {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #2c2f5d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 0 4px
}

.question__choice-item--correct {
    font-weight: 700
}

@media (min-width: 1344px) {
    .question__choice-item {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 0 105px 0 0;
        margin: 0 0 -4px
    }
}

.question__choice-count {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0 8px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 1344px) {
    .question__choice-count {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: 0 10px 0 0
    }
}

@media (min-width: 1344px) {
    .question__answer-wrapper {
        width: calc(50% - 32px);
        margin: 0 16px
    }
}

.question__answer {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    color: #2c2f5d
}

.question__answer + .question__answer {
    margin-top: 18px
}

@media (min-width: 1344px) {
    .question__answer {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700
    }

    .question__answer + .question__answer {
        margin-top: 24px
    }
}

.question__choice .question__answer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 0 0 5px
}

@media (min-width: 1344px) {
    .question__choice .question__answer {
        margin: 0 0 20px
    }
}

.question__answer-header {
    margin: 0
}

.question__open-ended .question__answer-header {
    margin: 0 0 2px
}

@media (min-width: 1344px) {
    .question__open-ended .question__answer-header {
        margin: 0 0 20px
    }
}

.question__answer-value {
    margin: 0
}

.question__answer-value + .question__answer-value {
    margin-top: 1em
}

.question__open-ended .question__answer-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b
}

@media (min-width: 1344px) {
    .question__open-ended .question__answer-value {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.question__open-ended .question__answer--user .question__answer-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #2c2f5d
}

@media (min-width: 1344px) {
    .question__open-ended .question__answer--user .question__answer-value {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

@media (min-width: 768px) {
    .question__open-ended {
        padding: 6px 0 0
    }
}

.answers__ps {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: normal;
    color: #2c2f5d;
    padding: 0 32px;
    margin: 42px 0 0;
    text-align: center
}

@media (min-width: 768px) {
    .answers__ps {
        font-weight: 700;
        letter-spacing: -.005em;
        font-size: 28px;
        line-height: 36px;
        padding: 0;
        margin: 65px 0 0
    }
}

@media (min-width: 1344px) {
    .answers__ps {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em
    }
}

.information {
    border-top: 2px solid #f7f7f7;
    padding: 39px 0 8px
}

@media (min-width: 768px) {
    .information {
        padding: 62px 0 25px
    }
}

@media (min-width: 1344px) {
    .information {
        padding: 80px 0 19px
    }
}

.information__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 24px;
    color: #2c2f5d
}

@media (min-width: 768px) {
    .information__header {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.005em;
        margin: 0 0 40px
    }
}

@media (min-width: 1344px) {
    .information__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 0 0 41px
    }
}

.contacts {
    padding: 0 0 31px
}

@media (min-width: 768px) {
    .contacts {
        padding: 0 0 40px
    }
}

@media (min-width: 1344px) {
    .contacts {
        padding: 0 0 63px
    }
}

.contacts__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.005em;
    color: #2c2f5d;
    margin: 0 0 24px
}

@media (min-width: 1344px) {
    .contacts__header {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em;
        margin: 0 0 31px
    }
}

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

.contacts__item {
    margin: 0 0 24px
}

@media (min-width: 768px) {
    .contacts__item {
        margin: 0 0 32px
    }
}

@media (min-width: 1344px) {
    .contacts__item {
        margin: 0 0 59px
    }
}

.contacts__item:last-child {
    margin-bottom: 0
}

.contacts-group {
    overflow: hidden
}

.contacts-group__header {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    color: #2c2f5d;
    margin: 0 0 8px
}

@media (min-width: 1344px) {
    .contacts-group__header {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        width: 40%
    }
}

.contacts-group__list {
    list-style: none;
    padding: 0;
    margin: 12px 0 0
}

@media (min-width: 1344px) {
    .contacts-group__list {
        width: calc(100% + 32px);
        margin: 18px -16px 0;
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.contacts-group__item {
    margin: 0 0 24px
}

.contacts-group__item:last-child {
    margin-bottom: 0
}

@media (min-width: 1344px) {
    .contacts-group__item {
        width: calc(50% - 32px);
        margin: 0 16px 28px
    }
}

.contacts-group__description {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #2c2f5d;
    margin: -8px 0 -4px
}

@media (min-width: 768px) {
    .contacts-group__description {
        margin: -9px 0 20px
    }
}

@media (min-width: 1344px) {
    .contacts-group__description {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        margin: 0 0 30px
    }
}

.contact__name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #2c2f5d;
    margin: 0
}

@media (min-width: 1344px) {
    .contact__name {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: normal;
        margin: 0 0 7px
    }
}

.contact__position {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
    color: #2c2f5d
}

@media (min-width: 768px) {
    .contact__position {
        width: 73.666666%
    }
}

@media (min-width: 1344px) {
    .contact__position {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

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

@media (min-width: 768px) {
    .contact__list {
        width: calc(100% + 24px);
        margin: 0 -12px;
        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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1344px) {
    .contact__list {
        width: calc(100% + 32px);
        margin: 0 -16px
    }
}

.contact__item {
    padding: 8px 0 0
}

@media (min-width: 768px) {
    .contact__item {
        width: calc(50% - 24px);
        padding: 11px 0 0;
        margin: 0 12px
    }
}

@media (min-width: 1344px) {
    .contact__item {
        width: auto;
        padding: 14px 0 0;
        margin: 0 16px;
        min-width: 176px
    }
}

.contact__communication-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #2c2f5d;
    margin: 0 0 4px
}

@media (min-width: 1344px) {
    .contact__communication-name {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: normal;
        margin: 0 0 6px
    }
}

.contact__communication-values {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal
}

@media (min-width: 1344px) {
    .contact__communication-values {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.contact__communication-value {
    color: #2c2f5d;
    -webkit-transition: color .3s;
    transition: color .3s
}

.contact__communication-value:hover, .contact__communication-value[href^=mailto] {
    color: #c14677
}

.contact__communication-value[href^=mailto]:hover {
    color: #2c2f5d
}

.documents {
    padding: 31px 0;
    border-top: 2px solid #f7f7f7
}

@media (min-width: 768px) {
    .documents {
        padding: 31px 0 39px
    }
}

@media (min-width: 1344px) {
    .documents {
        padding: 61px 0
    }
}

.documents__header {
    font-size: 24px;
    line-height: 40px;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0 0 24px;
    color: #2c2f5d
}

@media (min-width: 1344px) {
    .documents__header {
        font-weight: 700;
        font-size: 32px;
        line-height: 48px;
        letter-spacing: -.005em;
        margin: 0 0 35px
    }
}

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

.documents__item {
    margin: 0 0 27px
}

@media (min-width: 768px) {
    .documents__item {
        margin: 0 0 24px
    }
}

@media (min-width: 1344px) {
    .documents__item {
        width: 66.666666%;
        margin: 0 0 40px
    }
}

.documents__item:last-child {
    margin-bottom: 0
}

.file {
    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
}

.file__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 16px 0 0;
    position: relative
}

.file__icon:after {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    color: #bcbec0;
    content: attr(data-type);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 768px) {
    .file__icon {
        margin: 0 24px 0 0
    }
}

.file__icon svg {
    display: block
}

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

@media (min-width: 768px) {
    .file__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
    }
}

.file__name {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    color: #2c2f5d;
    margin: -4px 0 2px;
    -webkit-transition: color .3s;
    transition: color .3s
}

.file:hover .file__name {
    color: #c14677
}

@media (min-width: 768px) {
    .file__name {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        font-weight: 700;
        margin: 11px 0 0
    }
}

@media (min-width: 1344px) {
    .file__name {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        margin: -5px 0 0
    }
}

.file__description {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #2c2f5d;
    margin: 0
}

@media (min-width: 1344px) {
    .file__description {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.file__size {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b;
    margin: 0;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (min-width: 1344px) {
    .file__size {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.coordinators {
    border-top: 2px solid #f7f7f7;
    padding: 40px 0
}

@media (min-width: 768px) {
    .coordinators {
        padding: 64px 0
    }
}

@media (min-width: 1344px) {
    .coordinators {
        padding: 81px 0 80px
    }
}

.coordinators__header {
    font-weight: 700;
    letter-spacing: -.005em;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 24px;
    color: #2c2f5d
}

@media (min-width: 768px) {
    .coordinators__header {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -.005em;
        margin: 0 0 54px
    }
}

@media (min-width: 1344px) {
    .coordinators__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em
    }
}

.coordinators__table {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    width: 100vw;
    color: #2c2f5d;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 32px -24px 0
}

.coordinators__table--empty {
    display: none
}

@media (min-width: 768px) {
    .coordinators__table {
        width: 100%;
        margin: 40px 0 0
    }
}

@media (min-width: 1344px) {
    .coordinators__table {
        margin: 48px 0 0
    }
}

.coordinators__table thead {
    display: none
}

@media (min-width: 1344px) {
    .coordinators__table thead {
        display: table-header-group
    }
}

.coordinators__table tbody tr {
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 2px solid #f7f7f7
}

.coordinators__table tbody tr:last-child {
    border-bottom: 2px solid #f7f7f7
}

@media (min-width: 1344px) {
    .coordinators__table tbody tr {
        display: table-row;
        border: none;
        background-color: #fff
    }

    .coordinators__table tbody tr:nth-child(2n) {
        background-color: #f7f7f7
    }
}

.coordinators__table th {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    text-align: left;
    background-color: #f7f7f7;
    padding: 18px 24px;
    border-right: 2px solid #fff;
    width: 20%
}

.coordinators__table th:last-child {
    border-right: none
}

.coordinators__table td {
    display: block
}

@media (min-width: 1344px) {
    .coordinators__table td {
        display: table-cell;
        border-right: 2px solid #fff;
        padding: 16px 24px
    }

    .coordinators__table td:last-child {
        border-right: none
    }
}

.coordinators__table p {
    margin: 0
}

.coordinators__table a {
    -webkit-transition: color .3s;
    transition: color .3s
}

.coordinators__table a:hover, .coordinators__table a[href^=mailto] {
    color: #c14677
}

.coordinators__table a[href^=mailto]:hover {
    color: #2c2f5d
}

@media (max-width: 1343px) {
    .coordinators__region {
        width: 100%;
        background-color: #fff
    }
}

.coordinators__region button {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: default;
    color: inherit;
    text-align: left
}

@media (max-width: 1343px) {
    .coordinators__region button {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700;
        padding: 20px 36px 20px 0;
        display: block;
        width: 100%;
        position: relative
    }

    .coordinators__region button:after, .coordinators__region button:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        background-color: #c14677;
        border-radius: 6px;
        width: 24px;
        height: 4px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .coordinators__region button:after {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg)
    }

    .open .coordinators__region button:before {
        background-color: #2c2f5d
    }

    .open .coordinators__region button:after {
        content: none
    }
}

@media (max-width: 767px) {
    .coordinators__region button {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: normal;
        padding: 12px 48px 12px 24px
    }

    .coordinators__region button:after, .coordinators__region button:before {
        width: 16px;
        height: 2px;
        right: 24px
    }
}

@media (max-width: 1343px) {
    td.coordinators__position {
        width: 100%;
        display: none
    }

    .open td.coordinators__position {
        display: block
    }

    td.coordinators__position p {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 0 24px;
        margin: 0 0 8px
    }
}

@media (max-width: 767px) {
    td.coordinators__position p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: normal;
        padding: 0 24px;
        margin: 0 0 8px
    }
}

@media (max-width: 1343px) {
    td.coordinators__name {
        width: 100%;
        display: none
    }

    .open td.coordinators__name {
        display: block
    }

    td.coordinators__name p {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: normal;
        padding: 0 24px;
        margin: 19px 0 14px
    }
}

@media (max-width: 767px) {
    td.coordinators__name p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: normal;
        font-weight: 700;
        margin: 16px 0 8px
    }
}

@media (max-width: 1343px) {
    td.coordinators__contact {
        width: 50%;
        padding: 0 24px 17px;
        display: none
    }

    .open td.coordinators__contact {
        display: block
    }

    td.coordinators__contact a {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

@media (max-width: 767px) {
    td.coordinators__contact {
        width: 100%;
        padding: 0 24px 8px
    }

    td.coordinators__contact a {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: normal
    }
}

td.coordinators__contact a {
    word-break: break-word
}

.coordinators__contact-type {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: 700;
    margin: 0 0 4px
}

@media (min-width: 768px) {
    .coordinators__contact-type {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        font-weight: 700
    }
}

@media (min-width: 1344px) {
    .coordinators__contact-type {
        display: none
    }
}

.filter {
    background-color: #f7f7f7;
    padding: 27px 24px 32px;
    width: 100vw;
    margin: 0 -24px
}

@media (min-width: 768px) {
    .filter {
        width: 100%;
        margin: 0;
        padding: 27px 40px 40px
    }
}

@media (min-width: 1344px) {
    .filter {
        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: 32px 32px 32px 24px
    }
}

.filter__name {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: normal;
    font-weight: 700;
    color: #2c2f5d;
    margin: 0 0 21px
}

@media (min-width: 768px) {
    .filter__name {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: normal;
        font-weight: 700
    }
}

@media (min-width: 1344px) {
    .filter__name {
        margin: 0 72px 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

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

.filter__input {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    display: block;
    width: 100%;
    padding: 12px 16px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px rgba(44, 47, 93, .16);
    box-shadow: 0 0 24px rgba(44, 47, 93, .16);
    border-radius: 0;
    border: none
}

.filter__input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b
}

.filter__input::-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b
}

.filter__input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b
}

.filter__input::-ms-input-placeholder {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b
}

.filter__input::placeholder {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    color: #72787b
}

@media (min-width: 768px) {
    .filter__input {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal;
        padding: 26px 32px
    }

    .filter__input::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }

    .filter__input::-moz-placeholder {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }

    .filter__input:-ms-input-placeholder {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }

    .filter__input::-ms-input-placeholder {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }

    .filter__input::placeholder {
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.service {
    border-top: 2px solid #f7f7f7;
    text-align: center;
    padding: 40px 0
}

.service:before {
    content: "";
    display: block;
    max-width: 710px;
    height: 115px;
    margin: 0 auto;
    background-image: url(/local/templates/miretno_2020/css/../img/404.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media (min-width: 768px) {
    .service {
        padding: 64px 0
    }

    .service:before {
        height: 201px
    }
}

@media (min-width: 1344px) {
    .service {
        padding: 152px 0 128px
    }

    .service:before {
        height: 301px
    }
}

.service__header {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.005em;
    margin: 34px 0 8px;
    color: #2c2f5d
}

@media (min-width: 768px) {
    .service__header {
        font-weight: 700;
        font-size: 48px;
        line-height: 58px;
        letter-spacing: -.005em;
        margin: 64px 0 16px
    }

    .service__header:after {
        content: "..."
    }
}

@media (min-width: 1344px) {
    .service__header {
        margin: 73px 0 16px
    }
}

.service__description {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0 auto;
    max-width: 716px
}

.service__description + .service__description {
    margin-top: 1em
}

@media (min-width: 768px) {
    .service__description {
        font-size: 24px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: normal
    }
}

.service__link-wrapper {
    margin: 33px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 768px) {
    .service__link-wrapper {
        margin: 48px 0 0
    }
}

.service__link {
    font-family: Core Sans DS, sans-sefif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -.005em;
    position: relative;
    z-index: 0;
    color: #fff;
    background-color: #c14677;
    padding: 9px;
    width: 100%
}

.service__link:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #2c2f5d;
    -webkit-transition: width .3s;
    transition: width .3s
}

.service__link:hover:before {
    width: 100%;
    right: auto;
    left: 0
}

@media (min-width: 768px) {
    .service__link {
        font-family: Core Sans DS, sans-sefif;
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        letter-spacing: -.01em;
        padding: 20px
    }
}

@media (min-width: 1344px) {
    .service__link {
        width: auto;
        padding: 20px 71px
    }
}

/* End */
/* /local/templates/miretno_2020/css/styles.css?1637833966118852 */