html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
a{
    color:inherit;
}
a:hover{
    color:inherit;
    /*color:#FAFAFA;*/
    text-decoration: none;
}
.container a:hover{
    /*color:unset;*/
    text-decoration: none;
}
.container .cards__footer a.btn:hover{
    color:#FAFAFA;
}
.container .cards__footer2 a:hover,
.container .faq a:hover{
    color:#E61739;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button {
    padding: 0;
    background: 0;
    border: 0
}

/* Rules for icon sizes: */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: center / 24px no-repeat
}

.i_s_vk {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjEwMSAxMy4wNzM3QzI3LjI0MDEgMTIuNjEyMyAyNy4xMDEgMTIuMjcyNyAyNi40MzE5IDEyLjI3MjdIMjQuMjE3N0MyMy42NTM4IDEyLjI3MjcgMjMuMzk0NCAxMi41NjQzIDIzLjI1NTMgMTIuODg5MkMyMy4yNTUzIDEyLjg4OTIgMjIuMTI3NiAxNS41ODc2IDIwLjUzMzYgMTcuMzM3M0MyMC4wMTg2IDE3Ljg0MyAxOS43ODE4IDE4LjAwNTUgMTkuNDk5OSAxOC4wMDU1QzE5LjM2MDggMTguMDA1NSAxOS4xNDY1IDE3Ljg0MyAxOS4xNDY1IDE3LjM4MTZWMTMuMDczN0MxOS4xNDY1IDEyLjUyIDE4Ljk4ODYgMTIuMjcyNyAxOC41MjI1IDEyLjI3MjdIMTUuMDQxNEMxNC42ODgxIDEyLjI3MjcgMTQuNDc3NiAxMi41MzExIDE0LjQ3NzYgMTIuNzcxQzE0LjQ3NzYgMTMuMjk1MiAxNS4yNzQ1IDEzLjQxNyAxNS4zNTcyIDE0Ljg5MzZWMTguMDk3N0MxNS4zNTcyIDE4Ljc5OTEgMTUuMjI5NCAxOC45MjgzIDE0Ljk0NzUgMTguOTI4M0MxNC4xOTU2IDE4LjkyODMgMTIuMzY4NiAxNi4yMTg4IDExLjI4NiAxMy4xMThDMTEuMDY4IDEyLjUxNjMgMTAuODUzNyAxMi4yNzI3IDEwLjI4NiAxMi4yNzI3SDguMDcxODZDNy40NDAzMSAxMi4yNzI3IDcuMzEyNSAxMi41NjQzIDcuMzEyNSAxMi44ODkyQzcuMzEyNSAxMy40NjUgOC4wNjQzNCAxNi4zMjU5IDEwLjgxMjMgMjAuMTA1OUMxMi42NDMxIDIyLjY4NjIgMTUuMjIxOSAyNC4wODUyIDE3LjU2NzYgMjQuMDg1MkMxOC45NzczIDI0LjA4NTIgMTkuMTUwMyAyMy43NzUxIDE5LjE1MDMgMjMuMjM5OUMxOS4xNTAzIDIwLjc3NCAxOS4wMjI0IDIwLjU0MTUgMTkuNzI5MiAyMC41NDE1QzIwLjA1NjIgMjAuNTQxNSAyMC42MjAxIDIwLjcwMzkgMjEuOTM1OCAyMS45NDc5QzIzLjQzOTUgMjMuNDI0NCAyMy42ODc2IDI0LjA4NTIgMjQuNTI5NyAyNC4wODUySDI2Ljc0MzlDMjcuMzc1NCAyNC4wODUyIDI3LjY5NDkgMjMuNzc1MSAyNy41MTA3IDIzLjE2MjRDMjcuMDg5NyAyMS44NzQxIDI0LjI0NCAxOS4yMjM2IDI0LjExNjIgMTkuMDQ2NEMyMy43ODkxIDE4LjYzMyAyMy44ODMxIDE4LjQ0ODQgMjQuMTE2MiAxOC4wNzkzQzI0LjExOTkgMTguMDc1NiAyNi44MjI4IDE0LjMzOTkgMjcuMTAxIDEzLjA3MzdaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=)
}

.i_s_tg {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjE5NzIgMTAuMjY5QzI0LjE5NzIgMTAuMjY5IDI2LjAxODMgOS41NjI5MyAyNS44NjU5IDExLjI3NzZDMjUuODE1OCAxMS45ODM3IDI1LjM2MDYgMTQuNDU1MyAyNS4wMDYzIDE3LjEyODJMMjMuNzkyMiAyNS4wNDY3QzIzLjc5MjIgMjUuMDQ2NyAyMy42OTA5IDI2LjIwNjcgMjIuNzgwMSAyNi40MDg1QzIxLjg2OTggMjYuNjA5OSAyMC41MDM5IDI1LjcwMjQgMjAuMjUwNyAyNS41MDA2QzIwLjA0ODIgMjUuMzQ5MiAxNi40NTY2IDIzLjA3OTQgMTUuMTkxOSAyMS45NzAyQzE0LjgzNzYgMjEuNjY3MiAxNC40MzI2IDIxLjA2MjMgMTUuMjQyNiAyMC4zNTYyTDIwLjU1NDUgMTUuMzEyNEMyMS4xNjE1IDE0LjcwNjUgMjEuNzY4NiAxMy4yOTQzIDE5LjIzOTIgMTUuMDA5NEwxMi4xNTYzIDE5LjgwMDZDMTIuMTU2MyAxOS44MDA2IDExLjM0NjcgMjAuMzA1NCA5LjgyOTM5IDE5Ljg1MTRMNi41NDA2MSAxOC44NDI0QzYuNTQwNjEgMTguODQyNCA1LjMyNjU0IDE4LjA4NTkgNy40MDA3NyAxNy4zMjk1QzEyLjQ2IDE0Ljk1OTEgMTguNjgyOCAxMi41MzgzIDI0LjE5NjcgMTAuMjY4NiIgZmlsbD0iI0ZBRkFGQSIvPgo8L3N2Zz4K)
}

.i_s_ok {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjAwMDUgMjIuNTM0M0MxNS4zOTg2IDIyLjM2NjkgMTMuOTUzNyAyMS45NjkzIDEyLjcxNyAyMC45OTUzQzEyLjU2MzIgMjAuODczOSAxMi40MDQyIDIwLjc1NjcgMTIuMjY1MSAyMC42MjE3QzExLjcyMzEgMjAuMDk4NiAxMS42Njg3IDE5LjQ5OCAxMi4wOTc3IDE4Ljg4MDhDMTIuNDYzOCAxOC4zNTEzIDEzLjA3OSAxOC4yMTAxIDEzLjcxODMgMTguNTE0NkMxMy44NDE4IDE4LjU3MjEgMTMuOTU5IDE4LjY0NjQgMTQuMDczIDE4LjcyNDlDMTYuMzc3OSAyMC4zMTk0IDE5LjU0NSAyMC4zNjMzIDIxLjg1ODMgMTguNzk3QzIyLjA4ODUgMTguNjE5MiAyMi4zMzMzIDE4LjQ3NDggMjIuNjE2OCAxOC40MDE2QzIzLjE2OTMgMTguMjU5MyAyMy42ODQgMTguNDYzMyAyMy45ODAxIDE4Ljk0OThDMjQuMzE5MSAxOS41MDQzIDI0LjMxNDkgMjAuMDQ4NCAyMy44OTc1IDIwLjQ3ODRDMjMuMjU4MiAyMS4xNDA3IDIyLjQ4ODEgMjEuNjE4OCAyMS42MzMzIDIxLjk1MjZDMjAuODI0NiAyMi4yNjg2IDE5LjkzODQgMjIuNDI3NiAxOS4wNjI3IDIyLjUzMjJDMTkuMTk0NSAyMi42Nzc3IDE5LjI1NzMgMjIuNzQ4OCAxOS4zMzk5IDIyLjgzMjVDMjAuNTI5NSAyNC4wMzU3IDIxLjcyNTQgMjUuMjM1OCAyMi45MTE5IDI2LjQ0MzJDMjMuMzE1NyAyNi44NTU0IDIzLjQwMDUgMjcuMzY0OSAyMy4xNzc2IDI3Ljg0NDFDMjIuOTMzOCAyOC4zNjczIDIyLjM4OTggMjguNzExNSAyMS44NTUxIDI4LjY3NDlDMjEuNTE3MiAyOC42NTA4IDIxLjI1MzUgMjguNDgxMyAyMS4wMTgxIDI4LjI0MzhDMjAuMTIwNCAyNy4zMzM1IDE5LjIwNiAyNi40NCAxOC4zMjYxIDI1LjUxM0MxOC4wNjk3IDI1LjI0MzEgMTcuOTQ2MyAyNS4yOTQ0IDE3LjcyMDMgMjUuNTI4N0MxNi44MTc0IDI2LjQ2NTEgMTUuODk5OCAyNy4zODY5IDE0Ljk3NDkgMjguMzA0NUMxNC41NjA2IDI4LjcxNTcgMTQuMDY2NyAyOC43OSAxMy41ODU0IDI4LjU1NTZDMTMuMDc0OSAyOC4zMDQ1IDEyLjc0ODQgMjcuNzgwMyAxMi43NzQ2IDI3LjI1MTlDMTIuNzkxMyAyNi44OTQxIDEyLjk2NjEgMjYuNjIyMSAxMy4yMDk4IDI2LjM3NzNDMTQuMzg3MiAyNS4xOTE1IDE1LjU2MjkgMjQuMDA1NyAxNi43MzY4IDIyLjgxOTlDMTYuODE0MiAyMi43NDA0IDE2Ljg4NzUgMjIuNjU2NyAxNy4wMDA1IDIyLjUzNDNaIiBmaWxsPSIjRkFGQUZBIi8+CjxwYXRoIGQ9Ik0xNy45NzU1IDE4LjQwOTlDMTUuMTE3MSAxOC4zOTk0IDEyLjc3MzQgMTYuMDEzOSAxMi43ODkxIDEzLjEzMDRDMTIuODA1OSAxMC4yMTU1IDE1LjE1MTYgNy44Njc2OSAxOC4wMzgzIDcuODc1MDJDMjAuOTMwMSA3Ljg4MjM0IDIzLjI1MTggMTAuMjY1NyAyMy4yMzgyIDEzLjIxMUMyMy4yMjI1IDE2LjA4ODIgMjAuODYzMiAxOC40MTkzIDE3Ljk3NTUgMTguNDA5OVpNMjAuNTczNCAxMy4xMzY3QzIwLjU3NTMgMTIuNzk5OCAyMC41MTA2IDEyLjQ2NTggMjAuMzgzIDEyLjE1MzlDMjAuMjU1NSAxMS44NDIgMjAuMDY3NSAxMS41NTg0IDE5LjgzIDExLjMxOTVDMTkuNTkyNSAxMS4wODA1IDE5LjMxIDEwLjg5MDggMTguOTk5IDEwLjc2MTNDMTguNjg3OSAxMC42MzE4IDE4LjM1NDMgMTAuNTY1MSAxOC4wMTczIDEwLjU2NUMxNy42NzcyIDEwLjU2NDYgMTcuMzQwNCAxMC42MzIxIDE3LjAyNjcgMTAuNzYzNEMxNi43MTI5IDEwLjg5NDYgMTYuNDI4NSAxMS4wODcxIDE2LjE4OTkgMTEuMzI5NkMxNS45NTE0IDExLjU3MiAxNS43NjM1IDExLjg1OTUgMTUuNjM3MyAxMi4xNzU0QzE1LjUxMTIgMTIuNDkxMiAxNS40NDkyIDEyLjgyOTEgMTUuNDU1IDEzLjE2OTFDMTUuNDU1NCAxMy41MDYyIDE1LjUyMjUgMTMuODM5OSAxNS42NTI0IDE0LjE1MDlDMTUuNzgyMyAxNC40NjIgMTUuOTcyNCAxNC43NDQzIDE2LjIxMTggMTQuOTgxNUMxNi40NTEyIDE1LjIxODggMTYuNzM1MiAxNS40MDY0IDE3LjA0NzQgMTUuNTMzNUMxNy4zNTk2IDE1LjY2MDYgMTcuNjkzOSAxNS43MjQ2IDE4LjAzMDkgMTUuNzIyQzE4LjM2OCAxNS43MjA3IDE4LjcwMTQgMTUuNjUyNiAxOS4wMTIgMTUuNTIxN0MxOS4zMjI2IDE1LjM5MDggMTkuNjA0MiAxNS4xOTk4IDE5Ljg0MDUgMTQuOTU5NUMyMC4wNzY5IDE0LjcxOTMgMjAuMjYzMyAxNC40MzQ2IDIwLjM4OTEgMTQuMTIxOUMyMC41MTQ5IDEzLjgwOTIgMjAuNTc3NSAxMy40NzQ3IDIwLjU3MzQgMTMuMTM3N1YxMy4xMzY3WiIgZmlsbD0iI0ZBRkFGQSIvPgo8L3N2Zz4K)
}

