/* header */

header.c-header {
    margin-bottom: 70px;
    background-color: transparent
}

header.c-header .r-topbar {
    display: none;
    background: #f9fafb
}

header.c-header .r-base {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

header.c-header .c-logo {
    padding-top: 0;
    width: 160px
}

header.c-header .c-logo svg {
    position: absolute;
    top: 0;
    left: 24px;
    max-width: 100%;
    width: 124px;
    height: 124px;
    z-index: 100
}

header.c-header nav#navigation {
    width: 100%;
    padding: 1.875rem;
    padding-top: .625rem
}

header.c-header nav#navigation .container {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

header.c-header .r-contacts, header.c-header .r-demo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%
}

header.c-header .r-contacts .c-btn, header.c-header .r-demo .c-btn {
    font-weight: 500;
    font-size: .875rem;
    line-height: 1;
    width: 130px
}

header.c-header .r-demo {
    margin-top: .5rem;
    margin-left: 0
}

header.c-header .r-demo .c-btn {
    font-size: .875rem;
    line-height: 1;
    width: 135px
}

header.c-header .r-contacts {
    margin-top: 1.5rem;
    margin-left: 0
}

header.c-header .r-contacts .c-btn {
    width: 104px
}

header.c-header.is-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    z-index: 105;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

header.c-header.is-fixed .container.r-base {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

header.c-header.is-fixed nav .c-navmenu li a.is-current {
    opacity: .5
}

header.c-header.is-fixed nav:not(.is-active) {
    width: 100%
}

header.c-header.is-fixed nav:not(.is-active) .container.r-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
}

header.c-header.is-fixed nav:not(.is-active) .container.r-nav .c-navmenu {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

header.c-header.is-fixed nav:not(.is-active) .container.r-nav .c-navmenu li.r-login > a {
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: 1rem
}

header.c-header.is-fixed nav:not(.is-active) .container.r-nav .c-navmenu li.r-login > a .r-label {
    display: none
}

header.c-header.is-fixed nav:not(.is-active) .container.r-nav .c-navmenu li.r-login > a::before {
    content: ".";
    display: inline;
    font-size: 0;
    color: transparent
}

header.c-header.is-fixed nav .container.r-nav::before {
    content: "";
    display: none;
    background: .5rem center/auto 1.75rem no-repeat url(/img/logo.svg);
    background-color: rgba(255, 0, 60, .75)
}

header.c-header.is-fixed ~ main {
    padding-top: 60px
}

header.c-header.is-short nav#navigation {
    max-width: 265px
}

header.c-header.is-short nav#navigation a.container {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1;
    color: #ff003c
}

.c-header nav {
    background-color: #fff
}

/* nav */

nav .container.r-nav .c-navmenu {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0
}

/* c-phone-modal */

.c-phone-modal {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 200;
    display: none;
    background: #00000033
}

.c-phone-modal.is-open {
    display: block
}

.c-phone-modal .container .o-telephones {
    position: relative;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    margin-left: auto;
    margin-top: 5.75rem;
    max-width: 447px;
    background: #fff
}

.c-phone-modal .container .o-telephones .o-cross.r-close {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 16px;
    top: 40px;
    cursor: pointer;
    background: 0 center no-repeat url(../../img/svg/cross.svg);
    transform: translate(-50%, -50%)
}

.c-phone-modal .container .o-telephones .o-phone {
    margin-top: 1.25rem
}

.c-phone-modal .container .o-telephones .o-phone a.is-link {
    display: block;
    font-size: 1.375rem;
    line-height: 1;
    line-height: 1.875rem
}

.c-phone-modal .container .o-telephones .o-phone:nth-child(2) {
    margin-top: 0
}

.c-phone-modal .container .o-telephones .o-phone:nth-child(2) a.is-link {
    display: block;
    font-size: 28px;
    line-height: 1;
    line-height: 2.625rem
}

.c-phone-modal .container .o-telephones a.container.r-whats-app {
    display: block;
    padding: 0;
    margin-top: 1.325rem
}

.c-phone-modal .container .o-telephones a.container.r-whats-app button.c-btn.is-primary {
    position: relative;
    width: auto;
    font-size: 1.25rem;
    line-height: 1;
    padding-left: 3.25rem;
    min-height: 3rem;
    background: #25d366
}

