@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height              : 1.15;
    -webkit-text-size-adjust : 100%
}

body {
    margin : 0
}

main {
    display : block
}

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

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

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

a {
    background-color : transparent
}

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

b, strong {
    font-weight : bolder
}

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

small {
    font-size : 80%
}

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

sub {
    bottom : -.25em
}

sup {
    top : -.5em
}

img {
    border-style : none
}

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

button, input {
    overflow : visible
}

button, select {
    text-transform : none
}

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

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

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

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

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

progress {
    vertical-align : baseline
}

textarea {
    overflow : auto
}

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

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

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

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

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

details {
    display : block
}

summary {
    display : list-item
}

template {
    display : none
}

[hidden] {
    display : none
}

@font-face {
    font-family  : PTSerif;
    src          : url(../fonts/ptserif-regular.woff2) format("woff2"), url(../fonts/ptserif-regular.woff) format("woff");
    font-weight  : 400;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : PTSerif;
    src          : url(../fonts/ptserif-bold.woff2) format("woff2"), url(../fonts/ptserif-bold.woff) format("woff");
    font-weight  : 700;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : PTSerif;
    src          : url(../fonts/ptserif-italic.woff2) format("woff2"), url(../fonts/ptserif-italic.woff) format("woff");
    font-weight  : 400;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : PTSerif;
    src          : url(../fonts/ptserif-bolditalic.woff2) format("woff2"), url(../fonts/ptserif-bolditalic.woff) format("woff");
    font-weight  : 700;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : PTSans;
    src          : url(../fonts/ptsans-regular.woff2) format("woff2"), url(../fonts/ptsans-regular.woff) format("woff");
    font-weight  : 400;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : PTSans;
    src          : url(../fonts/ptsans-bold.woff2) format("woff2"), url(../fonts/ptsans-bold.woff) format("woff");
    font-weight  : 700;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : PTSans;
    src          : url(../fonts/ptsans-italic.woff2) format("woff2"), url(../fonts/ptsans-italic.woff) format("woff");
    font-weight  : 400;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : PTSans;
    src          : url(../fonts/ptsans-bolditalic.woff2) format("woff2"), url(../fonts/ptsans-bolditalic.woff) format("woff");
    font-weight  : 700;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : "TT Hoves";
    src          : url(../fonts/tt-hoves-regular.woff2) format("woff2"), url(../fonts/tt-hoves-regular.woff) format("woff");
    font-weight  : 400;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : "TT Hoves";
    src          : url(../fonts/tt-hoves-bold.woff2) format("woff2"), url(../fonts/tt-hoves-bold.woff) format("woff");
    font-weight  : 700;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : "TT Hoves";
    src          : url(../fonts/tt-hoves-italic.woff2) format("woff2"), url(../fonts/tt-hoves-italic.woff) format("woff");
    font-weight  : 400;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : "TT Hoves";
    src          : url(../fonts/tt-hoves-bold-italic.woff2) format("woff2"), url(../fonts/tt-hoves-bold-italic.woff) format("woff");
    font-weight  : 700;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : "TT Hoves";
    src          : url(../fonts/tt-hoves-demibold.woff2) format("woff2"), url(../fonts/tt-hoves-demibold.woff) format("woff");
    font-weight  : 600;
    font-style   : normal;
    font-display : swap
}

@font-face {
    font-family  : "TT Hoves";
    src          : url(../fonts/tt-hoves-demibold-italic.woff2) format("woff2"), url(../fonts/tt-hoves-demibold-italic.woff) format("woff");
    font-weight  : 600;
    font-style   : italic;
    font-display : swap
}

@font-face {
    font-family  : Rouble;
    src          : url(../fonts/ruble.woff2) format("woff2"), url(../fonts/ruble.woff) format("woff");
    font-weight  : 400;
    font-style   : normal;
    font-display : swap
}

:root {
    --color_primary        : #222222;
    --color_accent         : #3055D8;
    --color_select         : #9118e8;
    --color_light          : rgb(255, 255, 255);
    --color_red            : rgb(247, 78, 78);
    --color_secondary      : #333;
    --color_panel          : #eef2f5;
    --color_panel2         : #e0e5f9;
    --color_focus          : rgb(28, 121, 220, 0.9);
    --color_yep            : #27AE60;
    --color__input         : #EBEEF4;
    --color_disabled       : #BDBDBD;
    --color__link          : rgb(48, 85, 216);
    --color__link_hover    : var(--color_select);
    --color__link_visited  : rgb(184, 94, 207);
    --color__link_active   : rgb(207, 73, 43);
    --color__bg            : rgb(255, 255, 255);
    --color__bg_dark       : rgb(229, 229, 229);
    --color__text          : #222222;
    --color__text_disabled : #A2B5C2;
    --color__text_light    : rgb(255, 255, 255);
    --color__border        : #D9D9D9;
    --color__header_link   : #F8DFB9;
    --font-size            : 19px;
    --font-size_t          : 17px;
    --font-size_m          : 15px;
    --font-size__table     : 16px;
    --font-size__table_t   : 14px;
    --font-size__table_m   : 12px;
    --font-size__caption   : 14px;
    --font-size__caption_m : 12px;
    --font-size__h1        : 48px;
    --font-size__h1_t      : 36px;
    --font-size__h1_m      : 22px;
    --font-size__h2        : 36px;
    --font-size__h2_t      : 28px;
    --font-size__h2_m      : 20px;
    --font-size__h3        : 24px;
    --font-size__h3_t      : 20px;
    --font-size__h3_m      : 17px;
    --font-size_nav        : 15px;
    --line-height          : 1.4;
    --line-height__h       : 1.17;
    --max_body_width       : 1280px;
}

html {
    box-sizing : border-box
}

*, :after, :before {
    box-sizing : inherit
}

body, html {
    height : 100%
}

body {
    padding          : 0;
    margin           : 0;
    background-color : var(--color_light);
    font-family      : 'TT Hoves', sans-serif, BlinkMacSystemFont, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-weight      : 400;
    color            : var(--color__text);
    font-size        : var(--font-size);
    line-height      : var(--line-height)
}

@media (max-width : 960px) {
    body {
        font-size : var(--font-size_t)
    }
}

@media (max-width : 670px) {
    body {
        font-size : var(--font-size_m)
    }
}

.demibold {
    font-weight : 600
}

.demibold_italic {
    font-weight : 600;
    font-style  : italic
}

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