.i_s_yt {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzExNDVfODYzKSI+CjxwYXRoIGQ9Ik0yMC42NDIgMjEuOTY2NVYyNC42NzQ3QzIwLjY0MiAyNS4yNDggMjAuNDcyOCAyNS41MzQ2IDIwLjEzNDQgMjUuNTM0NkMxOS45MzQ4IDI1LjUzNDYgMTkuNzM5NiAyNS40NDA1IDE5LjU0ODcgMjUuMjUyMlYyMS4zODlDMTkuNzM5NiAyMS4yMDA3IDE5LjkzNDggMjEuMTA2NiAyMC4xMzQ0IDIxLjEwNjZDMjAuNDcyOCAyMS4xMDY2IDIwLjY0MiAyMS4zOTMyIDIwLjY0MiAyMS45NjY1Wk0yNS4wNDEyIDIxLjk3OTRWMjIuNTY5OEgyMy44Njk4VjIxLjk3OTRDMjMuODY5OCAyMS4zOTc1IDI0LjA2NTEgMjEuMTA2NiAyNC40NTU1IDIxLjEwNjZDMjQuODQ2IDIxLjEwNjYgMjUuMDQxMiAyMS4zOTc1IDI1LjA0MTIgMjEuOTc5NFpNMTIuNDY4MyAxOS4xODE0SDEzLjg2MVYxNy45NzQ5SDkuODAwMThWMTkuMTgxNEgxMS4xNjY4VjI2LjQ4NDRIMTIuNDY4M1YxOS4xODE0Wk0xNi4yMTY4IDI2LjQ4NDRIMTcuMzc1MVYyMC4xNDRIMTYuMjE2OFYyNC45OTU1QzE1Ljk1NjUgMjUuMzU0OSAxNS43MDkyIDI1LjUzNDYgMTUuNDc0OSAyNS41MzQ2QzE1LjMxODcgMjUuNTM0NiAxNS4yMjc2IDI1LjQ0NDggMTUuMjAxNiAyNS4yNjUxQzE1LjE5MjkgMjUuMjM5NCAxNS4xODg2IDI1LjA4OTcgMTUuMTg4NiAyNC44MTU4VjIwLjE0NEgxNC4wMzAyVjI1LjE2MjRDMTQuMDMwMiAyNS41ODE3IDE0LjA2NDkgMjUuODk0IDE0LjEzNDMgMjYuMDk5M0MxNC4yMzg0IDI2LjQxNTkgMTQuNDkwMSAyNi41NzQyIDE0Ljg4OTIgMjYuNTc0MkMxNS4zMDU3IDI2LjU3NDIgMTUuNzQ4MiAyNi4zMTMyIDE2LjIxNjggMjUuNzkxM1YyNi40ODQ0Wk0yMS44MDA0IDI0LjU4NDhWMjIuMDU2NEMyMS44MDA0IDIxLjQzMTcgMjEuNzYxMyAyMS4wMDgyIDIxLjY4MzIgMjAuNzg1N0MyMS41MzU3IDIwLjMwNjUgMjEuMjI3NyAyMC4wNjcgMjAuNzU5MiAyMC4wNjdDMjAuMzI1MyAyMC4wNjcgMTkuOTIxOCAyMC4yOTggMTkuNTQ4NyAyMC43NlYxNy45NzQ5SDE4LjM5MDNWMjYuNDg0NEgxOS41NDg3VjI1Ljg2ODNDMTkuOTM5MiAyNi4zMzg5IDIwLjM0MjcgMjYuNTc0MiAyMC43NTkyIDI2LjU3NDJDMjEuMjI3NyAyNi41NzQyIDIxLjUzNTcgMjYuMzM4OSAyMS42ODMyIDI1Ljg2ODNDMjEuNzYxMyAyNS42MzczIDIxLjgwMDQgMjUuMjA5NCAyMS44MDA0IDI0LjU4NDhaTTI2LjE5OTYgMjQuNDU2NVYyNC4yODk2SDI1LjAxNTJDMjUuMDE1MiAyNC43MjYgMjUuMDA2NSAyNC45ODcgMjQuOTg5MiAyNS4wNzI1QzI0LjkyODQgMjUuMzgwNiAyNC43NTQ5IDI1LjUzNDYgMjQuNDY4NSAyNS41MzQ2QzI0LjA2OTQgMjUuNTM0NiAyMy44Njk4IDI1LjIzOTQgMjMuODY5OCAyNC42NDlWMjMuNTMyNEgyNi4xOTk2VjIyLjIxMDRDMjYuMTk5NiAyMS41MzQ0IDI2LjA4MjUgMjEuMDM4MSAyNS44NDgyIDIwLjcyMTVDMjUuNTA5OCAyMC4yODUyIDI1LjA0OTkgMjAuMDY3IDI0LjQ2ODUgMjAuMDY3QzIzLjg3ODUgMjAuMDY3IDIzLjQxNDMgMjAuMjg1MiAyMy4wNzU5IDIwLjcyMTVDMjIuODMyOSAyMS4wMzgxIDIyLjcxMTUgMjEuNTM0NCAyMi43MTE1IDIyLjIxMDRWMjQuNDMwOEMyMi43MTE1IDI1LjEwNjggMjIuODM3MyAyNS42MDMxIDIzLjA4ODkgMjUuOTE5NkMyMy40MjczIDI2LjM1NiAyMy44OTU5IDI2LjU3NDIgMjQuNDk0NiAyNi41NzQyQzI1LjExOTMgMjYuNTc0MiAyNS41ODc5IDI2LjM0NzUgMjUuOTAwMiAyNS44OTRDMjYuMDU2NCAyNS42NjI5IDI2LjE0NzUgMjUuNDMxOSAyNi4xNzM2IDI1LjIwMDlDMjYuMTkwOSAyNS4xMjM5IDI2LjE5OTYgMjQuODc1NyAyNi4xOTk2IDI0LjQ1NjVaTTE4LjI4NjIgMTIuNzM4M1YxMC4wNDNDMTguMjg2MiA5LjQ1MjU3IDE4LjA5OTcgOS4xNTczNyAxNy43MjY2IDkuMTU3MzdDMTcuMzUzNSA5LjE1NzM3IDE3LjE2NjkgOS40NTI1NyAxNy4xNjY5IDEwLjA0M1YxMi43MzgzQzE3LjE2NjkgMTMuMzM3MiAxNy4zNTM1IDEzLjYzNjcgMTcuNzI2NiAxMy42MzY3QzE4LjA5OTcgMTMuNjM2NyAxOC4yODYyIDEzLjMzNzIgMTguMjg2MiAxMi43MzgzWk0yNy42NDQzIDIyLjM3NzJDMjcuNjQ0MyAyNC4zNzk1IDI3LjUzMTUgMjUuODc2OSAyNy4zMDU5IDI2Ljg2OTRDMjcuMTg0NCAyNy4zNzQzIDI2LjkzMjggMjcuNzk3OCAyNi41NTEgMjguMTQwMUMyNi4xNjkyIDI4LjQ4MjMgMjUuNzI2NyAyOC42NzkxIDI1LjIyMzQgMjguNzMwNUMyMy42MjY5IDI4LjkxMDIgMjEuMjE5IDI5IDE3Ljk5OTkgMjlDMTQuNzgwNyAyOSAxMi4zNzI5IDI4LjkxMDIgMTAuNzc2MyAyOC43MzA1QzEwLjI3MzEgMjguNjc5MSA5LjgyODM4IDI4LjQ4MjMgOS40NDIyNiAyOC4xNDAxQzkuMDU2MTMgMjcuNzk3OCA4LjgwNjY3IDI3LjM3NDMgOC42OTM4NyAyNi44Njk0QzguNDY4MjcgMjUuOTExMSA4LjM1NTQ3IDI0LjQxMzcgOC4zNTU0NyAyMi4zNzcyQzguMzU1NDcgMjAuMzc1IDguNDY4MjcgMTguODc3NiA4LjY5Mzg3IDE3Ljg4NUM4LjgxNTM1IDE3LjM4MDIgOS4wNjY5OCAxNi45NTY3IDkuNDQ4NzYgMTYuNjE0NEM5LjgzMDU1IDE2LjI3MjEgMTAuMjc3NCAxNi4wNzExIDEwLjc4OTQgMTYuMDExMkMxMi4zNzcyIDE1Ljg0IDE0Ljc4MDcgMTUuNzU0NSAxNy45OTk5IDE1Ljc1NDVDMjEuMjE5IDE1Ljc1NDUgMjMuNjI2OSAxNS44NCAyNS4yMjM0IDE2LjAxMTJDMjUuNzI2NyAxNi4wNzExIDI2LjE3MTQgMTYuMjcyMSAyNi41NTc1IDE2LjYxNDRDMjYuOTQzNiAxNi45NTY3IDI3LjE5MzEgMTcuMzgwMiAyNy4zMDU5IDE3Ljg4NUMyNy41MzE1IDE4Ljg0MzQgMjcuNjQ0MyAyMC4zNDA4IDI3LjY0NDMgMjIuMzc3MlpNMTQuNjU0OSA2SDE1Ljk4MjVMMTQuNDA3NiAxMS4xMjExVjE0LjU5OTNIMTMuMTA2MVYxMS4xMjExQzEyLjk4NDYgMTAuNDg3OSAxMi43MiA5LjU4MDkyIDEyLjMxMjIgOC40MDAxMUMxMS45OTExIDcuNTE4NzkgMTEuNzA5MSA2LjcxODc1IDExLjQ2NjIgNkgxMi44NDU4TDEzLjc2OTkgOS4zNzU1NkwxNC42NTQ5IDZaTTE5LjQ3MDYgMTAuMjc0VjEyLjUyMDFDMTkuNDcwNiAxMy4yMTMyIDE5LjM0OTIgMTMuNzE4IDE5LjEwNjIgMTQuMDM0NkMxOC43NzY1IDE0LjQ3MSAxOC4zMTY2IDE0LjY4OTIgMTcuNzI2NiAxNC42ODkyQzE3LjE0NTIgMTQuNjg5MiAxNi42ODk3IDE0LjQ3MSAxNi4zNTk5IDE0LjAzNDZDMTYuMTE3IDEzLjcwOTQgMTUuOTk1NSAxMy4yMDQ2IDE1Ljk5NTUgMTIuNTIwMVYxMC4yNzRDMTUuOTk1NSA5LjU4OTQ3IDE2LjExNyA5LjA4ODkxIDE2LjM1OTkgOC43NzIzMkMxNi42ODk3IDguMzM1OTQgMTcuMTQ1MiA4LjExNzc1IDE3LjcyNjYgOC4xMTc3NUMxOC4zMTY2IDguMTE3NzUgMTguNzc2NSA4LjMzNTk0IDE5LjEwNjIgOC43NzIzMkMxOS4zNDkyIDkuMDg4OTEgMTkuNDcwNiA5LjU4OTQ3IDE5LjQ3MDYgMTAuMjc0Wk0yMy44MzA4IDguMTk0NzVWMTQuNTk5M0gyMi42NDY0VjEzLjg5MzRDMjIuMTg2NSAxNC40MjM5IDIxLjczOTYgMTQuNjg5MiAyMS4zMDU4IDE0LjY4OTJDMjAuOTA2NyAxNC42ODkyIDIwLjY1MDcgMTQuNTMwOSAyMC41Mzc5IDE0LjIxNDNDMjAuNDY4NSAxNC4wMDg5IDIwLjQzMzggMTMuNjg4MSAyMC40MzM4IDEzLjI1MTdWOC4xOTQ3NUgyMS42MTgyVjEyLjkwNTFDMjEuNjE4MiAxMy4xODc1IDIxLjYyMjUgMTMuMzM3MiAyMS42MzEyIDEzLjM1NDRDMjEuNjU3MiAxMy41NDI2IDIxLjc0ODMgMTMuNjM2NyAyMS45MDQ1IDEzLjYzNjdDMjIuMTM4OCAxMy42MzY3IDIyLjM4NjEgMTMuNDUyOCAyMi42NDY0IDEzLjA4NDhWOC4xOTQ3NUgyMy44MzA4WiIgZmlsbD0iI0ZBRkFGQSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzExNDVfODYzIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIzIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCA2KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=)
}

