@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('fonts/MuseoSansCyrl-300.eot');
    src: local('MuseoSansCyrl-300'),
    url('fonts/MuseoSansCyrl-300%EF%B9%96.eot#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-300.woff') format('woff'),
    url('fonts/MuseoSansCyrl-300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('fonts/MuseoSansCyrl-500.eot');
    src: local('MuseoSansCyrl-500'),
    url('fonts/MuseoSansCyrl-500%EF%B9%96.eot#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-500.woff') format('woff'),
    url('fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('fonts/MuseoSansCyrl-700.eot');
    src: local('MuseoSansCyrl-700'),
    url('fonts/MuseoSansCyrl-700%EF%B9%96.eot#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-700.woff') format('woff'),
    url('fonts/MuseoSansCyrl-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('fonts/MuseoSansCyrl-900.eot');
    src: local('MuseoSansCyrl-900'),
    url('fonts/MuseoSansCyrl-900%EF%B9%96.eot#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-900.woff') format('woff'),
    url('fonts/MuseoSansCyrl-900.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html.sr .load-hidden {
    visibility: hidden;
}
body {
    font-family: 'Museo Sans Cyrl';
    font-weight: 300;
}
.max-content {
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 640px) {
    .max-content {
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media screen and (min-width: 990px) {
    .max-content {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 1240px;
        margin-right: auto;
        margin-left: auto;
    }
}

p {
    line-height: 130%;
}

.rounded-card-icon {
    border-radius: 16px 0
}
@media screen and (min-width: 640px) {
    .rounded-card-icon {
        border-radius: 32px 0
    }
}


.bg-blur {
    width: 100%;
    background: linear-gradient(180deg, rgba(26, 26, 26, 0.00) 0%, #1A1A1A 100%), linear-gradient(180deg, rgb(26 26 26 / 0%) 0%, #1a1a1a 100%), linear-gradient(180deg, rgb(26 26 26 / 0%) 0%, #1a1a1a 100%), linear-gradient(180deg, rgb(26 26 26 / 0%) 0%, #1a1a1a 100%);
    padding: 10px 0 5px;
    margin-top: -18px;
    position: relative;
}
@media screen and (min-width: 640px) {
    .bg-blur {
        margin-top: -50px;
        padding: 30px 0 20px;
    }
}
@media screen and (min-width: 1024px) {
    .bg-blur {
        padding: 100px 0 40px;
        margin-top: -100px;
    }
}

.footer-items {
    grid-template-areas:
        "logo social"
        "contact-1  contact-1"
        "contact-2  contact-2";
}
@media screen and (min-width: 640px) {
    .footer-items {
        grid-template-areas:
        "logo social"
        "contact-1  contact-2";
    }
}
@media screen and (min-width: 1024px) {
    .footer-items {
        grid-template-areas:
        "logo contact-1  contact-2 social";
        grid-template-columns: repeat(3, 1fr) 0.7fr;
    }
}
.logo-freedom {
    grid-area: logo;
}
.contact-1 {
    grid-area: contact-1;
}
.contact-2 {
    grid-area: contact-2;
}
.contact-social {
    grid-area: social;
}