.c-phone-modal .container .o-telephones a.container.r-whats-app button.c-btn.is-primary:before {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 28px;
    top: 50%;
    content: "";
    background: 0 center/auto no-repeat url(../../img/svg/wa-big.svg);
    transform: translate(-50%, -50%)
}

.c-phone-modal .container .o-telephones hr {
    margin-top: 1.825rem
}

.c-phone-modal .container .o-telephones .o-useful-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.c-phone-modal .container .o-telephones .o-useful-links span.is-description {
    margin-top: 1.5rem
}

.c-phone-modal .container .o-telephones .o-useful-links a.is-link {
    margin-top: .925rem;
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700
}

.c-phone-modal .container .o-telephones .o-useful-links a.is-link:nth-child(2) {
    margin-top: .75rem
}

/* footer */
footer.c-footer {
    padding-top: 1.4375rem;
    padding-bottom: 1.4375rem;
    color: #fff;
    background-color: #292828
}

footer.c-footer .container.r-base .c-logo {
    width: 100%
}

footer.c-footer .container.r-base .c-logo a svg {
    margin: auto;
    width: 164px;
    height: auto
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones {
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    font-size: .875rem;
    line-height: 1;
    -webkit-row-gap: .25rem;
    -moz-row-gap: .25rem;
    grid-row-gap: .25rem;
    row-gap: .25rem;
    margin-top: 1.725rem
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones .o-phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    grid-gap: .5rem;
    gap: .5rem
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones .o-phone:nth-child(3) {
    grid-column-start: 2
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-demo {
    grid-column-start: 1;
    grid-column-end: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 2rem
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-demo button.c-btn {
    font-size: .85rem;
    line-height: 1;
    line-height: .25rem;
    width: 100%;
    color: #292828;
    background: #fe0
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-whats-app {
    grid-column-start: 1;
    grid-column-end: 3;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 1.5rem
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-whats-app button.c-btn {
    position: relative;
    font-size: .85rem;
    line-height: 1;
    line-height: .25rem;
    padding-left: 2.5rem;
    width: 100%;
    background: #414141;
    color: #25d366
}

footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-whats-app button.c-btn:before {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 28px;
    top: 50%;
    content: "";
    background: 0 center/auto no-repeat url(../../img/svg/wa-green_15.svg);
    transform: translate(-50%, -50%)
}

footer.c-footer .container.r-base .r-contacts-holder hr {
    display: none;
    border-color: #3d3d3d
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder {
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-gap: 1rem;
    gap: 1rem;
    margin-top: 2.25rem
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder ul.c-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder ul.c-group li {
    letter-spacing: unset;
    font-size: unset;
    line-height: unset;
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder ul.c-group li.r-item a.r-link {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder ul.c-group li.menu-item a {
    font-weight: 700;
    font-size: .875rem;
    line-height: 1
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-app-buttons {
    grid-gap: .75rem;
    gap: .75rem
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-app-buttons .c-app-btn {
    width: 100%;
    border-radius: 0
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-app-buttons .c-app-btn:hover > img {
    background: #ffffff1a
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-app-buttons .c-app-btn > img {
    height: auto
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-app-buttons .c-app-btn.r-android {
    margin-bottom: 20px
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-copyrights {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-top: 2.25rem
}

footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-copyrights .o-text.is-right {
    font-weight: 700;
    margin-top: .825rem
}

/* c-btn */

.c-btn.is-gray {
    color: #292828;
    background-color: #e4e4e4;
}

/* r-app-buttons */

.r-app-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-gap: .375rem;
    gap: .375rem;
    max-width: 350px
}

@media (min-width: 760px) {

    /* header min-width: 760px*/

    header.c-header {
        margin-bottom: 70px;
    }

    header.c-header .r-topbar {
        display: block
    }

    header.c-header .r-base {
        height: 4.375rem;
        padding-top: .625rem;
        padding-bottom: .625rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 1rem
    }

    header.c-header .c-logo svg {
        left: 0
    }

    header.c-header.is-fixed ~ main {
        padding-top: 70px
    }

    /* footer min-width: 760px*/

    footer.c-footer {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    footer.c-footer .container.r-base {
        display: -ms-grid;
        display: grid;
        grid-template-columns:repeat(5, minmax(0, 1fr));
        grid-gap: 3.75rem;
        gap: 3.75rem;

        padding-bottom: initial;
    }

    footer.c-footer .container.r-base .c-logo a svg {
        margin-top: 0;
        width: 100%
    }

    footer.c-footer .container.r-base .r-contacts-holder {
        grid-column-start: 2;
        grid-column-end: 6
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones {
        -webkit-row-gap: 1.5rem;
        -moz-row-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        row-gap: 1.5rem;
        -webkit-column-gap: 3.75rem;
        -moz-column-gap: 3.75rem;
        grid-column-gap: 3.75rem;
        column-gap: 3.75rem;
        margin-top: 0
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones .o-phone span.is-description {
        font-size: .875rem;
        line-height: 1
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones .o-phone a.is-link {
        font-size: 1rem;
        line-height: 1
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones .o-phone:nth-child(3) {
        grid-column: auto
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-demo {
        grid-column: auto;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-top: 0
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-demo button.c-btn {
        width: auto
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-whats-app {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        margin-top: 0
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-whats-app button.c-btn {
        width: auto
    }

    footer.c-footer .container.r-base .r-contacts-holder hr {
        display: block;
        margin-top: 1.75rem;
        margin-bottom: 1.5rem
    }

    footer.c-footer .container.r-base .r-contacts-holder .r-links-holder {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        -webkit-column-gap: 3.75rem;
        -moz-column-gap: 3.75rem;
        grid-column-gap: 3.75rem;
        column-gap: 3.75rem;
        -webkit-row-gap: 1.75rem;
        -moz-row-gap: 1.75rem;
        grid-row-gap: 1.75rem;
        row-gap: 1.75rem;
        margin-top: 0
    }

    footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-copyrights {
        font-size: .875rem;
        line-height: 1;
        grid-column-start: 1;
        grid-column-end: 3;
        margin-top: 0
    }

    footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-copyrights .o-text.is-left .r-sm-showed {
        display: none
    }

    /* r-app-buttons */

    .r-app-buttons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media (min-width: 1024px) {
    header.c-header.is-fixed .container.r-base {
        display: none
    }

    header.c-header.is-fixed nav .container.r-nav::before {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        display: inline-block;
        width: 165px
    }

    header.c-header.is-fixed ~ main {
        padding-top: 130px
    }

    body.is-blocked {
        margin-right: .9375rem
    }

    body.is-blocked header.c-header.is-fixed nav:not(.is-active) {
        margin-right: .9375rem
    }

}

@media screen and (min-width: 1280px) {
    header.c-header {
        margin-bottom: 50px;
    }
}

@media (min-width: 1280px) {
    /* header min-width: 1280px */

    header.c-header {
        margin-bottom: 50px;
    }

    header.c-header .r-base {
        height: 6.75rem;
        padding: 0
    }

    header.c-header .c-logo svg {
        width: 140px;
        height: 140px;
        margin-left: 0
    }

    header.c-header nav#navigation {
        padding: 0
    }

    header.c-header .r-contacts, header.c-header .r-demo {
        width: auto
    }

    header.c-header .r-demo {
        margin-top: 0;
        margin-left: .5rem
    }

    header.c-header .r-contacts {
        margin-top: 0;
        margin-left: 1rem
    }

    header.c-header.is-fixed nav:not(.is-active) .container.r-nav .c-navmenu li.r-login > a .r-label {
        display: inline;
        font-weight: 400
    }

    /* nav */

    nav .container.r-nav .c-navmenu {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around
    }

    nav .container.r-nav {
        padding-left: .625rem;
        padding-right: .625rem;
    }

    /* footer min-width: 1280px */

    footer.c-footer .container.r-base {
        padding-top: initial;
        padding-bottom: initial;
    }

    footer.c-footer .container.r-base .c-btn {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    footer.c-footer .container.r-base .r-contacts-holder .o-telephones a.r-whats-app {
        grid-column-start: 1;
        grid-column-end: 5
    }

    footer.c-footer .container.r-base .r-contacts-holder .r-links-holder {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }

    footer.c-footer .container.r-base .r-contacts-holder .r-links-holder .r-copyrights {
        grid-column-start: 1;
        grid-column-end: 5
    }

    /* naw min-width: 1280px */

    nav .container.r-nav .c-navmenu li:hover ul.sub-menu {
        max-height: 500%;
        top: 4.90rem;
    }
}