.i_s_dz {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjM3NSAxNy43NTU1QzMwLjM3NSAxNy42MzE3IDMwLjI3NDUgMTcuNTI5MyAzMC4xNTA3IDE3LjUyMzVDMjUuNzEwNiAxNy4zNTUzIDIzLjAwODMgMTYuNzg4OSAyMS4xMTc5IDE0Ljg5ODNDMTkuMjIzNSAxMy4wMDM4IDE4LjY1OTEgMTAuMjk5MyAxOC40OTEgNS44NDkyNUMxOC40ODcxIDUuNzI1NTIgMTguMzg0NiA1LjYyNSAxOC4yNTkgNS42MjVIMTcuNzQwOUMxNy42MTcyIDUuNjI1IDE3LjUxNDggNS43MjU1MiAxNy41MDkgNS44NDkyNUMxNy4zNDA4IDEwLjI5NzQgMTYuNzc2NCAxMy4wMDM4IDE0Ljg4MjEgMTQuODk4M0MxMi45ODk3IDE2Ljc5MDggMTAuMjg5MyAxNy4zNTUzIDUuODQ5MjMgMTcuNTIzNUM1LjcyNTUyIDE3LjUyNzMgNS42MjUgMTcuNjI5OCA1LjYyNSAxNy43NTU1VjE4LjI3MzVDNS42MjUgMTguMzk3MyA1LjcyNTUyIDE4LjQ5OTcgNS44NDkyMyAxOC41MDU1QzEwLjI4OTMgMTguNjczNyAxMi45OTE2IDE5LjI0MDEgMTQuODgyMSAyMS4xMzA3QzE2Ljc3MjUgMjMuMDIxMyAxNy4zMzY5IDI1LjcxODIgMTcuNTA3MSAzMC4xNTA3QzE3LjUxMDkgMzAuMjc0NCAxNy42MTM0IDMwLjM3NSAxNy43MzkgMzAuMzc1SDE4LjI1OUMxOC4zODI3IDMwLjM3NSAxOC40ODUxIDMwLjI3NDQgMTguNDkxIDMwLjE1MDdDMTguNjYxIDI1LjcxODIgMTkuMjI1NSAyMy4wMjEzIDIxLjExNTkgMjEuMTMwN0MyMy4wMDgzIDE5LjIzODIgMjUuNzA4NyAxOC42NzM3IDMwLjE0ODggMTguNTA1NUMzMC4yNzI1IDE4LjUwMTYgMzAuMzczMSAxOC4zOTkyIDMwLjM3MzEgMTguMjczNVYxNy43NTU1SDMwLjM3NVoiIGZpbGw9IiNGQUZBRkEiLz4KPC9zdmc+Cg==)
}

.i_s_x {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDguMjMyMzhMMTcuODY2IDAuMzY2MTQzQzE4LjM1NDEgLTAuMTIxOTcyIDE5LjE0NTYgLTAuMTIyMDU5IDE5LjYzMzggMC4zNjU5NUMyMC4xMjIgMC44NTM5NTkgMjAuMTIyMSAxLjY0NTI2IDE5LjYzNCAyLjEzMzM4TDExLjc2NzYgMTBMMTkuNjM0IDE3Ljg2NjZDMjAuMTIyMSAxOC4zNTQ3IDIwLjEyMiAxOS4xNDYgMTkuNjMzOCAxOS42MzRDMTkuMTQ1NiAyMC4xMjIxIDE4LjM1NDEgMjAuMTIyIDE3Ljg2NiAxOS42MzM5TDEwIDExLjc2NzZMMi4xMzM5OCAxOS42MzM5QzEuNjQ1ODggMjAuMTIyIDAuODU0NDIxIDIwLjEyMjEgMC4zNjYyMTMgMTkuNjM0Qy0wLjEyMTk5NiAxOS4xNDYgLTAuMTIyMDgyIDE4LjM1NDcgMC4zNjYwMiAxNy44NjY2TDguMjMyNDMgMTBMMC4zNjYwMiAyLjEzMzM4Qy0wLjEyMjA4MiAxLjY0NTI2IC0wLjEyMTk5NiAwLjg1Mzk1OSAwLjM2NjIxMyAwLjM2NTk1QzAuODU0NDIxIC0wLjEyMjA1OSAxLjY0NTg4IC0wLjEyMTk3MiAyLjEzMzk4IDAuMzY2MTQzTDEwIDguMjMyMzhaIiBmaWxsPSIjOTA5Mjk3Ii8+Cjwvc3ZnPgo=);
    background-size: 20px;
    width: 20px;
    height: 20px
}

.i_s_a_r {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyOCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjUgMTFDMC41IDEwLjE3MTYgMS4xNzE1NyA5LjUgMiA5LjVMMjYgOS41QzI2LjgyODQgOS41IDI3LjUgMTAuMTcxNiAyNy41IDExQzI3LjUgMTEuODI4NCAyNi44Mjg0IDEyLjUgMjYgMTIuNUwyIDEyLjVDMS4xNzE1NyAxMi41IDAuNSAxMS44Mjg0IDAuNSAxMVoiIGZpbGw9IiM1NTU2NUEiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zMDU2IDAuOTc0MDkzQzE1Ljg3MjIgMC4zNjk3MjUgMTYuODIxNSAwLjMzOTEwNCAxNy40MjU4IDAuOTA1Njk5TDI3LjAyNTggOS45MDU3QzI3LjMyODMgMTAuMTg5MyAyNy40OTk5IDEwLjU4NTQgMjcuNDk5OSAxMUMyNy40OTk5IDExLjQxNDYgMjcuMzI4MyAxMS44MTA3IDI3LjAyNTggMTIuMDk0M0wxNy40MjU4IDIxLjA5NDNDMTYuODIxNSAyMS42NjA5IDE1Ljg3MjIgMjEuNjMwMyAxNS4zMDU2IDIxLjAyNTlDMTQuNzM5IDIwLjQyMTUgMTQuNzY5NiAxOS40NzIzIDE1LjM3NCAxOC45MDU3TDIzLjgwNjcgMTFMMTUuMzc0IDMuMDk0MzFDMTQuNzY5NiAyLjUyNzcyIDE0LjczOSAxLjU3ODQ2IDE1LjMwNTYgMC45NzQwOTNaIiBmaWxsPSIjNTU1NjVBIi8+Cjwvc3ZnPgo=);
    background-size: 27px;
    width: 27px;
    height: 21px
}

.i_s_a_r2 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMS42IDExTDIgMjAiIHN0cm9rZT0iIzU1NTY1QSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-size: 14px;
    width: 14px;
    height: 22px
}

.i_s_a_r2_g {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMS42IDExTDIgMjAiIHN0cm9rZT0iIzkzQzEyMSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

.i_s_a_r3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAxNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxNCAxMy4yNUwyIDI0LjUiIHN0cm9rZT0iIzkwOTI5NyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-size: 16px;
    width: 16px;
    height: 26px
}

.i_s_a_l3 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS41MTM0M0wyIDcuNzU2MTdMOC43MzA3NyAxMy41MTM0IiBzdHJva2U9IiM5MDkyOTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=);
    width: 17px;
    height: 17px;
    background-position-x: 0;
    background-size: contain
}

.i_s_m {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE0IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjMzMzQ5NiAwLjU2NDQ1M0gxMy42NjY4VjMuNTAyMDhIMC4zMzM0OTZWMC41NjQ0NTNaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=)
}

.i_s_p {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTMzNTMgNS4xMDA2SDEzVjcuOTY0NzlINy45MzM1M1YxM0g1LjA2NjQ2VjcuOTY0NzlIMFY1LjEwMDZINS4wNjY0NlYwSDcuOTMzNTNWNS4xMDA2WiIgZmlsbD0iI0ZBRkFGQSIvPgo8L3N2Zz4K)
}