img.is-no-loaded {
    background                        : rgba(220, 226, 250, 0);
    background-image                  : linear-gradient(to right, rgba(220, 226, 250, 0) 0, rgba(195, 206, 238, .3) 20%, rgba(220, 226, 250, 0) 40%, rgba(220, 226, 250, 0) 100%);
    background-repeat                 : no-repeat;
    background-size                   : 100vh 100vw;
    display                           : inline-block;
    position                          : relative;
    -webkit-animation-duration        : 1s;
    -webkit-animation-fill-mode       : forwards;
    -webkit-animation-iteration-count : infinite;
    -webkit-animation-name            : placeholderShimmer;
    -webkit-animation-timing-function : linear
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position : -468px 0
    }
    100% {
        background-position : 468px 0
    }
}

p {
    margin : 0 0 24px 0
}

p:last-child {
    margin-bottom : 0
}

ol, ul {
    margin : 0 0 24px -17px
}

ol li, ul li {
    margin-bottom : 4px
}

ol:last-child, ul:last-child {
    margin-bottom : 0
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    padding     : 0;
    margin      : 70px 0 0 0;
    font-size   : var(--font-size__h1);
    line-height : var(--line-height__h);
    font-family : 'TT Hoves', sans-serif, BlinkMacSystemFont, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-weight : 600
}

.h1, h1 {
    font-size     : var(--font-size__h1);
    margin-bottom : 58px;
    margin-top    : 0
}

@media (max-width : 960px) {
    .h1, h1 {
        font-size     : var(--font-size__h1_t);
        margin-bottom : 36px
    }
}

@media (max-width : 670px) {
    .h1, h1 {
        font-size     : var(--font-size__h1_m);
        margin-bottom : 20px
    }
}

.h2, h2 {
    font-size     : var(--font-size__h2);
    margin-bottom : 58px
}

@media (max-width : 960px) {
    .h2, h2 {
        font-size     : var(--font-size__h2_t);
        margin-bottom : 36px
    }
}

@media (max-width : 670px) {
    .h2, h2 {
        font-size     : var(--font-size__h2_m);
        margin-bottom : 20px
    }
}

.h3, h3 {
    font-size     : var(--font-size__h3);
    margin-bottom : 32px
}

@media (max-width : 960px) {
    .h3, h3 {
        font-size     : var(--font-size__h3_t);
        margin-bottom : 24px
    }
}

@media (max-width : 670px) {
    .h3, h3 {
        font-size     : var(--font-size__h3_m);
        margin-bottom : 20px
    }
}

.h1 + .h2, .h2 + .h3, .h3 + .h4, .h4 + .h5, .h5 + .h6, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {
    margin-top : 0
}

a {
    color           : var(--color__link);
    transition      : color .6s, border-color .6s, background .6s;
    text-decoration : none;
    outline         : 0 !important
}

a:active, a:focus, a:hover, a:visited:hover {
    color               : var(--color__link_hover);
    transition-duration : .6s
}

a:visited {
    color               : var(--color__link_visited);
    transition-duration : .6s
}

table {
    margin-bottom              : 24px;
    border-collapse            : collapse;
    display                    : block;
    overflow                   : auto;
    -webkit-overflow-scrolling : touch;
    font-size                  : var(--font-size__table)
}

table:last-child {
    margin-bottom : 0
}

table tr td {
    padding : 20px;
    border  : 1px solid var(--color__border)
}

@media (max-width : 670px) {
    table tr td {
        padding : 10px
    }
}

table tr:first-child td {
    font-weight : 700
}

@media (max-width : 960px) {
    table {
        font-size : var(--font-size__table_t)
    }
}

@media (max-width : 670px) {
    table {
        font-size : var(--font-size__table_m)
    }
}

figure {
    margin  : 0;
    padding : 0
}

.svg-sprite {
    position : absolute;
    top      : 0;
    left     : 0;
    height   : 0;
    width    : 0;
    z-index  : -100
}

svg {
    display : block;
    width   : 100%;
    height  : 100%
}

.rouble {
    font-family : Rouble, BlinkMacSystemFont, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
    font-weight : 400
}

::selection {
    background : var(--color_select);
    color      : var(--color_light)
}

.layout {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column
}

.layout__footer, .layout__header {
    -ms-flex-negative : 0;
    flex-shrink       : 0
}

.layout__body {
    -ms-flex   : 1 0 auto;
    flex       : 1 0 auto;
    margin-top : 77px;
}

.section {
    padding : 48px 0
}

@media (max-width : 960px) {
    .section {
        padding : 34px 0
    }
}

@media (max-width : 670px) {
    .section {
        padding : 20px 0
    }
}

.section_uc {
    position : relative
}

.section_uc::after {
    display : block;
    content : '';
    width   : 50px;
    height  : 50px;
    z-index : 1
}

.section_uc::before {
    content         : 'Under Сonstruction';
    position        : absolute;
    top             : 20px;
    right           : 10px;
    bottom          : 20px;
    left            : 10px;
    padding         : 30px;
    box-shadow      : inset 0 0 0 3px rgba(157, 176, 232, .9);
    background      : repeating-linear-gradient(-55deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7) 30px, rgba(157, 176, 232, .3) 30px, rgba(157, 176, 232, .3) 60px);
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-align  : center;
    align-items     : center;
    -ms-flex-pack   : center;
    justify-content : center;
    font-size       : 70px;
    font-weight     : 700;
    color           : rgba(157, 176, 232, .9);
    text-shadow     : 0 2px 3px #000
}

@media (max-width : 960px) {
    .section_uc::before {
        font-size : 40px
    }
}

@media (max-width : 670px) {
    .section_uc::before {
        font-size : 30px
    }
}

.section_next {
    padding-top : 0
}

.section_another {
    background : var(--color_panel2)
}