.i_s_d {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjI2NzYgMTAuNjMyM0MxMi4yNzMyIDEwLjQ2ODMgMTIuMjE0IDEwLjMwODcgMTIuMTAyOSAxMC4xODc5QzExLjk5MTggMTAuMDY3MSAxMS44Mzc3IDkuOTk0ODQgMTEuNjczOCA5Ljk4Njc0QzExLjUwOTkgOS45Nzg2NCAxMS4zNDkzIDEwLjAzNTMgMTEuMjI2OSAxMC4xNDQ2QzExLjEwNDQgMTAuMjUzOCAxMS4wMjk4IDEwLjQwNjkgMTEuMDE5MiAxMC41NzA3TDEwLjgzMjYgMTQuMzY2NUMxMC44MjcgMTQuNTMwNSAxMC44ODYxIDE0LjY5MDEgMTAuOTk3MiAxNC44MTA5QzExLjEwODMgMTQuOTMxNyAxMS4yNjI1IDE1LjAwNCAxMS40MjY0IDE1LjAxMjFDMTEuNTkwMyAxNS4wMjAyIDExLjc1MDggMTQuOTYzNSAxMS44NzMzIDE0Ljg1NDJDMTEuOTk1NyAxNC43NDUgMTIuMDcwMyAxNC41OTE5IDEyLjA4MDkgMTQuNDI4MkwxMi4yNjc2IDEwLjYzMjNaTTguMzIyNTcgOS45NzczMkM4LjE1NzE5IDkuOTg1NTIgOC4wMDE4MiAxMC4wNTkgNy44OTA1NyAxMC4xODE3QzcuNzc5MzMgMTAuMzA0MyA3LjcyMTMgMTAuNDY2MSA3LjcyOTIzIDEwLjYzMTVMNy45MTU5IDE0LjQyOUM3LjkxODczIDE0LjUxMTggNy45MzgwMSAxNC41OTMzIDcuOTcyNiAxNC42Njg2QzguMDA3MiAxNC43NDM5IDguMDU2NDMgMTQuODExNSA4LjExNzQzIDE0Ljg2NzdDOC4xNzg0MyAxNC45MjM4IDguMjQ5OTcgMTQuOTY3MiA4LjMyNzkgMTQuOTk1NEM4LjQwNTg0IDE1LjAyMzYgOC40ODg2IDE1LjAzNiA4LjU3MTM3IDE1LjAzMTlDOC42NTQxNSAxNS4wMjc4IDguNzM1MjggMTUuMDA3MyA4LjgxMDA2IDE0Ljk3MTVDOC44ODQ4MyAxNC45MzU4IDguOTUxNzUgMTQuODg1NiA5LjAwNjkyIDE0LjgyMzdDOS4wNjIwOSAxNC43NjE5IDkuMTA0NDEgMTQuNjg5NyA5LjEzMTQyIDE0LjYxMTNDOS4xNTg0MyAxNC41MzMgOS4xNjk1OCAxNC40NSA5LjE2NDIzIDE0LjM2NzNMOC45Nzc1NyAxMC41NzA3QzguOTY5MzcgMTAuNDA1MSA4Ljg5NTc2IDEwLjI0OTYgOC43NzI5MyAxMC4xMzg0QzguNjUwMSAxMC4wMjcxIDguNDg4MSA5Ljk2OTE2IDguMzIyNTcgOS45NzczMloiIGZpbGw9IiNGQUZBRkEiLz4KPHBhdGggZD0iTTguNTQwNDQgMS42NjY1QzguMDQzMTYgMS42NjY1IDcuNTY2MjQgMS44NjQwNSA3LjIxNDYxIDIuMjE1NjhDNi44NjI5OCAyLjU2NzMxIDYuNjY1NDQgMy4wNDQyMiA2LjY2NTQ0IDMuNTQxNVY0LjE2NjVINC41ODI5NEM0LjEyNzg5IDQuMTY1ODEgMy42ODgxMyA0LjMzMDYyIDMuMzQ1NjIgNC42MzAyMkMzLjAwMzExIDQuOTI5ODEgMi43ODEyNSA1LjM0MzczIDIuNzIxMzggNS43OTQ4MkMyLjY2MTUxIDYuMjQ1OTEgMi43Njc3MyA2LjcwMzM4IDMuMDIwMjQgNy4wODE5NEMzLjI3Mjc0IDcuNDYwNSAzLjY1NDMgNy43MzQzMSA0LjA5Mzc3IDcuODUyMzRMNC42MTcxIDE2LjU3MDdDNC42NDU3NyAxNy4wNDc2IDQuODU1NDUgMTcuNDk1NiA1LjIwMzMxIDE3LjgyMzJDNS41NTExNiAxOC4xNTA4IDYuMDEwOTYgMTguMzMzMiA2LjQ4ODc3IDE4LjMzMzJIMTMuNTA4OEMxMy45ODY2IDE4LjMzMzIgMTQuNDQ2NCAxOC4xNTA4IDE0Ljc5NDIgMTcuODIzMkMxNS4xNDIxIDE3LjQ5NTYgMTUuMzUxOCAxNy4wNDc2IDE1LjM4MDQgMTYuNTcwN0wxNS45MDM4IDcuODUyMzRDMTYuMzQzMiA3LjczNDMxIDE2LjcyNDggNy40NjA1IDE2Ljk3NzMgNy4wODE5NEMxNy4yMjk4IDYuNzAzMzggMTcuMzM2IDYuMjQ1OTEgMTcuMjc2MiA1Ljc5NDgyQzE3LjIxNjMgNS4zNDM3MyAxNi45OTQ0IDQuOTI5ODEgMTYuNjUxOSA0LjYzMDIyQzE2LjMwOTQgNC4zMzA2MiAxNS44Njk2IDQuMTY1ODEgMTUuNDE0NiA0LjE2NjVIMTMuMzMyMVYzLjU0MTVDMTMuMzMyMSAzLjA0NDIyIDEzLjEzNDYgMi41NjczMSAxMi43ODI5IDIuMjE1NjhDMTIuNDMxMyAxLjg2NDA1IDExLjk1NDQgMS42NjY1IDExLjQ1NzEgMS42NjY1SDguNTQwNDRaTTEyLjA4MjEgNC4xNjY1SDcuOTE1NDRWMy41NDE1QzcuOTE1NDQgMy4zNzU3NCA3Ljk4MTI5IDMuMjE2NzcgOC4wOTg1IDMuMDk5NTZDOC4yMTU3MSAyLjk4MjM1IDguMzc0NjggMi45MTY1IDguNTQwNDQgMi45MTY1SDExLjQ1NzFDMTEuNjIyOSAyLjkxNjUgMTEuNzgxOCAyLjk4MjM1IDExLjg5OSAzLjA5OTU2QzEyLjAxNjMgMy4yMTY3NyAxMi4wODIxIDMuMzc1NzQgMTIuMDgyMSAzLjU0MTVWNC4xNjY1Wk00LjU4Mjk0IDUuNDE2NUgxNS40MTQ2QzE1LjU4MDQgNS40MTY1IDE1LjczOTMgNS40ODIzNSAxNS44NTY1IDUuNTk5NTZDMTUuOTczOCA1LjcxNjc3IDE2LjAzOTYgNS44NzU3NCAxNi4wMzk2IDYuMDQxNUMxNi4wMzk2IDYuMjA3MjYgMTUuOTczOCA2LjM2NjI0IDE1Ljg1NjUgNi40ODM0NUMxNS43MzkzIDYuNjAwNjYgMTUuNTgwNCA2LjY2NjUgMTUuNDE0NiA2LjY2NjVINC41ODI5NEM0LjQxNzE4IDYuNjY2NSA0LjI1ODIxIDYuNjAwNjYgNC4xNDEgNi40ODM0NUM0LjAyMzc5IDYuMzY2MjQgMy45NTc5NCA2LjIwNzI2IDMuOTU3OTQgNi4wNDE1QzMuOTU3OTQgNS44NzU3NCA0LjAyMzc5IDUuNzE2NzcgNC4xNDEgNS41OTk1NkM0LjI1ODIxIDUuNDgyMzUgNC40MTcxOCA1LjQxNjUgNC41ODI5NCA1LjQxNjVaTTUuMzQ5NiA3LjkxNjVIMTQuNjQ3OUwxNC4xMzI5IDE2LjQ5NTdDMTQuMTIzNCAxNi42NTQ3IDE0LjA1MzQgMTYuODA0MSAxMy45Mzc0IDE2LjkxMzNDMTMuODIxNCAxNy4wMjI1IDEzLjY2ODEgMTcuMDgzMiAxMy41MDg4IDE3LjA4MzJINi40ODg3N0M2LjMyOTQ1IDE3LjA4MzIgNi4xNzYxMiAxNy4wMjI1IDYuMDYwMTEgMTYuOTEzM0M1Ljk0NDA5IDE2LjgwNDEgNS44NzQxNiAxNi42NTQ3IDUuODY0NiAxNi40OTU3TDUuMzQ5NiA3LjkxNjVaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=)
}

.i_s_r {
    transform: rotate(180deg)
}

@media (min-width: 1300px) {
    .i_s_a_r3 {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAyMCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC44IiBkPSJNMiAyTDE4IDE3TDIgMzIiIHN0cm9rZT0iIzkwOTI5NyIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
        background-size: 20px;
        width: 20px;
        height: 34px
    }
}

.container {
    padding: 0 16px;
    width: inherit;
}

@media (min-width: 996px) {
    .container {
        padding: 0 68px
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 1160px;
        padding: 0;
        margin: auto
    }
}

.ff-0 {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100
}

.ff-1 {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%
}

body {
    min-width: 320px;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #55565A;
    background-color: #FAFAFA;
    font-size: 14px;
    line-height: 1.2
}

.ff-1 {
    font-family: "Roboto Slab", serif
}

.page-title {
    font-family: "Roboto Slab", serif;
    margin-top: -7px;
    margin-bottom: -5px;
    font-weight: 700;
    font-size: 32px;
    line-height: 110%
}

.page-title + .page-subtitle {
    margin-top: 10px
}

.page-subtitle {
    line-height: 120%
}

.page-subtitle p + p {
    margin-top: 12px
}

.page-header {
    margin-bottom: 26px
}

.page-header__link {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    color: inherit;
    text-decoration: none
}

.page-header__link_g:hover,
.page-header__link_g {
    color: #93C121
}

.page-header_with-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    row-gap: 26px;
    column-gap: 20px
}

.page-header_content {
    align-items: center
}

.page-section {
    margin: 40px 0
}

.page-section_s_0 {
    padding: 40px 0
}
.page-section_gap_top_10 {
    margin-top: 10px !important;
}
.page-section_gap_top_20 {
    margin-top: 20px !important;
}
.page-section_gap_top_30 {
    margin-top: 30px !important;
}
.page-section_no_gap_top {
    margin-top: 0px !important;
}

.page-section_no_gap_bottom, .page-section_no_gap_bottom .bc {
    margin-bottom: 0px !important;
}

.page-section_s_0 .page-section:first-child {
    margin-top: 0
}

.page-section_s_0 .page-section:last-child {
    margin-bottom: 0
}

.page-section_s_1 {
    background-color: #F0EEEE
}

.page-section_s_2 {
    background-color: #fff
}

@media (max-width: 767px) {
    .h-sm {
        display: none !important
    }
}

@media (max-width: 1299px) {
    .h-xl {
        display: none !important
    }
}

@media (min-width: 996px) {
    .page-title {
        margin-top: -8px;
        margin-bottom: -7px;
        font-size: 38px
    }

    .page-header__link {
        font-weight: 700;
        margin-top: 0;
        font-size: 18px
    }

    .page-subtitle {
        font-size: 16px;
        max-width: 800px
    }

    .page-section {
        margin: 80px 0
    }

    .page-section_s_0 {
        padding: 60px 0
    }
}

@media (min-width: 1300px) {
    .page-title {
        margin-top: -9px;
        font-size: 42px
    }

    .page-title + .page-subtitle {
        margin-top: 14px
    }

    .page-header {
        margin-bottom: 40px
    }

    .page-header__link {
        font-size: 20px
    }

    .page-subtitle {
        font-size: 18px
    }

    .page-section {
        margin: 100px 0
    }

    .page-section_s_0 {
        padding: 80px 0
    }
}

.btn {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 13.5px 32.5px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    background: #E61739;
    border-radius: 99px;
    color: #FAFAFA;
    font-family: inherit;
    justify-content: center;
    cursor: pointer;
    border: 0
}

.btn:hover {
    background-color: #A61029;
    color: #FAFAFA;
}

.btn[disabled] {
    background-color: #F0EEEE;
    color: #909297
}

.btn_s_1 {
    background-color: #93C121
}

.btn_s_1:hover {
    background-color: #74961F
}

.btn_s_2 {
    background-color: #FAFAFA;
    color: #E61739
}

.btn_s_2:hover {
    background-color: #FAFAFA;
    color: #A61029
}

.btn_s_3 {
    background-color: #FAFAFA;
    color: #E61739;
    border: 1px solid;
    padding: 12.5px 31.5px
}

.btn_s_3:hover {
    background-color: #FAFAFA;
    color: #A61029
}

.btn_s_4 {
    background-color: #DCEBB8;
    color: #909297
}

.btn_s_4:hover {
    background-color: #DCEBB8;
    color: #55565A
}

.input-number {
    display: flex;
    padding: 5px;
    border-radius: 22px;
    background-color: #F1F1F1
}

.input-number__btn {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    background-color: #93C121;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-number__btn .i {
    width: 20px;
    height: 20px;
    background-size: 20px
}

.input-number__btn .i_s_m, .input-number__btn .i_s_p {
    width: 14px;
    height: 14px;
    background-size: 14px
}

.input-number__btn_delete {
    display: none
}

.input-number__input {
    width: 100%;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-align: center;
    font-family: inherit;
    font-size: 14px;
    line-height: 120%
}

.input-number_single .input-number__btn_delete {
    display: flex
}

.input-number_single .input-number__btn_reduce {
    display: none
}

@media (min-width: 996px) {
    .btn {
        padding: 17px 28px;
        font-size: 16px;
        line-height: 110%;
        font-weight: 700
    }

    .btn_s_3 {
        padding: 16px 27px
    }

    .input-number {
        padding: 7px;
        border-radius: 26px
    }

    .input-number__btn {
        flex: 0 0 38px;
        width: 38px;
        height: 38px
    }

    .input-number__btn .i {
        width: 24px;
        height: 24px;
        background-size: 24px
    }

    .input-number__btn .i_s_m, .input-number__btn .i_s_p {
        width: 14px;
        height: 14px;
        background-size: 14px
    }

    .input-number__input {
        font-size: 16px
    }
}

@media (min-width: 1300px) {
    .btn {
        padding: 18px 28px;
        font-size: 18px;
        line-height: 120%
    }

    .btn_s_3 {
        padding: 17px 27px
    }

    .input-number {
        border-radius: 29px
    }

    .input-number__btn {
        flex: 0 0 44px;
        width: 44px;
        height: 44px
    }

    .input-number__input {
        font-size: 18px
    }
}

.site-header {
    margin-bottom: 40px
}

.site-header__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.site-header__menu {
    display: none
}

.site-header__btns {
    display: flex;
    gap: 6px;
    height:48px;
    width:48px;
}

.site-header__btn {
    border-radius: 50%;
    color: inherit;
    border: 1px solid;
    padding: 5px;
    font-size: 18px;
    line-height: initial;
}

.site-header_absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    color: #FAFAFA
}

.logo {
    background-color: #E61739;
    /*padding: 12px 17px;*/
    width: 130px;
    height: 50px;
    box-sizing: border-box
}

.main-menu {
    display: flex;
    gap: 20px
}

.main-menu a {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-decoration: none;
    cursor: pointer;
    color: inherit
}

@media (min-width: 996px) {
    .site-header {
        margin-bottom: 60px
    }

    .site-header__inner {
        align-items: center
    }

    .site-header__btn {
        padding: 14px
    }

    .site-header__menu {
        display: block
    }

    .logo {
        /*padding: 22px 30px;*/
        width: 235px;
        height: 90px
    }
}

@media (min-width: 1300px) {
    .site-header {
        margin-bottom: 80px
    }

    .site-header__btns {
        gap: 8px
    }

    .site-header__btn {
        padding: 12px
    }

    .logo {
        /*padding: 26px 37px;*/
        width: 281px;
        height: 108px
    }

    .main-menu {
        gap: 24px
    }
}

.content-header {
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    font-weight: 400;
    font-size: 14px
}

.content-tag {
    padding: 9.5px 14px;
    background-color: #E61739;
    color: #FAFAFA;
    line-height: 120%;
    border-radius: 99px
}

.content-datetime {
    color: #909297;
    line-height: 120%
}

.content {
    font-size: 14px;
    line-height: 1.2
}

.content img.img_detail {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 20px
}

.content .two-images {
    position: relative;
    height: 0;
    padding-bottom: calc(132% + 20px);
    margin: 20px 0
}

.content .two-images img {
    position: absolute;
    top: 0;
    bottom: calc(50% - 10px);
    height: auto
}

.content .two-images img:last-child {
    top: calc(50% + 10px);
    bottom: 0
}

.content iframe {
    width: 100%
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 18px;
    margin-top: 40px
}

.content h1, .content h2 {
    font-size: 24px
}

.content h3 {
    font-size: 20px
}

.content h4, .content h5, .content h6 {
    font-size: 20px
}

.content ul li, .content ol li {
    position: relative
}

.content ul li:before, .content ol li:before {
    position: absolute
}

.content ul li + li, .content ol li + li {
    margin-top: 12px
}

.content ol {
    counter-reset: ol 0
}

.content ol li {
    padding-left: 29px;
    counter-increment: ol 1
}

.content ol li:before {
    content: counter(ol) '.';
    left: 5px;
    top: 0;
    color: #A61029;
    font-weight: 600
}

.content ul li {
    padding-left: 18px
}

.content ul li::before {
    content: '';
    left: 0;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #A61029
}

.content iframe {
    border-radius: 16px;
    overflow: hidden;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px
}

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

.content a {
    color: #909297;
    text-decoration: underline
}

.content a:visited {
    color: #A61029
}

.content a:hover {
    color: #E61739
}

@media (min-width: 768px) {
    .content .two-images {
        margin: 40px 0 28px;
        padding-bottom: 33%
    }

    .content .two-images img {
        top: 0;
        bottom: 0;
        left: 0;
        width: calc(50% - 10px);
        height: 100%
    }

    .content .two-images img:last-child {
        top: 0;
        left: auto;
        right: 0
    }
}

@media (min-width: 996px) {
    .content-header {
        width: auto;
        margin-left: auto
    }

    .content {
        font-size: 16px
    }

    .content img.img_detail {
        height: 340px;
        border-radius: 20px;
        margin-bottom: 26px
    }

    .content iframe {
        border-radius: 20px;
        margin-top: 26px;
        margin-bottom: 26px
    }

    .content h1, .content h2 {
        font-size: 38px
    }

    .content h3 {
        font-size: 26px
    }

    .content ol li {
        padding-left: 34px
    }
}

@media (min-width: 1300px) {
    .content-header {
        font-size: 16px;
        gap: 20px
    }

    .content img.img_detail {
        height: 480px;
        margin-bottom: 26px
    }

    .content .two-images {
        padding-bottom: 38%
    }

    .content .two-images img {
        width: calc(50% - 20px)
    }

    .content h1 {
        font-size: 42px
    }

    .content h3 {
        font-size: 32px
    }

    .content iframe {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.bc {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 26px;
    color: #909297
}

.bc a {
    color: #55565A;
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 996px) {
    .bc {
        gap: 20px;
        margin-bottom: 34px;
        font-size: 16px
    }
}

@media (min-width: 1300px) {
    .bc {
        margin-bottom: 40px;
        font-size: 16px
    }
}

.cards {
    display: flex;
    flex-wrap: wrap;
    gap: 26px
}

.cards_products {
    column-gap: 16px
}

.cards_products .product-card__image {
    background-color: #FFFFFF
}

.cards__item {
    width: 100%
}

.cards__product {
    width: calc(50% - (16px / 2))
}

.cards__footer {
    display: flex;
    text-align: center;
    justify-content: center
}

.cards__footer .btn {
    flex: 1
}

.cards + .cards__footer {
    margin-top: 26px
}

.card_whole {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.card__image {
    position: relative;
    padding-bottom: 62.5%;
    overflow: hidden;
    border-radius: 16px
}

.card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.card__tag {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 5.5px 16px;
    border-radius: 99px;
    background-color: #E61739;
    color: #FAFAFA;
    font-size: 14px;
    line-height: 120%
}

.card__body {
    display: flex;
    flex-direction: column;
    padding: 0 6px;
    gap: 6px
}

.card__suptitle {
    font-size: 14px;
    line-height: 120%;
    color: #909297
}

.card__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    color: #55565A;
    text-decoration: none
}
.card__title:hover {
    color: #55565A;
}

.card__text {
    font-size: 14px;
    line-height: 120%
}

@media (min-width: 768px) {
    .cards {
        column-gap: 20px
    }

    .cards_products {
        column-gap: 20px
    }

    .cards__item {
        width: calc(50% - 10px)
    }

    .cards__product {
        width: calc(33.33333333% - 13.33333333px)
    }

    .cards + .cards__footer {
        margin-top: 40px
    }
}

@media (min-width: 996px) {
    .cards {
        column-gap: 21px;
        row-gap: 40px
    }

    .cards_products {
        column-gap: 20px;
        row-gap: 28px
    }

    .cards__item {
        width: calc(33.33333333% - 14px)
    }

    .cards__product {
        width: calc(25% - 15px)
    }

    .cards_products_3 .cards__product {
        width: calc(33.33333333% - 13.33333333px)
    }

    .cards__footer {
        display: block
    }

    .cards + .cards__footer {
        margin-top: 60px
    }
}

@media (min-width: 1300px) {
    .cards {
        column-gap: 40px
    }

    .cards_products {
        column-gap: 40px;
        row-gap: 40px
    }

    .cards__item {
        width: calc(33.33333333% - 26.66666667px)
    }

    .cards__product {
        width: calc(25% - 30px)
    }

    .cards_products_3 .cards__product {
        width: calc(33.33333333% - 26.66666667px)
    }

    .card_whole {
        gap: 10px
    }

    .card__tag {
        top: 16px;
        right: 16px;
        padding: 9.5px 24px;
        font-size: 16px
    }

    .card__body {
        gap: 10px
    }

    .card__suptitle {
        font-size: 16px
    }

    .card__title {
        font-size: 24px
    }

    .card__text {
        font-size: 16px
    }
}

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

.banners__controls {
    display: none
}

.banner {
    position: relative;
    height: 435px;
    color: #FAFAFA
}

.banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner .container {
    position: relative;
    height: 100%
}

.banner__inner {
    height: 100%;
    box-sizing: border-box;
    padding-top: 50px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.banner__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 110%
}

.banner__text {
    font-size: 16px;
    line-height: 120%
}

.banner__title + .banner__text {
    margin-top: 12px
}

.banner_s_1 .banner__inner {
    padding-top: 85px
}

.banner_s_1 .banner__btn {
    margin-top: auto
}

.banner_s_2 .banner__title + .banner__text {
    margin-top: 16px
}

.banner_s_2 .banner__inner {
    padding-top: 20px;
    padding-bottom: 20px
}

.banner_s_2 .banner__btn {
    margin-top: auto
}

.banner-social {
    display: flex;
    flex-direction: column;
    padding: 26px 18px;
    background-color: #F0EEEE;
    border-radius: 16px
}

.banner-social__body {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.banner-social__divider {
    margin: 20px 0;
    border-bottom: 1px solid #9C9C9C
}

.banner-social__links {
    display: flex;
    justify-content: space-between
}

.banner-social__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%
}

.banner-social__text {
    font-size: 16px;
    line-height: 120%
}

.banner-social__link {
    background: #55565A;
    border-radius: 50%;
    font-size: 0;
    line-height: 0
}

.banner-social__link .i {
    width: 44px;
    height: 44px;
    background-size: 44px
}

.banner-social__link:hover {
    background-color: #E61739
}

.banner-jobs {
    position: relative;
    height: 350px;
    border-radius: 16px;
    overflow: hidden
}

.banner-jobs__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.banner-jobs__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-jobs__inner {
    height: 100%;
    box-sizing: border-box;
    padding: 30px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.banner-jobs__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%
}

.banner-jobs__text {
    font-size: 16px;
    line-height: 120%
}

.banner-jobs__title + .banner-jobs__text {
    margin-top: 8px
}

.banner-jobs__btn {
    margin-top: auto
}

.banner-app__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 110%
}

.banner-app__text {
    font-size: 16px;
    line-height: 120%
}

.banner-app__title + .banner-app__text {
    margin-top: 10px
}

.banner-app__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px
}

.banner-app__links a {
    display: block;
    width: calc(50% - 4px);
    max-width: 164px;
    font-size: 0;
    line-height: 0
}

.banner-app__links a img {
    max-width: 100%
}

.banner-app__img {
    width: 100%
}