.section_promo {
    background    : linear-gradient(180deg, #3553be 0, #3b76cf 100%);
    color         : var(--color_light);
    margin-bottom : 1px
}

.section_header {
    padding-top    : 0;
    padding-bottom : 0
}

.section_footer {
    padding-top    : 10px;
    padding-bottom : 44px
}

.section__body {
    padding-left  : 40px;
    padding-right : 40px;
    max-width     : var(--max_body_width);
    margin-left   : auto;
    margin-right  : auto
}

@media screen and (max-width : 670px) {
    .section__body {
        padding-left  : 20px;
        padding-right : 20px
    }
}

.section__h {
    margin-top : 0;
    max-width  : 580px
}

@media (max-width : 960px) {
    .section__h {
        margin-bottom : 36px;
        max-width     : 450px
    }
}

@media (max-width : 670px) {
    .section__h {
        margin-bottom : 20px;
        max-width     : 330px
    }
}

.section__h_with-pre-content {
    margin-bottom : 42px
}

@media (max-width : 960px) {
    .section__h_with-pre-content {
        margin-bottom : 36px
    }
}

@media (max-width : 670px) {
    .section__h_with-pre-content {
        margin-bottom : 20px
    }
}

.table {
    margin-bottom : 24px
}

.table_first-col-h td:first-child {
    min-width : 200px
}

.table__table {
    margin-bottom : 0
}

.caption {
    padding-top  : 12px;
    padding-left : 20px;
    font-size    : var(--font-size__caption);
    font-style   : italic
}

@media (max-width : 670px) {
    .caption {
        font-size : var(--font-size__caption_m)
    }
}

.img {
    margin-bottom : 24px
}

.img__img {
    margin-bottom : 0
}

.nav {
    font-variant : small-caps;
    font-size    : var(--font-size_nav)
}

@media (max-width : 915px) {
    .nav {
        padding-top    : 16px;
        padding-bottom : 20px
    }
}

.nav .nav__list {
    padding         : 0;
    list-style-type : none;
    display         : -ms-flexbox;
    display         : flex
}

@media (max-width : 1125px) {
    .nav .nav__list {
        -ms-flex-wrap : wrap;
        flex-wrap     : wrap;
        margin        : 0 0 0 -15px
    }
}

@media (max-width : 915px) {
    .nav .nav__list {
        max-width : 350px
    }
}

.nav .nav__item {
    display : block;
    margin  : 0;
    padding : 0
}

.nav .nav__item.is-no-active .nav__link {
    color : var(--color_disabled)
}

.nav .nav__item.is-no-active .nav__link:hover {
    color : var(--color__link_hover)
}

.nav .nav__link {
    margin        : 0;
    padding       : 30px 15px 26px 15px;
    display       : block;
    border-bottom : none;
    color         : var(--color__text)
}

.nav .nav__link:active, .nav .nav__link:focus, .nav .nav__link:hover {
    color : var(--color__link_hover)
}

@media (max-width : 1125px) {
    .nav .nav__link {
        padding : 20px 15px 20px 15px
    }
}

@media (max-width : 915px) {
    .nav .nav__link {
        padding : 10px 15px
    }
}

a.logo {
    cursor : pointer
}

a.logo, a.logo:visited {
    color : var(--color__text)
}

a.logo:active, a.logo:focus, a.logo:hover {
    color : var(--color__link_hover)
}

.logo {
    display : inline-block;
    cursor  : default
}

.logo_style_simple, .logo_style_simple:visited {
    color : var(--color__text) !important
}

.logo__caption, .logo__title {
    display     : block;
    line-height : 1;
    white-space : nowrap
}

.logo__title {
    font-size : 27px;
    position  : relative
}

.logo__caption {
    padding-top : 6px;
    font-size   : var(--font-size_nav);
    position    : absolute;
    top         : 100%;
    margin-top  : 4px
}

@media (max-width : 1125px) {
    .logo__caption {
        position : relative;
        top      : auto
    }
}

.header {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-pack   : start;
    justify-content : flex-start;
    font-size       : var(--font-size_nav);
    width           : 100%;
    position        : relative
}

@media (max-width : 1125px) {
    .header {
        display     : block;
        padding-top : 20px
    }
}

.header__item_logo {
    padding-right  : 90px;
    display        : -ms-flexbox;
    display        : flex;
    -ms-flex-align : center;
    align-items    : center
}

.header__item_content {
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    width           : 100%
}

@media (max-width : 730px) {
    .header_with-info .header__nav {
        width : 100%
    }
}

.header__info {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column;
    position           : relative;
    top                : 26px
}

.header__info_lang {
    -ms-flex-pack   : center;
    justify-content : center;
    top             : 2px
}

@media (max-width : 1125px) {
    .header__info {
        position : absolute;
        top      : 23px;
        right    : 0
    }
}

@media (max-width : 730px) {
    .header_with-info .header__info {
        position : relative;
        top      : 0
    }
}

.header__info-link {
    padding : 4px 0
}

.lang {
    font-variant : small-caps
}

.lang__list {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
    display         : -ms-flexbox;
    display         : flex
}

.lang__item {
    color       : var(--color__text);
    margin-left : 8px
}

.lang .lang__link {
    color : var(--color_disabled)
}

.lang .lang__link:active, .lang .lang__link:focus, .lang .lang__link:hover {
    color : var(--color__link_hover)
}

.ucase {
    text-transform : uppercase
}

@-webkit-keyframes t-arrow-bottom {
    0% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    50% {
        -webkit-transform : translateY(-7px);
        transform         : translateY(-7px)
    }
    55% {
        -webkit-transform : translateY(-7px);
        transform         : translateY(-7px)
    }
    100% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

@keyframes t-arrow-bottom {
    0% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
    50% {
        -webkit-transform : translateY(-7px);
        transform         : translateY(-7px)
    }
    55% {
        -webkit-transform : translateY(-7px);
        transform         : translateY(-7px)
    }
    100% {
        -webkit-transform : translateY(0);
        transform         : translateY(0)
    }
}

.to-top {
    position          : fixed;
    top               : 16px;
    right             : -100px;
    color             : var(--color_primary);
    cursor            : pointer;
    -webkit-transform : rotate(180deg);
    transform         : rotate(180deg);
    width             : 30px;
    height            : 20px;
    display           : block;
    border            : none;
    outline           : 0;
    visibility        : hidden;
    opacity           : 0;
    z-index           : 2
}

@media (max-width : 670px) {
    .to-top {
        top   : 14px;
        right : 10px
    }
}

.to-top__item {
    position            : absolute;
    right               : 0;
    left                : 0;
    height              : 2px;
    background          : #fff;
    box-shadow          : 0 0 0 1px rgba(0, 0, 0, .4);
    transition-property : background-color;
    transition-duration : .2s
}

.to-top__item_top {
    top : 0
}

.to-top__item_center {
    top        : 50%;
    margin-top : -1px
}

.to-top__item_bottom {
    bottom : 0
}

.to-top__link {
    position    : absolute;
    top         : 50%;
    left        : 50%;
    margin-top  : -50px;
    margin-left : -50px;
    width       : 100px;
    height      : 100px;
    z-index     : 100;
    display     : block;
    border      : none !important;
    text-indent : -999px;
    overflow    : hidden
}

@media (max-width : 670px) {
    .to-top__link {
        width       : 50px;
        height      : 50px;
        margin-top  : -25px;
        margin-left : -25px
    }
}

.to-top__link:focus ~ .to-top__item {
    background : var(--color_focus)
}

.to-top__svg {
    -webkit-animation : t-arrow-bottom 3s infinite ease;
    animation         : t-arrow-bottom 3s infinite ease
}

.to-top svg {
    width          : 30px px;
    height         : 15px px;
    -webkit-filter : drop-shadow(5px 5px 3px rgba(0, 0, 0, .4));
    filter         : drop-shadow(-5px -5px 3px rgba(0, 0, 0, .4))
}

.is-to-top .to-top {
    right            : 16px;
    visibility       : visible;
    opacity          : 1;
    transition       : right .8s cubic-bezier(.165, .84, .44, 1), visibility .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1);
    transition-delay : .3s
}

@media (max-width : 670px) {
    .is-to-top .to-top {
        right : 14px
    }
}

.content {
    max-width : 800px
}

.like-link {
    cursor          : pointer;
    color           : var(--color__link);
    transition      : color .6s, border-color .6s, background .6s;
    text-decoration : none;
    outline         : 0 !important
}

.like-link:active, .like-link:focus, .like-link:hover {
    color               : var(--color__link_hover);
    transition-duration : .6s
}

.like-link_no-v:visited {
    color : var(--color__link)
}

.like-link_no-v:visited:active, .like-link_no-v:visited:focus, .like-link_no-v:visited:hover {
    color               : var(--color__link_hover);
    transition-duration : .6s
}

.promo {
    padding  : 57px 0 25px 0;
    overflow : hidden
}

@media (max-width : 890px) {
    .promo {
        padding-bottom : 0
    }
}

.promo__body {
    display : -ms-flexbox;
    display : flex
}

@media (max-width : 890px) {
    .promo__body {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.promo__item {
    width              : 50%;
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column
}

.promo__item:first-child {
    padding-right  : 50px;
    padding-bottom : 50px
}

@media (max-width : 1211px) {
    .promo__item:first-child {
        width : 54%
    }
}

@media (max-width : 890px) {
    .promo__item:first-child {
        width          : auto;
        padding-bottom : 100px
    }
}

@media (max-width : 600px) {
    .promo__item:first-child {
        width          : auto;
        padding-bottom : 80px
    }
}

@media (max-width : 1211px) {
    .promo__item:last-child {
        width : 46%
    }
}

@media (max-width : 890px) {
    .promo__item:last-child {
        width          : auto;
        padding-bottom : 0;
        margin-bottom  : -150px
    }
}

@media (max-width : 600px) {
    .promo__item:last-child {
        margin-bottom : -110px
    }
}

@media (max-width : 550px) {
    .promo__item:last-child {
        margin-bottom : -90px
    }
}

.promo__content-body {
    height : 100%
}

@media (max-width : 1476px) {
    .promo__content-body {
        height : auto
    }
}

.promo__content-footer {
    padding-top    : 30px;
    padding-bottom : 12px
}

.promo__photo {
    width    : 114%;
    position : relative;
    top      : -18px
}

@media (max-width : 1476px) {
    .promo__photo {
        width : 139%
    }
}

@media (max-width : 1211px) {
    .promo__photo {
        width : 164%
    }
}

@media (max-width : 890px) {
    .promo__photo {
        width : 130%;
        top   : -50px;
        right : -27px
    }
}

@media (max-width : 600px) {
    .promo__photo {
        top : -30px
    }
}

.custom-list {
    list-style-type : none;
    margin          : 0 0 40px 0;
    padding         : 0
}

@media (max-width : 670px) {
    .custom-list {
        margin-bottom : 30px
    }
}

.custom-list_styl_2 .custom-list__item::before {
    background : var(--color_light)
}

.custom-list_styl_2 .custom-list__item a {
    color : var(--color_light)
}

.custom-list__item {
    position      : relative;
    padding-left  : 36px;
    margin-bottom : 24px
}

@media (max-width : 670px) {
    .custom-list__item {
        padding-left  : 26px;
        margin-bottom : 20px
    }
}

.custom-list__item::before {
    content    : '';
    display    : block;
    width      : 15px;
    height     : 3px;
    background : var(--color__text);
    position   : absolute;
    top        : 11px;
    left       : 0
}

@media (max-width : 670px) {
    .custom-list__item::before {
        width  : 11px;
        height : 2px
    }
}

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

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

.button {
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -ms-user-select       : none;
    user-select           : none;
    -webkit-appearance    : none;
    -moz-appearance       : none;
    appearance            : none;
    position              : relative;
    display               : inline-block;
    border                : none !important;
    background-color      : var(--color_accent);
    color                 : var(--color_light) !important;
    text-align            : center;
    text-decoration       : none;
    cursor                : pointer;
    vertical-align        : middle;
    outline               : 0;
    padding               : 0 45px;
    white-space           : nowrap;
    height                : 56px;
    line-height           : 56px;
    border-radius         : 4px;
    font-weight           : 400;
    font-size             : var(--font-size);
    transition-property   : border, box-shadow, background;
    transition-duration   : .6s
}

@media (max-width : 960px) {
    .button {
        font-size : var(--font-size_t)
    }
}

@media (max-width : 670px) {
    .button {
        font-size   : var(--font-size_m);
        height      : 44px;
        line-height : 44px;
        padding     : 0 26px
    }
}

.button_width_fluid {
    width : 100%
}

.button_style_second {
    background-color : var(--color_light);
    color            : var(--color__link) !important
}

.button:hover {
    background : var(--color__link_hover)
}

.button_style_second:hover {
    background : var(--color_panel2)
}

.button_style_red {
    background-color : var(--color_red);
    color            : var(--color_light) !important
}

.button_style_red:hover {
    background : var(--color_panel2);
    color      : var(--color__link) !important
}

.header__request_a_call {
    position : absolute;
    top      : 23px;
    right    : 60px;
}

.header__request_a_call > a {
    margin-top : -10px;
}

.dark_background {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    overflow: auto;
    opacity: 1;
    display: flex;
    left: -100%;
    width: 100%;
    z-index: 99999;
    text-align: center;
    align-items:center;
}

.dark_background > img {
    margin: 0 auto;
}

.header__qr {
    position : absolute;
    top      : 11px;
    right    : 245px;
}

.header__qr > img {
    width: 60px;
}

@media (max-width : 670px) {
    .header__request_a_call {
        right    : 50px;
    }

    .header__qr {
        top      : 13px;
        right    : 170px;
        cursor   : pointer;
    }

    .header__qr > img {
        width: 45px;
    }
}

#request-a-call > iframe {
    max-width : 510px;
    position  : initial !important;
    margin    : 0 auto !important;
}

.fixed_header {
    position         : fixed;
    top              : 0;
    background-color : white;
    z-index          : 2;
    width            : 100%;
}

.button_width_fluid {
    width   : 100%;
    display : block
}

.button_space_right {
    margin-right : 15px
}

.button_space_bottom {
    margin-bottom : 15px
}

.button:active {
    line-height         : 58px;
    transition-duration : .6s
}

@media (max-width : 670px) {
    .button:active {
        line-height : 46px
    }
}

.button:focus, .button:focus:active, .button[disabled]:focus {
    box-shadow : 0 0 5px var(--color_select)
}

.button[disabled], .button[disabled]:active, .button[disabled]:focus, .button[disabled]:hover, .button_stl_spinner, .button_stl_spinner:active, .button_stl_spinner:focus, .button_stl_spinner:hover {
    cursor      : default;
    background  : #c1c1c1 !important;
    box-shadow  : none;
    color       : #e1e0e0;
    line-height : 40px
}

.button_stl_spinner {
    position : relative
}

.button_stl_spinner span {
    color : var(--color_disabled)
}

.button_stl_spinner:before {
    border-top        : 4px solid rgba(255, 255, 255, .3);
    border-right      : 4px solid rgba(255, 255, 255, .3);
    border-bottom     : 4px solid rgba(255, 255, 255, .3);
    border-left       : 4px solid #fff;
    -webkit-transform : translateZ(0);
    transform         : translateZ(0);
    -webkit-animation : load8 1.1s infinite linear;
    animation         : load8 1.1s infinite linear;
    position          : absolute;
    content           : '';
    display           : block;
    top               : 50%;
    left              : 50%;
    margin-left       : -19px;
    margin-top        : -19px;
    width             : 38px;
    height            : 38px;
    border-radius     : 50%
}

.feedback {
    padding-top    : 80px;
    padding-bottom : 106px
}

@media (max-width : 960px) {
    .feedback {
        padding-top    : 50px;
        padding-bottom : 80px
    }
}

@media (max-width : 670px) {
    .feedback {
        padding-top    : 24px;
        padding-bottom : 40px
    }
}

.feedback p {
    margin-bottom : 16px
}

@media (max-width : 670px) {
    .feedback p {
        margin-bottom : 10px
    }
}

.feedback__panel {
    max-width     : 999px;
    margin-left   : auto;
    margin-right  : auto;
    background    : var(--color_light);
    padding       : 42px 58px;
    box-shadow    : 0 20px 17px rgba(0, 0, 0, .1);
    border-radius : 5px
}

@media (max-width : 960px) {
    .feedback__panel {
        padding : 40px
    }
}

@media (max-width : 670px) {
    .feedback__panel {
        padding : 30px
    }
}

.feedback__form {
    display : -ms-flexbox;
    display : flex
}

@media (max-width : 756px) {
    .feedback__form {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.feedback__content {
    max-width     : 70%;
    margin-bottom : 32px
}

@media (max-width : 756px) {
    .feedback__content {
        max-width : 400px
    }
}

.feedback__item {
    padding-top    : 4px;
    padding-bottom : 37px
}

.feedback__item:first-child {
    width         : 60%;
    border-right  : 1px solid var(--color__border);
    padding-right : 42px
}

@media (max-width : 756px) {
    .feedback__item:first-child {
        -ms-flex-order : 1;
        order          : 1;
        width          : auto;
        border-right   : none;
        padding-right  : 0
    }
}

.feedback__item:last-child {
    width        : 40%;
    font-size    : calc(var(--font-size) + 1px);
    padding-left : 42px
}

@media (max-width : 960px) {
    .feedback__item:last-child {
        font-size : calc(var(--font-size_t) + 1px)
    }
}

@media (max-width : 670px) {
    .feedback__item:last-child {
        font-size : calc(var(--font-size_m) + 1px)
    }
}

@media (max-width : 756px) {
    .feedback__item:last-child {
        -ms-flex-order : 0;
        order          : 0;
        padding-left   : 0;
        padding-bottom : 30px;
        width          : auto
    }
}

.feedback__h {
    margin : 0 0 24px 0
}

@media (max-width : 960px) {
    .feedback__h {
        margin-bottom : 20px
    }
}

@media (max-width : 670px) {
    .feedback__h {
        margin-bottom : 16px
    }
}

.feedback__form-h {
    margin-top   : 0;
    font-size    : var(--font-size);
    font-variant : small-caps;
    font-weight  : 400
}

@media (max-width : 670px) {
    .feedback__form-h {
        margin-bottom : 16px
    }
}

.feedback iframe {
    max-width : 539px;
    height    : 350px !important
}

.input {
    box-sizing          : border-box;
    height              : 56px;
    border              : none;
    background          : var(--color__input);
    font-size           : var(--font-size);
    padding             : 0 12px;
    outline             : 0;
    border-radius       : 4px;
    display             : block;
    width               : 100%;
    transition-property : border, box-shadow, background-color;
    transition-duration : .2s
}

.input_fluid {
    width : 100%
}

.input.is-error, .input.is-error:focus {
    color : var(--color_no)
}

.input.is-disabled, .input:disabled, .input[disabled=disabled] {
    background : var(--color__input_disabled);
    color      : var(--color__text_disabled)
}

.input:focus, .input:focus:active, .input[disabled]:focus {
    box-shadow : 0 0 5px var(--color_focus)
}

textarea.input {
    height      : 128px;
    min-height  : 128px;
    padding     : 12px;
    line-height : var(--line-height);
    resize      : vertical
}

::-webkit-input-placeholder {
    color : var(--color__text_disabled)
}

::-moz-placeholder {
    color : var(--color__text_disabled)
}

:-ms-input-placeholder {
    color : var(--color__text_disabled)
}

:-moz-placeholder {
    color : var(--color__text_disabled)
}

.form__line {
    margin-bottom : 13px
}

.form__line_has-items {
    display       : -ms-flexbox;
    display       : flex;
    margin-bottom : 0;
    margin-left   : -4px;
    margin-right  : -4px
}

@media (max-width : 670px) {
    .form__line_has-items {
        -ms-flex-direction : column;
        flex-direction     : column;
        margin-left        : 0;
        margin-right       : 0
    }
}

.form__line-item {
    margin-bottom           : 13px;
    margin-left             : 4px;
    margin-right            : 4px;
    -ms-flex-positive       : 1;
    flex-grow               : 1;
    -ms-flex-preferred-size : 0;
    flex-basis              : 0
}

@media (max-width : 670px) {
    .form__line-item {
        margin-left  : 0;
        margin-right : 0
    }
}

.form__footer {
    padding-top : 16px
}

.section-teaser {
    display : -ms-flexbox;
    display : flex
}

@media (max-width : 1275px) {
    .section-teaser {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.section-teaser_ratio_smaller-content .section-teaser__item:first-child {
    width : 43%
}

@media (max-width : 1275px) {
    .section-teaser_ratio_smaller-content .section-teaser__item:first-child {
        width : auto
    }
}

.section-teaser_ratio_smaller-content .section-teaser__item:last-child {
    width : 57%
}

@media (max-width : 1275px) {
    .section-teaser_ratio_smaller-content .section-teaser__item:last-child {
        width : auto
    }
}

.section-teaser__item {
    width : 50%
}

@media (max-width : 1275px) {
    .section-teaser__item {
        width : auto
    }
}

.section-teaser__item:first-child {
    padding-right : 50px;
    max-width     : 800px
}

@media (max-width : 1275px) {
    .section-teaser__item:first-child {
        padding-right : 0
    }
}

.section-teaser__item:last-child {
    padding-top : 14px
}

@media (max-width : 1275px) {
    .section-teaser__item:last-child {
        padding-top : 0
    }
}

.section-teaser__body {
    margin-bottom : 40px;
    max-width     : 570px
}

@media (max-width : 670px) {
    .section-teaser__body {
        margin-bottom : 30px
    }
}

.custom-h {
    font-weight    : 600;
    font-size      : 16px;
    text-transform : uppercase;
    position       : relative;
    padding-bottom : 8px;
    margin-bottom  : 20px;
    margin-top     : 0
}

@media (max-width : 960px) {
    .custom-h {
        font-size : 14px
    }
}

@media (max-width : 670px) {
    .custom-h {
        font-size     : 13px;
        margin-bottom : 14px
    }
}

.custom-h__text {
    display : inline-block
}

.custom-h::first-letter, .custom-h__up {
    font-size : 20px
}

@media (max-width : 960px) {
    .custom-h::first-letter, .custom-h__up {
        font-size : 17px
    }
}

@media (max-width : 670px) {
    .custom-h::first-letter, .custom-h__up {
        font-size : 16px
    }
}

.custom-h::before {
    content    : '';
    display    : block;
    position   : absolute;
    bottom     : 0;
    left       : 0;
    width      : 40px;
    height     : 2px;
    background : var(--color_accent)
}

.h-list {
    margin-bottom : 50px;
    margin-top    : 0;
    max-width     : 570px
}

@media (max-width : 960px) {
    .h-list {
        margin-bottom : 40px
    }
}

@media (max-width : 670px) {
    .h-list {
        margin-bottom : 30px
    }
}

.h-list__body {
    margin  : 0;
    padding : 0
}

.h-list__body p {
    margin      : 0 0 22px 0;
    line-height : 1.25
}

.h-list__list {
    list-style-type : none;
    margin          : 0;
    padding         : 0
}

@media (max-width : 400px) {
    .h-list__list {
        display : inline-block
    }
}

.h-list__item {
    padding     : 0;
    margin      : 0 0 16px 0;
    line-height : 1.25
}

.h-list__item ul {
    list-style-type : none;
    margin          : 0;
    padding         : 4px 0 0 0
}

.h-list__item ul li {
    padding-left : 20px;
    position     : relative
}

.h-list__item ul li::before {
    content  : '—';
    display  : block;
    position : absolute;
    top      : 1px;
    left     : 0
}

@media (max-width : 670px) {
    .h-list__item ul li::before {
        top : 0
    }
}

.h-list-container {
    margin-bottom : -50px
}

@media (max-width : 960px) {
    .h-list-container {
        margin-bottom : -40px
    }
}

@media (max-width : 670px) {
    .h-list-container {
        margin-bottom : -30px
    }
}

.masonry {
    position      : relative;
    margin-bottom : -50px;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap
}

@media (max-width : 960px) {
    .masonry {
        margin-bottom : -40px
    }
}

@media (max-width : 670px) {
    .masonry {
        margin-bottom : -30px
    }
}

.masonry__item {
    position      : relative;
    display       : block;
    width         : 25%;
    padding-right : 50px
}

@media (max-width : 960px) {
    .masonry__item {
        width         : 50%;
        padding-right : 40px
    }
}

@media (max-width : 670px) {
    .masonry__item {
        width         : 50%;
        padding-right : 40px
    }
}

@media (max-width : 400px) {
    .masonry__item {
        width         : 100%;
        padding-right : 0
    }
}

.masonry_section-teaser .masonry__item {
    width         : 50%;
    padding-right : 14px
}

@media (max-width : 1275px) {
    .masonry_section-teaser .masonry__item {
        width         : 33.33333%;
        padding-right : 50px
    }
}

@media (max-width : 790px) {
    .masonry_section-teaser .masonry__item {
        width         : 50%;
        padding-right : 40px
    }
}

@media (max-width : 400px) {
    .masonry_section-teaser .masonry__item {
        width         : 100%;
        padding-right : 0
    }
}

.masonry_three .masonry__item {
    width         : 33.33333%;
    padding-right : 60px
}

@media (max-width : 800px) {
    .masonry_three .masonry__item {
        width         : 50%;
        padding-right : 40px
    }
}

@media (max-width : 400px) {
    .masonry_three .masonry__item {
        width         : 100%;
        padding-right : 0
    }
}

.masonry_four-thin .masonry__item {
    width         : 25%;
    padding-right : 60px
}

@media (max-width : 800px) {
    .masonry_four-thin .masonry__item {
        width         : 33.33333%;
        padding-right : 40px
    }
}

@media (max-width : 570px) {
    .masonry_four-thin .masonry__item {
        width         : 50%;
        padding-right : 24px
    }
}

@media (max-width : 350px) {
    .masonry_four-thin .masonry__item {
        width         : 100%;
        padding-right : 0
    }
}

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

.simple-list_inline {
    display : inline-block
}

.simple-list_space_right {
    margin-right : 58px
}

@media (max-width : 670px) {
    .simple-list_space_right {
        margin-right : 30px
    }
}

.simple-list__item {
    margin : 0 0 10px 0
}

.map {
    position : relative
}

@media (max-width : 1065px) {
    .map {
        display            : -ms-flexbox;
        display            : flex;
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.map__h {
    max-width : 450px;
    position  : relative
}

.map__body {
    width    : 50%;
    position : absolute;
    left     : 0;
    z-index  : 1
}

@media (max-width : 1195px) {
    .map__body {
        width : 70%
    }
}

@media (max-width : 1065px) {
    .map__body {
        position      : relative;
        width         : auto;
        margin-bottom : 30px
    }
}

@media (max-width : 670px) {
    .map__body {
        margin-bottom : 20px
    }
}

.map__img {
    position     : relative;
    padding-left : 32%;
    top          : 16px
}

@media (max-width : 1195px) {
    .map__img {
        padding-left : 40%
    }
}

@media (max-width : 1068px) {
    .map__img {
        padding-left : 43%
    }
}

@media (max-width : 1065px) {
    .map__img {
        padding-left : 0;
        max-width    : 550px;
        top          : 0
    }
}

@media (max-width : 670px) {
    .map__img {
        margin-left  : -16px;
        margin-right : -16px
    }
}

.map__content {
    max-width      : 366px;
    padding-bottom : 24px;
    padding-top    : 10px
}

@media (max-width : 1065px) {
    .map__content {
        max-width : 100%
    }
}

@media (max-width : 670px) {
    .map__content {
        padding-top : 0
    }
}

.map__list {
    margin          : 0;
    padding         : 10px 0 0 0;
    max-width       : 400px;
    list-style-type : none;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap
}

@media (max-width : 1195px) {
    .map__list {
        max-width : 500px
    }
}

@media (max-width : 1065px) {
    .map__list {
        max-width : 900px
    }
}

.map__list-item {
    width         : 150px;
    padding-right : 40px;
    margin-bottom : 10px
}

@media (max-width : 960px) {
    .map__list-item {
        width         : 160px;
        padding-right : 30px
    }
}

@media (max-width : 670px) {
    .map__list-item {
        width         : 130px;
        padding-right : 20px
    }
}

.gallery {
    margin-left   : -10px;
    margin-right  : -10px;
    margin-bottom : 40px;
    display       : -ms-flexbox;
    display       : flex
}

@media (max-width : 1170px) {
    .gallery {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

@media (max-width : 960px) {
    .gallery {
        margin-bottom : 20px
    }
}

@media (max-width : 670px) {
    .gallery {
        margin-bottom : 0
    }
}

.gallery__item {
    width  : 50%;
    margin : 0 10px
}

@media (max-width : 1170px) {
    .gallery__item {
        width     : auto;
        max-width : 548px
    }
}

@media (max-width : 1170px) {
    .gallery__item:first-child {
        margin-bottom : 40px
    }
}

@media (max-width : 1170px) {
    .gallery__item:last-child {
        -ms-flex-item-align : end;
        align-self          : flex-end
    }
}

.gallery__img {
    display       : block;
    margin-bottom : 20px
}

.gallery__content {
    padding-right : 50px
}

.cols {
    display       : -ms-flexbox;
    display       : flex;
    margin-bottom : 48px
}

@media (max-width : 960px) {
    .cols {
        margin-bottom : 34px
    }
}

@media (max-width : 670px) {
    .cols {
        margin-bottom : 20px
    }
}

@media (max-width : 1140px) {
    .cols {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.cols__item {
    width         : 50%;
    padding-right : 9%
}

@media (max-width : 1140px) {
    .cols__item {
        width         : auto;
        max-width     : 800px;
        margin-bottom : 24px
    }
}

@media (max-width : 1140px) {
    .cols__item:last-child {
        margin-bottom : 0
    }
}

.cols_3 .cols__item {
    width         : 33.33333%;
    padding-right : 6%
}

@media (max-width : 1140px) {
    .cols_3 .cols__item {
        width         : auto;
        max-width     : 800px;
        margin-bottom : 24px
    }
}

@media (max-width : 1140px) {
    .cols_3 .cols__item:last-child {
        margin-bottom : 0
    }
}

.content-caption {
    font-weight    : 600;
    font-size      : 16px;
    text-transform : uppercase
}

@media (max-width : 960px) {
    .content-caption {
        font-size : 14px
    }
}

@media (max-width : 670px) {
    .content-caption {
        font-size : 13px
    }
}

.content-caption:first-letter, .content-caption__second-letter {
    font-size : 20px
}

@media (max-width : 960px) {
    .content-caption:first-letter, .content-caption__second-letter {
        font-size : 17px
    }
}

@media (max-width : 670px) {
    .content-caption:first-letter, .content-caption__second-letter {
        font-size : 16px
    }
}

.blockquote {
    position  : relative;
    margin    : 68px 0 52px 204px;
    padding   : 1px 0 0 0;
    max-width : 570px
}

@media (max-width : 725px) {
    .blockquote {
        margin-left : 0
    }
}

.blockquote__h {
    position   : relative;
    color      : var(--color_accent);
    margin-top : 22px
}

.blockquote__h::before {
    content       : '„';
    display       : block;
    position      : absolute;
    bottom        : 100%;
    left          : 0;
    font-size     : 34px;
    margin-bottom : 4px
}

.blockquote__aside {
    width    : 183px;
    position : absolute;
    top      : 0;
    left     : -204px
}

@media (max-width : 725px) {
    .blockquote__aside {
        position : relative;
        left     : 0
    }
}

.blockquote__img {
    display       : block;
    margin-bottom : 8px
}

.blockquote__author {
    font-weight   : 600;
    margin-bottom : 4px;
    font-size     : var(--font-size) 1px
}

.cards {
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap;
    margin-left   : -10px;
    margin-right  : -10px
}

@media (max-width : 870px) {
    .cards {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.cards__card {
    height : 100%
}

.cards__item {
    width         : 50%;
    padding       : 0 10px;
    margin-bottom : 20px
}

.cards__item_full {
    width : 100%
}

@media (max-width : 870px) {
    .cards__item {
        width : auto
    }
}

@media (max-width : 870px) {
    .cards__item:first-child {
        margin-bottom : 20px
    }
}

.card {
    background : var(--color_panel);
    padding    : 36px 20px 36px 20px
}

.card__cols {
    display : -ms-flexbox;
    display : flex;
    height  : 100%
}

@media (max-width : 1265px) {
    .card__cols {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.card__h {
    margin-top : 0
}

@media (max-width : 1265px) {
    .card__photo_analytics {
        margin-left   : -1.5%;
        margin-top    : -16px;
        max-width     : 666px;
        margin-bottom : 8px
    }
}

.card__photo_vpn {
    margin-bottom : 30px;
    max-width     : 430px
}

@media (max-width : 1265px) {
    .card__photo_vpn {
        max-width  : 300px;
        margin-top : -10px
    }
}

@media (max-width : 1265px) {
    .card__photo_calendar {
        max-width     : 500px;
        margin-top    : -16px;
        margin-left   : -1.5%;
        margin-bottom : 8px
    }
}

@media (max-width : 1265px) {
    .card__photo_posiflora-web {
        max-width     : 500px;
        margin-left   : -1.5%;
        margin-bottom : 10px;
        margin-top    : -16px
    }
}

@media (max-width : 1265px) {
    .card__photo_orbit-ad-s {
        max-width     : 500px;
        margin-left   : -1.5%;
        margin-bottom : 10px;
        margin-top    : -16px
    }
}

.card__cols .card__body {
    width : 48%
}

@media (max-width : 1265px) {
    .card__cols .card__body {
        width          : auto;
        -ms-flex-order : 1;
        order          : 1
    }
}

.card__cols .card__photo {
    width : 52%
}

@media (max-width : 1265px) {
    .card__cols .card__photo {
        width : auto
    }
}

.card__cols_reverse .card__body {
    -ms-flex-order : 1;
    order          : 1;
    padding-left   : 2.5%
}

@media (max-width : 1265px) {
    .card__cols_reverse .card__body {
        -ms-flex-order : 1;
        order          : 1;
        padding-left   : 0
    }
}

.card__cols_ratio-img-sm .card__body {
    width : 60%
}

@media (max-width : 1265px) {
    .card__cols_ratio-img-sm .card__body {
        width          : auto;
        -ms-flex-order : 1;
        order          : 1
    }
}

.card__cols_ratio-img-sm .card__photo {
    width : 40%
}

@media (max-width : 1265px) {
    .card__cols_ratio-img-sm .card__photo {
        width : auto
    }
}

.card__cols_ratio_half .card__body {
    width : 50%
}

@media (max-width : 1265px) {
    .card__cols_ratio_half .card__body {
        width          : auto;
        -ms-flex-order : 1;
        order          : 1
    }
}

.card__cols_ratio_half .card__photo {
    width : 50%
}

@media (max-width : 1265px) {
    .card__cols_ratio_half .card__photo {
        width : auto
    }
}

.card__body {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column
}

.card__content {
    -ms-flex : 1 0 auto;
    flex     : 1 0 auto
}

.card__content_has-items {
    display      : -ms-flexbox;
    display      : flex;
    margin-left  : -14px;
    margin-right : -14px
}

@media (max-width : 1120px) {
    .card__content_has-items {
        display : block
    }
}

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

.card__content-item {
    margin-left  : 14px;
    margin-right : 14px
}

@media (max-width : 1120px) {
    .card__content-item:first-child {
        margin-bottom : 50px
    }
}

@media (max-width : 960px) {
    .card__content-item:first-child {
        margin-bottom : 40px
    }
}

@media (max-width : 670px) {
    .card__content-item:first-child {
        margin-bottom : 30px
    }
}

.card .card__h-list {
    margin-bottom : 0
}

.card__label {
    margin-bottom : 10px
}

.card__info-item {
    margin-bottom : 10px;
    max-width     : 570px
}

.card__info-item-h {
    font-weight   : 700;
    margin-bottom : 2px
}

.card__outcome {
    margin-bottom : 40px;
    padding-top   : 18px
}

@media (max-width : 960px) {
    .card__outcome {
        margin-bottom : 30px;
        padding-top   : 10px
    }
}

@media (max-width : 670px) {
    .card__outcome {
        margin-bottom : 20px;
        padding-top   : 6px
    }
}

.more-link {
    display        : -ms-inline-flexbox;
    display        : inline-flex;
    -ms-flex-align : center;
    align-items    : center
}

.more-link__arrow {
    line-height : 3px;
    display     : inline-block;
    height      : 10px;
    position    : relative;
    top         : 4px;
    margin-left : 4px;
    font-size   : 17px
}

@media (max-width : 670px) {
    .more-link__arrow {
        top       : 5px;
        font-size : 14px
    }
}

.c-label {
    background     : rgba(77, 107, 215, .21);
    display        : inline-block;
    border-radius  : 200px;
    padding        : 6px 11px;
    color          : var(--color__link);
    text-transform : uppercase;
    line-height    : 1;
    font-size      : 12px
}

.c-label:first-letter {
    font-size : 15px
}

.outcome {
    display : -ms-flexbox;
    display : flex
}

@media (max-width : 581px) {
    .outcome {
        -ms-flex-direction : column;
        flex-direction     : column
    }
}

.outcome__item {
    max-width     : 214px;
    margin-bottom : 24px;
    padding-right : 40px
}

@media (max-width : 960px) {
    .outcome__item {
        max-width     : 190px;
        padding-right : 20px
    }
}

@media (max-width : 581px) {
    .outcome__item {
        max-width : none
    }
}

.outcome__item_one {
    max-width : 335px
}

.outcome__h {
    white-space   : nowrap;
    font-size     : calc(var(--font-size) + 4px);
    margin-bottom : 8px
}

@media (max-width : 960px) {
    .outcome__h {
        font-size : calc(var(--font-size_t) + 4px)
    }
}

@media (max-width : 670px) {
    .outcome__h {
        font-size : calc(var(--font-size_m) + 4px)
    }
}

.outcome__icon {
    width    : 34px;
    height   : 34px;
    position : relative;
    top      : 8px;
    display  : inline-block;
    color    : var(--color_yep)
}

@media (max-width : 670px) {
    .outcome__icon {
        top    : 6px;
        width  : 24px;
        height : 24px
    }
}

.outcome__icon svg {
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0
}

.outcome__legend {
    font-size : calc(var(--font-size) - 2px)
}

@media (max-width : 960px) {
    .outcome__legend {
        font-size : calc(var(--font-size_t) - 2px)
    }
}

@media (max-width : 670px) {
    .outcome__legend {
        font-size : calc(var(--font-size_m) - 2px)
    }
}

.logos {
    max-width     : 820px;
    margin-left   : auto;
    margin-right  : auto;
    margin-bottom : 55px
}

@media (max-width : 960px) {
    .logos {
        margin-bottom : 30px
    }
}

@media (max-width : 670px) {
    .logos {
        margin-bottom : 20px
    }
}

.logos__list {
    margin          : 0;
    padding         : 0;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    list-style-type : none;
    -ms-flex-pack   : center;
    justify-content : center;
    -ms-flex-align  : center;
    align-items     : center
}

.logos__item {
    margin : 20px 18px
}

@media (max-width : 960px) {
    .logos__item {
        max-width : 100px
    }
}

@media (max-width : 670px) {
    .logos__item {
        max-width : 66px
    }
}

.highlight {
    position   : relative;
    background : #d1e1ff
}

.highlight:before {
    position   : absolute;
    top        : -2px;
    right      : -2px;
    bottom     : -2px;
    left       : -4px;
    content    : '';
    display    : inline;
    background : #d1e1ff;
    z-index    : -1
}

.h3, .h4, h3, h4 {
    font-weight : 400;
}

.page_link {
    text-decoration: underline;
}

.icon-social-container {
    display: flex;
    flex-direction: row;
    margin-top: 8px;
}
.icon-social {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: transparent no-repeat;
    margin: 0 20px 0 0;
}
.icon-social.icon-fb {
    background-image: url("../img/icon-fb-24.png");
}
.icon-social.icon-li {
    background-image: url("../img/icon-li-24.png");
}
.icon-social.icon-md {
    background-image: url("../img/icon-md-24.png");
}
.icon-social.icon-tw {
    background-image: url("../img/icon-tw-24.png");
}
.icon-social.icon-cl {
    background-image: url("../img/icon-cl-24.png");
}