@media (min-width: 996px) {
    .banners {
        margin-bottom: 40px
    }

    .banners__controls {
        position: absolute;
        bottom: 45px;
        right: 68px;
        display: flex;
        gap: 20px;
        z-index: 10
    }

    .banners__left, .banners__right {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FAFAFA;
        border-radius: 99px;
        width: 52px;
        height: 52px;
        cursor: pointer
    }

    .banner {
        height: 550px
    }

    .banner__inner {
        padding-top: 90px;
        padding-bottom: 80px;
        max-width: 480px;
        align-items: flex-start
    }

    .banner__title {
        font-size: 52px
    }

    .banner__text {
        font-size: 24px
    }

    .banner__title + .banner__text {
        margin-top: 14px
    }

    .banner_s_1 .banner__inner {
        padding-top: 130px
    }

    .banner_s_2 {
        height: auto
    }

    .banner_s_2 .banner__title {
        font-size: 38px
    }

    .banner_s_2 .banner__text {
        font-size: 20px
    }

    .banner_s_2 .banner__title + .banner__text {
        margin-top: 26px
    }

    .banner_s_2 .banner__inner {
        max-width: 688px;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .banner_s_2 .banner__btn {
        margin-top: 34px
    }

    .banner-social {
        display: flex;
        flex-direction: row;
        padding: 26px 40px;
        border-radius: 20px
    }

    .banner-social__body {
        gap: 12px
    }

    .banner-social__links {
        gap: 10px;
        align-items: center
    }

    .banner-social__divider {
        margin: 0 60px;
        border-bottom: 0;
        border-right: 1px solid #9C9C9C
    }

    .banner-social__title {
        font-size: 26px
    }

    .banner-social__link .i {
        width: 52px;
        height: 52px;
        background-size: 52px
    }

    .banner-jobs {
        height: 260px;
        border-radius: 20px
    }

    .banner-jobs__inner {
        padding: 40px;
        width: 50%;
        align-items: flex-start
    }

    .banner-jobs__title {
        font-size: 32px
    }

    .banner-jobs__text {
        font-size: 18px
    }

    .banner-jobs__title + .banner-jobs__text {
        margin-top: 12px
    }

    .banner-app {
        display: flex;
        gap: 30px;
        align-items: center
    }

    .banner-app__title {
        font-size: 38px
    }

    .banner-app__title + .banner-app__text {
        margin-top: 22px
    }

    .banner-app__links {
        gap: 13px;
        margin-top: 26px
    }

    .banner-app__img {
        width: 50%
    }
}

@media (min-width: 1300px) {
    .banners {
        margin-bottom: 80px
    }

    .banners__controls {
        position: absolute;
        bottom: 48px;
        right: calc(50% - (1160px / 2))
    }

    .banners__left, .banners__right {
        width: 60px;
        height: 60px
    }

    .banner__bg {
        object-fit: contain
    }

    .banner__inner {
        padding-top: 108px;
        padding-bottom: 60px
    }

    .banner_s_1 .banner__inner {
        padding-top: 148px
    }

    .banner_s_2 .banner__title {
        font-size: 52px
    }

    .banner_s_2 .banner__text {
        font-size: 24px
    }

    .banner_s_2 .banner__title + .banner__text {
        margin-top: 20px
    }

    .banner_s_2 .banner__inner {
        max-width: 688px;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .banner-social {
        padding: 40px
    }

    .banner-social__body {
        gap: 20px
    }

    .banner-social__title {
        font-size: 38px
    }

    .banner-social__text {
        font-size: 18px
    }

    .banner-social__link .i {
        width: 72px;
        height: 72px;
        background-size: 72px
    }

    .banner-jobs {
        height: 306px
    }

    .banner-jobs__inner {
        padding: 45px
    }

    .banner-jobs__title {
        font-size: 42px
    }

    .banner-jobs__title + .banner-jobs__text {
        margin-top: 20px
    }

    .banner-app {
        gap: 70px
    }

    .banner-app__title {
        font-size: 42px
    }

    .banner-app__title + .banner-app__text {
        font-size: 18px
    }

    .banner-app__links {
        gap: 13px;
        margin-top: 60px
    }
}

.banners-2 {
    position: relative;
    width: 100%;
    margin-bottom: 40px
}

.banners-2__controls {
    display: none
}

.banners-2__thumbs {
    margin-top: 12px;
    display: flex;
    gap: 4px;
    justify-content: center
}

.banners-2__thumb {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #F0EEEE
}

.banners-2__thumb.active {
    background-color: #909297
}

.banner-2 {
    position: relative;
    box-sizing: border-box;
    height: 350px;
    padding: 20px 18px;
    color: #FAFAFA;
    border-radius: 16px;
    overflow: hidden
}

.banner-2__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.banner-2__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner-2__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.banner-2__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 110%
}

.banner-2__subtitle {
    font-size: 16px;
    line-height: 120%
}

.banner-2__title + .banner-2__subtitle {
    margin-top: 8px
}

.banner-2__footer {
    display: none
}

.banner-2__btn {
    font-size: 18px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-weight: 700
}

.banners-3 {
    display: grid;
    grid-template-columns: auto;
    gap: 20px
}

.banner3 {
    position: relative;
    height: 100%;
    padding: 30px 18px;
    color: #FAFAFA;
    border-radius: 16px;
    min-height: 304px;
    box-sizing: border-box
}

.banner3__inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.banner3__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%
}

.banner3__text {
    font-size: 16px;
    line-height: 120%
}

.banner3__text a {
    color: inherit
}

.banner3__text + .banner3__text {
    margin-top: 20px
}

.banner3__text_big {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 110%
}

.banner3__text_big a {
    text-decoration: none
}

.banner3__bg {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 250px
}

.banner3__title + .banner3__text {
    margin-top: 8px
}

.banner3__btn {
    margin-top: auto
}

.banner3__links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.banner3__links a {
    display: block;
    width: calc(50% - 3px);
    max-width: 136px;
    font-size: 0;
    line-height: 0
}

.banner3__links img {
    width: 100%
}

.banner3_s_1 {
    padding-bottom: 227px;
    background: linear-gradient(97.9deg, #D6EC73 -59.42%, #94AC0C 118.52%)
}

.banner3_s_2 {
    background: linear-gradient(111.28deg, #FF76A6 -114.92%, #E61739 69.95%)
}

.banner3_s_3 {
    background: linear-gradient(120.59deg, #FFC83F -104.37%, #F47005 78.45%)
}

@media (min-width: 996px) {
    .banners-2__controls {
        display: block;
        position: relative;
        z-index: 10
    }

    .banners-2__prev, .banners-2__next {
        position: absolute;
        top: 0;
        background-color: #FAFAFA;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        box-shadow: 2px 4px 14px 0 #00000012;
        cursor: pointer;
        top: calc(130px - 26px)
    }

    .banners-2__prev {
        left: -37px
    }

    .banners-2__next {
        right: -37px
    }

    .banners-2__thumbs {
        display: none
    }

    .banner-2 {
        height: 260px;
        padding: 40px 40px 26px;
        border-radius: 20px
    }

    .banner-2__inner {
        align-items: flex-start
    }

    .banner-2__title {
        margin-top: -7px;
        font-size: 42px
    }

    .banner-2__subtitle {
        font-size: 16px
    }

    .banner-2__title + .banner-2__subtitle {
        margin-top: 12px
    }

    .banner-2__footer {
        display: block;
        font-size: 14px;
        line-height: 120%
    }

    .banner-2__btn {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .banners-3 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 40px;
        align-items: stretch
    }

    .banners-3__1 {
        grid-column: 1 / 3;
        grid-row: 2
    }

    .banners-3__2 {
        grid-row: 1;
        grid-column: 1
    }

    .banners-3__3 {
        grid-row: 1;
        grid-column: 2
    }

    .banner3 {
        height: 100%;
        min-height: 0;
        padding: 40px
    }

    .banner3__title {
        font-size: 32px
    }

    .banner3__text {
        font-size: 18px
    }

    .banner3__text_big {
        font-size: 42px
    }

    .banner3__title + .banner3__text {
        margin-top: 24px
    }

    .banner3_s_1 .banner3__inner {
        width: 494px
    }

    .banner3__links {
        gap: 13px
    }
}

@media (min-width: 1300px) {
    .banners-2 {
        margin-bottom: 100px
    }

    .banners-2__prev, .banners-2__next {
        width: 60px;
        height: 60px;
        top: calc(148px - 30px)
    }

    .banners-2__prev {
        left: -42px
    }

    .banners-2__next {
        right: -42px
    }

    .banner-2 {
        height: 296px;
        padding: 45px 60px
    }

    .banner-2__inner {
        position: relative
    }

    .banner-2__title {
        font-size: 52px;
        margin-top: 0
    }

    .banner-2__subtitle {
        font-size: 18px
    }

    .banner-2__title + .banner-2__subtitle {
        margin: 0
    }

    .banner-2__btn {
        padding: 18px 28px;
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.product-card__image {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    margin-bottom: 8px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #FAFAFA
}

.product-card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-card__readmore {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2)
}

.product-card__body {
    padding: 0 4px
}

.product-card__price {
    margin-bottom: 4px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 20px
}

.product-card__price span {
    vertical-align: middle
}

.product-card__price-old {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 120%
}

.product-card__price-old span {
    position: relative
}

.product-card__price-old span:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #E61739;
    left: 0;
    top: 50%;
    transform: rotate(-6deg)
}

.product-card__discount {
    margin-left: 8px;
    padding: 4px 5px;
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 12px;
    line-height: 120%;
    background: #FFCFD7;
    border-radius: 99px;
    color: #E61739
}

.product-card__title {
    font-size: 14px;
    line-height: 120%;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.product-card__footer {
    margin-top: 8px
}

.product-card__buy {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.product-card__controls {
    display: none
}

.product-card.e-show-controls .product-card__buy {
    display: none
}

.product-card.e-show-controls .product-card__controls {
    display: flex
}

.product-slider__controls {
    display: none
}

@media (min-width: 996px) {
    .product-card__image {
        margin-bottom: 10px;
        border-radius: 20px
    }

    .product-card__image:hover .product-card__readmore {
        display: flex
    }

    .product-card__body {
        padding: 0 6px
    }

    .product-card__price {
        margin-bottom: 8px;
        font-size: 24px
    }

    .product-card__price-old {
        margin-bottom: 8px;
        font-size: 16px
    }

    .product-card__discount {
        margin-left: 12px;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: 600
    }

    .product-card__title {
        font-size: 16px
    }

    .product-card__footer {
        margin-top: 10px
    }

    .product-slider__controls {
        display: block;
        position: relative;
        z-index: 10
    }

    .product-slider__prev, .product-slider__next {
        position: absolute;
        top: 0;
        background-color: #FAFAFA;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 52px;
        height: 52px;
        box-shadow: 2px 4px 14px 0 #00000012;
        cursor: pointer;
        margin-top: calc(12.5% - 37.25px)
    }

    .product-slider__prev {
        left: -37px
    }

    .product-slider__next {
        right: -37px
    }
}

@media (min-width: 1300px) {
    .product-card__image {
        margin-bottom: 14px
    }

    .product-card__body {
        padding: 0 10px
    }

    .product-card__price {
        margin-bottom: 12px;
        font-size: 26px
    }

    .product-card__price-old {
        margin-bottom: 12px;
        font-size: 18px
    }

    .product-card__discount {
        padding: 6px 10px
    }

    .product-card__footer {
        margin-top: 14px
    }

    .product-slider__prev, .product-slider__next {
        width: 60px;
        height: 60px;
        margin-top: calc(12.5% - 45px)
    }

    .product-slider__prev {
        left: -42px
    }

    .product-slider__next {
        right: -42px
    }
}

.contacts__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 0
}

.contacts__item:not(:last-child) {
    border-bottom: 1px solid #9C9C9C
}

.contacts__item:first-child {
    padding-top: 0
}

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

.contacts__label {
    font-size: 16px;
    line-height: 120%
}

.contacts__value {
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    color: inherit;
    text-decoration: none
}
.contacts__value:hover {
    color: inherit;
}

@media (min-width: 996px) {
    .contacts {
        display: flex
    }

    .contacts__item {
        padding: 10.5px 26px
    }

    .contacts__item:not(:last-child) {
        border-bottom: 0;
        border-right: 1px solid #9C9C9C
    }

    .contacts__item:first-child {
        padding-top: 10.5px;
        padding-left: 0
    }

    .contacts__item:last-child {
        padding-bottom: 10.5px;
        padding-right: 0
    }

    .contacts__value {
        font-size: 24px
    }
}

@media (min-width: 1300px) {
    .contacts__item {
        padding: 9px 40px
    }

    .contacts__item:first-child {
        padding-top: 9px;
        padding-left: 0
    }

    .contacts__item:last-child {
        padding-bottom: 9px;
        padding-right: 0
    }

    .contacts__label {
        font-size: 18px
    }
}

.shops {
    display: grid;
    gap: 14px
}

.shops__map {
    position: relative;
    height: 430px;
    margin: 0 -16px
}

.shops__map-filter {
    position: absolute;
    right: 0;
    top: 16px;
    left: 16px;
    overflow: hidden
}

.shops__list {
    padding-bottom: 40px
}

.shop-filter {
    display: flex;
    justify-content: stretch;
    padding: 4px;
    border-radius: 10px;
    background: #F0EEEE
}

.shop-filter__btn {
    flex: 1 1 1px;
    padding: 8px;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    border-radius: 10px;
    font-family: inherit;
    color: inherit
}

.shop-filter__btn.active {
    background-color: #fff
}

.shop-search {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 28px 14px 14px;
    border: 0;
    border-radius: 10px;
    background: #F0EEEE;
    font-family: inherit;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%
}

.shop {
    padding: 14px 0 21px;
    border-bottom: 1px solid #F0EEEE
}

.shop:first-child {
    padding-top: 0
}

.shop__body {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.shop__status {
    align-self: flex-start;
    padding: 7px 14.5px;
    font-size: 12px;
    line-height: 120%;
    color: #74961F;
    background-color: #DCEBB8;
    border-radius: 20px
}

.shop__status_red {
    color: #E61739;
    background-color: #FFCFD7
}

.shop__title {
    font-size: 16px;
    line-height: 120%
}

.shop__text {
    font-size: 14px;
    line-height: 120%;
    color: #909297
}

.shop__link {
    margin-top: 22px
}

@media (max-width: 996px) {
    .shops__list {
        display: none
    }

    .shops__list.active {
        display: block
    }

    .shops__map {
        display: none
    }

    .shops__map.active {
        display: block
    }
}

@media (min-width: 996px) {
    .shops {
        grid-template-columns: 360px auto;
        grid-template-rows: auto 1fr;
        row-gap: 26px;
        column-gap: 32px
    }

    .shops__search {
        grid-column: 1;
        grid-row: 1
    }

    .shops__filters {
        display: none
    }

    .shops__list {
        display: block;
        grid-column: 1;
        grid-row: 2
    }

    .shops__map {
        height: 766px;
        grid-column: 2;
        grid-row: 1 / 3;
        margin: 0;
        border: 1px solid #C0C1C4;
        border-radius: 20px;
        overflow: hidden
    }

    .shops__map-filter {
        flex-wrap: wrap;
        right: 16px
    }

    .shop-search {
        padding: 17px 34px 17px 16px;
        font-size: 18px
    }

    .shop {
        padding-top: 20px
    }

    .shop__status {
        padding: 7px 12px;
        font-weight: 700
    }

    .shop__title {
        font-weight: 700
    }

    .shop__text {
        font-weight: 700
    }
}

@media (min-width: 1300px) {
    .shops {
        row-gap: 40px;
        column-gap: 40px
    }

    .shops__map {
        height: 760px
    }

    .shops__map-filter {
        top: 24px;
        left: 24px;
        right: 24px
    }

    .shop-search {
        padding: 18px 36px 18px 18px;
        font-size: 16px
    }

    .shop {
        padding-top: 20px
    }

    .shop__status {
        padding: 7px 14.5px;
        font-weight: 400
    }

    .shop__title {
        font-weight: 400
    }

    .shop__text {
        font-weight: 400
    }
}

.filter {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    overflow: hidden;
    flex-wrap: wrap
}

.filter__item {
    font-family: inherit;
    padding: 8px 13px;
    border-radius: 99px;
    border: 1px solid;
    color: #55565A;
    font-size: 14px;
    line-height: 120%;
    white-space: nowrap;
    cursor: pointer
}

.filter__item.active,
.filter__item:hover {
    color: #FAFAFA;
    background-color: #909297;
    border-color: #909297;
    cursor: default
}

.filter_s_1 {
    gap: 6px
}

.filter_s_1 .filter__item {
    background-color: #F0EEEE
}

.filter_s_1 .filter__item.active {
    background-color: #E61739;
    border-color: #E61739
}

@media (min-width: 996px) {
    .filter {
        gap: 10px;
        margin-bottom: 20px
    }

    .filter__item {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media (min-width: 1300px) {
    .filter {
        margin-bottom: 40px
    }

    .filter__item {
        font-size: 16px
    }
}

.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    color: #909297;
    font-size: 16px;
    line-height: 120%
}

.pagination__page {
    color: inherit;
    text-decoration: none
}

span.pagination__page {
    font-weight: 700;
    color: #55565A
}

.pagination__page_prev {
    margin-right: 26px
}

.pagination__page_next {
    margin-left: 26px
}

@media (min-width: 768px) {
    .pagination {
        font-size: 18px
    }
}

.action-card {
    max-height: 180px
}

.action-card__inner {
    width: 56%;
    gap: 8px;
    justify-content: flex-start;
    align-items: flex-start
}

.action-card__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%
}

.action-card__text {
    font-size: 14px;
    line-height: 120%
}

.action-card__btn {
    margin-top: auto
}

@media (min-width: 996px) {
    .action-card {
        max-height: none
    }

    .action-card__inner {
        gap: 12px;
        width: 42%
    }

    .action-card__title {
        margin-top: -8px;
        margin-bottom: -7px;
        font-size: 42px
    }

    .action-card__text {
        font-size: 16px
    }
}

@media (min-width: 1300px) {
    .action-card__inner {
        gap: 14px;
        width: 50%
    }
}

.catalog__aside {
    margin-bottom: 18px
}

.catalog__title {
    margin-bottom: 12px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 20px
}

.catalog-menu {
    position: relative
}
.catalog-menu a:hover{
    color:#74961F;
    text-decoration: none;
}

.catalog-menu__inner {
    position: absolute;
    z-index: 10;
    display: none;
    flex-direction: column;
    gap: 10px;
    left: 0;
    right: 0;
    padding: 10px 30px 20px;
    margin-left: -16px;
    margin-right: -16px;
    box-sizing: border-box;
    background: #FAFAFA;
    border-radius: 16px;
    box-shadow: 0 9px 19px 0 rgba(0, 0, 0, 0.1)
}

.catalog-menu__opener.active + .catalog-menu__inner {
    display: flex
}

.catalog-menu__subtitle {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 16px;
    text-decoration: none;
    color: inherit
}

.catalog-menu__subtitle.active {
    color: #74961F
}

.catalog-menu__subtitle_has-child {
    padding-right: 15px
}

.catalog-menu__subcategory {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.catalog-menu__subcategory-children {
    display: none;
    flex-direction: column;
    gap: 4px;
    padding-left: 4px
}

.catalog-menu__subcategory-children.active {
    display: flex
}

.catalog-menu__subcategory-children a {
    font-size: 16px;
    line-height: 120%;
    color: inherit;
    text-decoration: none
}

.catalog-menu__subcategory-children a.active {
    color: #9C9C9C
}

.catalog-menu__opener, .catalog-menu__subtitle_has-child {
    position: relative
}

.catalog-menu__opener:after, .catalog-menu__subtitle_has-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 15px;
    height: 9px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjgzMzVMNiA3LjE2NjgzTDEgMS44MzM1IiBzdHJva2U9IiM5MDkyOTciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) right center no-repeat
}

.catalog-menu__opener.active:after, .catalog-menu__subtitle_has-child.active:after {
    transform: rotate(180deg);
    background-position-x: left
}

.catalog-menu__opener {
    display: block;
    width: 100%;
    padding: 14px 30px 14px 14px;
    border-radius: 8px;
    background-color: #F0EEEE;
    font-family: inherit;
    color: inherit;
    font-size: 14px;
    line-height: 120%;
    font-weight: 600;
    text-align: left;
    cursor: pointer
}

.catalog-menu__opener:after {
    right: 14px;
    top: 0;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS41OTk2IDEuODMzNUw2LjU5OTYxIDcuMTY2ODNMMS41OTk2MSAxLjgzMzUiIHN0cm9rZT0iIzU1NTY1QSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
}

@media (min-width: 996px) {
    .catalog {
        display: flex;
        gap: 40px
    }

    .catalog__aside {
        flex: 0 0 180px;
        margin-bottom: 0
    }

    .catalog__title {
        margin-bottom: 26px;
        font-size: 26px
    }

    .catalog-menu__opener {
        display: none
    }

    .catalog-menu__inner {
        display: flex;
        gap: 16px;
        box-shadow: none;
        padding: 0;
        margin: 0
    }

    .catalog-menu__subtitle {
        font-family: "Roboto Slab", serif;
        font-weight: 700;
        line-height: 110%;
        font-size: 18px
    }

    .catalog-menu__subcategory {
        gap: 10px
    }

    .catalog-menu__subcategory-children {
        gap: 6px;
        padding-left: 6px
    }

    .catalog-menu__subcategory-children a {
        font-size: 18px
    }
}

@media (min-width: 1300px) {
    .catalog__aside {
        flex-basis: 260px
    }

    .catalog__title {
        margin-bottom: 40px;
        font-size: 32px
    }

    .catalog-menu__subtitle {
        font-family: "Roboto Slab", serif;
        font-weight: 700;
        line-height: 110%;
        font-size: 20px
    }

    .catalog-menu__subcategory {
        gap: 12px
    }

    .catalog-menu__subcategory-children {
        gap: 8px
    }

    .catalog-menu__subcategory-children a {
        font-size: 20px
    }
}

.product-item__gallery {
    padding-bottom: 24px;
    border-bottom: 1px solid #9C9C9C;
    margin-bottom: 24px
}

.product-item__image {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-color: #FFFFFF
}

.product-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-item__thumbs {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px
}

.product-item__thumb {
    width: 6px;
    height: 6px;
    border-radius: 9px;
    background-color: #D9D9D9
}

.product-item__thumb.active {
    background-color: #6E6D6D
}

.product-item__arrows {
    display: none
}

.product-item__code {
    margin-bottom: 18px;
    color: #909297
}

.product-item__main-info {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.product-item__header {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.product-item__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 24px
}

.product-item__subtitle {
    color: #909297
}

.product-item__prices-controls {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.product-item__prices {
    display: flex;
    gap: 18px;
    align-items: end
}

.product-item__price {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 32px;
    margin-bottom: -5px;
    margin-top: -7px
}

.product-item__price-old {
    font-size: 20px;
    margin-bottom: -5px;
    position: relative
}

.product-item__price-old:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #E61739;
    left: 0;
    top: 50%;
    transform: rotate(-6deg)
}

.product-item__controls-buy {
    max-width: 260px
}

.product-item__buy {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.product-item__controls {
    display: none
}

.e-show-controls .product-item__buy {
    display: none
}

.e-show-controls .product-item__controls {
    display: flex
}

.product-item__nutrients {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.product-item__nutrient-list {
    display: flex;
    gap: 4px
}

.product-item__nutrient {
    display: flex;
    flex-direction: column;
    align-items: center
}

.product-item__nutrient {
    min-width: 68px;
    padding: 5px;
    border: 1px solid;
    border-radius: 99px;
    box-sizing: border-box
}

.product-item__nutrient-value {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 14px
}

.product-item__nutrient-title {
    font-size: 10px;
    color: #909297
}

.product-item__attributes {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.product-item__attribute {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.product-item__attribute-title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 18px
}

.product-item__readmore {
    color: #74961F;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    line-height: inherit
}

.product-item__labels {
    display: none
}

@media (min-width: 996px) {
    .product-item {
        display: flex;
        gap: 40px
    }

    .product-item__gallery {
        position: relative;
        margin-bottom: 0;
        flex: 0 0 400px;
        border: 0
    }

    .product-item__labels {
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 2
    }

    .product-item__label {
        padding: 8px 14px;
        font-size: 16px;
        background: #FFCFD7;
        border-radius: 99px;
        color: #E61739;
        font-weight: 600
    }

    .product-item__arrows {
        display: block
    }

    .product-item__prev, .product-item__next {
        position: absolute;
        top: 0;
        height: 400px;
        z-index: 1;
        padding: 0 20px;
        cursor: pointer
    }

    .product-item__prev {
        left: 0
    }

    .product-item__next {
        right: 0
    }

    .product-item__thumbs {
        margin-top: 20px;
        gap: 8px
    }

    .product-item__thumb {
        width: 8px;
        height: 8px
    }

    .product-item__code {
        margin-bottom: 24px
    }

    .product-item__main-info {
        gap: 32px
    }

    .product-item__title {
        font-size: 26px
    }

    .product-item__price {
        font-size: 38px;
        margin-bottom: -7px
    }

    .product-item__prices-controls {
        gap: 24px
    }

    .product-item__nutrient-list {
        gap: 8px
    }

    .product-item__nutrient {
        min-width: 98px;
        padding: 10px
    }

    .product-item__nutrient-value {
        font-size: 20px
    }

    .product-item__nutrient-title {
        font-size: 12px
    }

    .product-item__attribute {
        gap: 8px
    }

    .product-item__attribute-title {
        font-size: 20px
    }
}

@media (min-width: 1300px) {
    .product-item {
        gap: 60px
    }

    .product-item__gallery {
        flex-basis: 500px
    }

    .product-item__labels {
        top: 22px;
        left: 22px
    }

    .product-item__label {
        padding: 11px 22px;
        font-size: 18px
    }

    .product-item__prev, .product-item__next {
        height: 500px
    }

    .product-item__code {
        font-size: 16px;
        margin-bottom: 30px
    }

    .product-item__main-info {
        gap: 40px
    }

    .product-item__title {
        font-size: 26px
    }

    .product-item__subtitle {
        font-size: 16px
    }

    .product-item__price {
        font-size: 42px;
        margin-top: -8px
    }

    .product-item__prices-controls {
        gap: 28px
    }

    .product-item__nutrients {
        gap: 25px
    }

    .product-item__nutrient {
        min-width: 108px;
        padding: 14px
    }

    .product-item__attributes {
        gap: 30px
    }

    .product-item__attribute-title {
        font-size: 24px
    }

    .product-item__attribute-value {
        font-size: 16px
    }
}

.popup {
    display: none;
    position: absolute;
    z-index: 110;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    top: 0
}

.popup__shadow {
    display: none;
    position: fixed;
    background: #00000099;
    backdrop-filter: blur(20px);
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.e-popup-open .popup__shadow {
    display: block
}

.popup__inner {
    position: relative;
    background-color: #FAFAFA;
    padding: 40px;
    border-radius: 20px
}

.popup__close {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 1
}

.popup__controls {
    position: absolute;
    z-index: 1;
    top: 16px;
    left: 16px;
    right: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.popup__controls .i {
    display: block
}

.popup__controls .popup__close {
    position: static
}

.popup__controls .popup__close .i {
    width: 17px;
    height: 17px;
    background-size: 17px
}

.popup_register {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.popup_register .popup__inner {
    padding: 40px 16px
}

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

    .popup_register .popup__inner {
        padding: 40px;
        border-radius: 40px
    }

    .popup__controls {
        top: 40px;
        left: 40px;
        right: 40px
    }

    .popup__controls .i {
        width: 20px;
        height: 20px;
        background-size: contain
    }
}

.benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.benefits__item {
    width: 100%;
    box-sizing: border-box
}

.benefit {
    padding: 20px 20px 30px;
    background: #F0EEEE;
    font-size: 0;
    line-height: 0;
    border-radius: 16px
}

.benefit__img {
    margin-bottom: 16px
}

.benefit__title {
    margin-bottom: 12px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%
}

.benefit__text {
    font-size: 14px;
    line-height: 120%
}

@media (min-width: 996px) {
    .benefits {
        gap: 40px
    }

    .benefits__item {
        width: calc(33.33333333% - 26.66666667px);
        box-sizing: border-box
    }
}

@media (min-width: 1300px) {
    .benefit {
        padding: 34px 34px 36px;
        border-radius: 20px
    }

    .benefit__title {
        font-size: 24px
    }

    .benefit__text {
        font-size: 16px
    }
}

.tariff__section {
    padding: 20px 15px;
    margin-bottom: 16px;
    border-radius: 16px;
    color: #FAFAFA;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 110%;
    text-align: center
}

.tariff__section_s_1 {
    background: linear-gradient(180deg, #55565A 0%, #3E3F44 100%)
}

.tariff__section_s_2 {
    background: linear-gradient(191.73deg, #E61739 13.13%, #810A1D 208.72%)
}

.tariff__rules {
    margin-bottom: 20px
}

.tariff__additional {
    font-size: 14px;
    line-height: 120%
}

.tariff__grid + .tariff__additional {
    margin-top: 20px
}

.tariff-rule {
    border: 1px solid #2D2D2D;
    border-radius: 16px;
    padding: 19px 13px;
    text-align: center
}

.tariff-rule__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 120%
}

.tariff-rule__desc {
    font-size: 16px;
    line-height: 120%
}

.tariff-rule__desc p + p {
    margin-top: 8px
}

.tariff-rule__title + .tariff-rule__desc {
    margin-top: 20px
}

.tariff-rule__desc + .tariff-rule__title {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #909297
}

@media (min-width: 996px) {
    .tariff__grid {
        display: grid;
        grid-template-columns: 30% auto;
        gap: 40px
    }

    .tariff__section {
        margin: 0;
        display: flex;
        align-items: center;
        font-size: 24px
    }

    .tariff__rules {
        margin: 0
    }

    .tariff__additional {
        max-width: 760px;
        font-size: 20px
    }

    .tariff__grid + .tariff__additional {
        margin-top: 26px
    }

    .tariff-rule {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        padding: 0
    }

    .tariff-rule__title {
        padding: 20px 10px;
        border-bottom: 1px solid #2D2D2D
    }

    .tariff-rule__desc {
        padding: 20px 10px
    }

    .tariff-rule__desc p + p {
        margin-top: 10px
    }

    .tariff-rule__title:nth-child(n+3), .tariff-rule__desc:nth-child(n+3) {
        border-left: 1px solid #2D2D2D
    }

    .tariff-rule__title + .tariff-rule__desc {
        margin: 0
    }

    .tariff-rule__desc + .tariff-rule__title {
        margin-top: 0;
        border-top: 0
    }
}

@media (min-width: 1300px) {
    .tariff__grid + .tariff__additional {
        margin-top: 40px
    }

    .tariff-rule__desc {
        font-size: 20px
    }
}

.faq {
    margin-left: -16px;
    margin-right: -16px
}

.faq__item {
    border-top: 1px solid #909297;
    padding: 20px 16px;
    break-inside: avoid
}

.faq__question {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 52px;
    min-height: 32px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 110%
}

.faq__answer {
    display: none;
    margin-top: 10px;
    padding-bottom: 34px
}

.faq__answer ul {
    list-style: disc;
    padding-left: 20px
}

.faq__answer a {
    text-decoration: underline;
    cursor: pointer;
    color: inherit
}

.faq__answer a:hover {
    color: #93C121
}

.faq__answer strong, .faq__answer b {
    font-weight: bold
}

.faq__answer i, .faq__answer em {
    font-style: italic
}

.faq__answer h4 {
    margin: 37px auto 16px;
    text-align: center
}

.faq__answer table {
    margin: 0 auto;
    text-align: center
}

.faq__answer table td, .faq__answer table th {
    border: 1px solid #55565A;
    padding: 3px
}

.faq__open {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 50%;
    background: center no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTMzNTMgNS4xMDA2SDEzVjcuOTY0NzlINy45MzM1M1YxM0g1LjA2NjQ2VjcuOTY0NzlIMFY1LjEwMDZINS4wNjY0NlYwSDcuOTMzNTNWNS4xMDA2WiIgZmlsbD0iI0U2MTczOSIvPgo8L3N2Zz4K);
    cursor: pointer
}

.faq__item.active .faq__answer {
    display: block
}

.faq__item.active .faq__open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE0IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjMzMzQ5NiAwLjU2NDQ1M0gxMy42NjY4VjMuNTAyMDhIMC4zMzM0OTZWMC41NjQ0NTNaIiBmaWxsPSIjRTYxNzM5Ii8+Cjwvc3ZnPgo=)
}

.faq__item:hover {
    background-color: #F0EEEE
}

.faq__item:hover .faq__open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTMzNTMgNS4xMDA2SDEzVjcuOTY0NzlINy45MzM1M1YxM0g1LjA2NjQ2VjcuOTY0NzlIMFY1LjEwMDZINS4wNjY0NlYwSDcuOTMzNTNWNS4xMDA2WiIgZmlsbD0iI0ZBRkFGQSIvPgo8L3N2Zz4K);
    background-color: #E61739;
    border-color: #E61739
}

.faq__item.active:hover .faq__open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE0IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjMzMzQ5NiAwLjU2NDQ1M0gxMy42NjY4VjMuNTAyMDhIMC4zMzM0OTZWMC41NjQ0NTNaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=)
}

.faq__link {
    display: flex;
    justify-content: center;
    color: #E61739;
    font-size: 16px
}

@media (min-width: 996px) {
    .faq {
        margin-left: 0;
        margin-right: 0
    }

    .faq__item {
        padding: 20px
    }

    .faq__question {
        font-size: 24px
    }

    .faq__answer {
        font-size: 16px
    }

    .faq__link {
        margin-top: 40px
    }
}

@media (min-width: 1300px) {
    .faq__list {
        columns: 2;
        gap: 40px
    }

    .faq__item {
        padding: 20px
    }
}

.input-block__input-label {
    position: relative;
    height: 48px
}

.input-block__input-label label {
    position: absolute;
    left: 14px;
    top: 14.5px;
    font-size: 16px;
    line-height: 19px;
    color: #55565A;
    transition: top .5s, font-size .5s, line-height .5s
}

.input-block__input-label input {
    box-sizing: border-box;
    background: none;
    width: 100%;
    padding: 21.5px 14px 5.5px;
    font-family: inherit;
    font-size: 16px;
    line-height: 19px;
    color: #55565A;
    border: 1px solid #909297;
    border-radius: 8px
}

.input-block__input-label input:focus {
    outline: 0
}

.input-block__input-label input:not(:placeholder-shown) + label, .input-block__input-label input:focus + label {
    top: 6.5px;
    font-size: 12px;
    line-height: 14px;
    color: #909297
}

.input-block__message {
    margin-top: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #909297
}

.input-block.error .input-block__message {
    color: #E61739
}

.input-block.error .input-block__input-label input {
    border-color: #E61739;
    color: #E61739
}

.input-block.error .input-block__input-label label {
    color: #E61739
}

.input-code {
    position: relative;
    width: 252px;
    margin: auto
}

.input-code__inputs {
    display: flex;
    justify-content: stretch;
    gap: 16px
}

.input-code__message {
    position: absolute;
    font-size: 12px;
    transform: translateY(4px)
}

.input-code input {
    border-radius: 4px;
    border: 1px solid #909297;
    background: #F0EEEE;
    font-size: 18px;
    line-height: 56px;
    padding: 0;
    font-family: inherit;
    text-align: center;
    width: 1px;
    flex: 1
}

.input-code input:not(:placeholder-shown) {
    background-color: transparent
}

.input-code input:focus {
    outline: none
}

.input-code.error input {
    color: #E61739;
    border-color: #E61739
}

.input-code.error .input-code__message {
    color: #E61739
}

.form {
    color: #55565A
}

.form__logo {
    display: block;
    margin: 0 auto 26px
}

.form__title {
    margin-bottom: 20px;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 20px
}

.form__section {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.form__group {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.form__agreement {
    margin-top: 26px;
    font-size: 14px;
    line-height: 120%;
    color: #55565A
}

.form__agreement a {
    color: #93C121;
    text-decoration: none
}

.form__btn {
    margin-top: 28px;
    width: 100%
}

.phone-section__image {
    height: 186px;
    background-color: #DCE0E5;
    border-radius: 16px
}

.phone-section__image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.phone-section__text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 16px;
    text-align: center
}

.phone-section__text span {
    color: #93C121
}

.phone-section__text b {
    font-weight: 700
}

.phone-section__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 110%;
    font-size: 20px
}

@media (min-width: 768px) {
    .form__logo {
        margin-bottom: 40px
    }

    .form__title {
        font-size: 24px;
        margin-bottom: 40px
    }

    .form__agreement {
        margin-top: 40px;
        font-size: 16px
    }

    .form__section {
        gap: 30px
    }

    .form__group {
        gap: 20px
    }

    .form__btn {
        margin-top: 60px
    }

    .phone-section__image {
        height: 215px
    }
}