@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;1,100&display=swap');
:root {
    --padding-big: 48px;
    --padding-medium: 32px;
    --padding-normal: 24px;
    --padding-small: 16px;
    --padding-smaller: 12px;
    --padding-verysmall: 8px;
    --padding-mini: 4px
}

:root {
    --color-light-green: #36CC82;
    --color-dark-green: #229200;
    --color-text: #292929;
    --color-latte: #f3dccc;
    --color-orange: #ff8c21;
    --color-orange-red: #ff6f3e;
    --color-red: #ff3e3e;
    --color-blue: #8cccdd;
    --color-light-blue: #dffff9;
    --color-corall: #ffa485;
    --color-gray-verydark: rgba(41, 41, 41, 0.8);
    --color-gray-dark: rgba(41, 41, 41, 0.6);
    --color-gray-light: rgba(41, 41, 41, 0.4);
    --color-gray-verylight: rgba(41, 41, 41, 0.2);
    --color-gray-white: rgba(41, 41, 41, 0.1);
    --color-card: #fff8f4;
    --color-bg-gray: #f7f7f7;
    --p_2: 6px;
    --p: 12px;
    --p2: 24px;
    --p4: 48px;
    --m_2: 8px;
    --m: 16px;
    --m2: 32px;
    --m4: 64px;
    --m8: 128px;
    --b-pt: 64px;
    --bs-vert: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    --color-border: var(--color-gray-light);
    --border: 1px solid var(--color-border);
    --border-verylight: 1px solid var(--color-gray-verylight);
    --border-light: 1px solid rgba(29, 29, 29, 0.4);
    /* --ff: Graphik,Roboto sans-serif; 
    --ff: Garet, Arial, sans-serif;
    --ff-item-title: Alta, Arial, sans-serif;
    --ff-title: Garet, Arial, sans-serif;
	*/
    --ff: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Garet, Arial, sans-serif;
    --ff-item-title: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Garet, Arial, sans-serif;
    --ff-title: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Garet, Arial, sans-serif;
    --ff-wermut: Wermut, sans-serif;
    /* --ff-title: Wermut, sans-serif; */
    --width: 1440px;
    --ph: 64px;
    --time: .35s;
    --time-fast: .15s;
    --button-height: 59px;
    --button-height-small: 44px;
    --button-height-verysmall: 32px;
    --input-height: 44px;
    --owl-dots-width: var(--p);
    --top-height: 63px;
    --nav-height: 73px;
    --height_1_1: calc(100vw - var(--ph) * 2);
    --height_2_1: 50vw;
    --height_4_5: 125vw;
    --height_2_3: calc(100vw * 2 / 3);
    --height_3_2: calc(100vw * 3 / 2);
    --width-out: calc(100vw - var(--width))
}

@font-face {
    font-family: 'Graphik';
    src: url("../fonts/Graphik-Regular-Web.eot");
    src: url("../fonts/Graphik-Regular-Web.woff") format('woff'), url("../fonts/Graphik-Regular-Web.woff2") format('woff2'), url("../fonts/Graphik-Regular-Web.ttf") format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Graphik';
    src: url("../fonts/Graphik-Medium-Web.eot");
    src: url("../fonts/Graphik-Medium-Web.woff") format('woff'), url("../fonts/Graphik-Medium-Web.woff2") format('woff2'), url("../fonts/Graphik-Medium-Web.ttf") format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Wermut';
    src: url("../fonts/Wermut.ttf") format('woff'), url("../fonts/Wermut.otf") format('opentype'), url("../fonts/Wermut.ttf") format('truetype'), url("../fonts/Graphik-Medium-Web.ttf") format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Garet';
    src: url("../fonts/Garet-Book.woff") format('woff'), url("../fonts/Garet-Book.woff2") format('woff2');
}

@font-face {
    font-family: 'Alta';
    src: url("../fonts/Alta_regular.otf") format('opentype');
}

@font-face {
    font-family: 'AltaL';
    src: url("../fonts/Alta_light.otf") format('opentype');
}

@font-face {
    font-family: 'AltaC';
    src: url("../fonts/Alta_caption.otf") format('opentype');
}

.row {
    display: flex;
    flex-wrap: wrap
}

.c {
    width: 100%
}

.c-1 {
    width: 1%
}

.c-2 {
    width: 2%
}

.c-3 {
    width: 3%
}

.c-4 {
    width: 4%
}

.c-5 {
    width: 5%
}

.c-6 {
    width: 6%
}

.c-7 {
    width: 7%
}

.c-8 {
    width: 8%
}

.c-9 {
    width: 9%
}

.c-10 {
    width: 10%
}

.c-11 {
    width: 11%
}

.c-12 {
    width: 12%
}

.c-13 {
    width: 13%
}

.c-14 {
    width: 14%
}

.c-15 {
    width: 15%
}

.c-16 {
    width: 16%
}

.c-17 {
    width: 17%
}

.c-18 {
    width: 18%
}

.c-19 {
    width: 19%
}

.c-20 {
    width: 20%
}

.c-21 {
    width: 21%
}

.c-22 {
    width: 22%
}

.c-23 {
    width: 23%
}

.c-24 {
    width: 24%
}

.c-25 {
    width: 25%
}

.c-26 {
    width: 26%
}

.c-27 {
    width: 27%
}

.c-28 {
    width: 28%
}

.c-29 {
    width: 29%
}

.c-30 {
    width: 30%
}

.c-31 {
    width: 31%
}

.c-32 {
    width: 32%
}

.c-33 {
    width: 33%
}

.c-34 {
    width: 34%
}

.c-35 {
    width: 35%
}

.c-36 {
    width: 36%
}

.c-37 {
    width: 37%
}

.c-38 {
    width: 38%
}

.c-39 {
    width: 39%
}

.c-40 {
    width: 40%
}

.c-41 {
    width: 41%
}

.c-42 {
    width: 42%
}

.c-43 {
    width: 43%
}

.c-44 {
    width: 44%
}

.c-45 {
    width: 45%
}

.c-46 {
    width: 46%
}

.c-47 {
    width: 47%
}

.c-48 {
    width: 48%
}

.c-49 {
    width: 49%
}

.c-50 {
    width: 50%
}

.c-51 {
    width: 51%
}

.c-52 {
    width: 52%
}

.c-53 {
    width: 53%
}

.c-54 {
    width: 54%
}

.c-55 {
    width: 55%
}

.c-56 {
    width: 56%
}

.c-57 {
    width: 57%
}

.c-58 {
    width: 58%
}

.c-59 {
    width: 59%
}

.c-60 {
    width: 60%
}

.c-61 {
    width: 61%
}

.c-62 {
    width: 62%
}

.c-63 {
    width: 63%
}

.c-64 {
    width: 64%
}

.c-65 {
    width: 65%
}

.c-66 {
    width: 66%
}

.c-67 {
    width: 67%
}

.c-68 {
    width: 68%
}

.c-69 {
    width: 69%
}

.c-70 {
    width: 70%
}

.c-71 {
    width: 71%
}

.c-72 {
    width: 72%
}

.c-73 {
    width: 73%
}

.c-74 {
    width: 74%
}

.c-75 {
    width: 75%
}

.c-76 {
    width: 76%
}

.c-77 {
    width: 77%
}

.c-78 {
    width: 78%
}

.c-79 {
    width: 79%
}

.c-80 {
    width: 80%
}

.c-81 {
    width: 81%
}

.c-82 {
    width: 82%
}

.c-83 {
    width: 83%
}

.c-84 {
    width: 84%
}

.c-85 {
    width: 85%
}

.c-86 {
    width: 86%
}

.c-87 {
    width: 87%
}

.c-88 {
    width: 88%
}

.c-89 {
    width: 89%
}

.c-90 {
    width: 90%
}

.c-91 {
    width: 91%
}

.c-92 {
    width: 92%
}

.c-93 {
    width: 93%
}

.c-94 {
    width: 94%
}

.c-95 {
    width: 95%
}

.c-96 {
    width: 96%
}

.c-97 {
    width: 97%
}

.c-98 {
    width: 98%
}

.c-99 {
    width: 99%
}

.c-100 {
    width: 100%
}

.c-1-3 {
    width: 33.333333333333336%
}

.c-2-3 {
    width: 66.66666666666667%
}

.c-3-3 {
    width: 100%
}

.c-1-4 {
    width: 25%
}

.c-2-4 {
    width: 50%
}

.c-3-4 {
    width: 75%
}

.c-4-4 {
    width: 100%
}

.c-1-5 {
    width: 20%
}

.c-2-5 {
    width: 40%
}

.c-3-5 {
    width: 60%
}

.c-4-5 {
    width: 80%
}

.c-5-5 {
    width: 100%
}

.c-1-6 {
    width: 16.666666666666668%
}

.c-2-6 {
    width: 33.333333333333336%
}

.c-3-6 {
    width: 50%
}

.c-4-6 {
    width: 66.66666666666667%
}

.c-5-6 {
    width: 83.33333333333333%
}

.c-6-6 {
    width: 100%
}

.c-1-7 {
    width: 14.285714285714286%
}

.c-2-7 {
    width: 28.571428571428573%
}

.c-3-7 {
    width: 42.857142857142854%
}

.c-4-7 {
    width: 57.142857142857146%
}

.c-5-7 {
    width: 71.42857142857143%
}

.c-6-7 {
    width: 85.71428571428571%
}

.c-7-7 {
    width: 100%
}

.c-1-8 {
    width: 12.5%
}

.c-2-8 {
    width: 25%
}

.c-3-8 {
    width: 37.5%
}

.c-4-8 {
    width: 50%
}

.c-5-8 {
    width: 62.5%
}

.c-6-8 {
    width: 75%
}

.c-7-8 {
    width: 87.5%
}

.c-8-8 {
    width: 100%
}

.c-1-9 {
    width: 11.11111111111111%
}

.c-2-9 {
    width: 22.22222222222222%
}

.c-3-9 {
    width: 33.333333333333336%
}

.c-4-9 {
    width: 44.44444444444444%
}

.c-5-9 {
    width: 55.55555555555556%
}

.c-6-9 {
    width: 66.66666666666667%
}

.c-7-9 {
    width: 77.77777777777777%
}

.c-8-9 {
    width: 88.88888888888889%
}

.c-9-9 {
    width: 100%
}

.c-1-10 {
    width: 10%
}

.c-2-10 {
    width: 20%
}

.c-3-10 {
    width: 30%
}

.c-4-10 {
    width: 40%
}

.c-5-10 {
    width: 50%
}

.c-6-10 {
    width: 60%
}

.c-7-10 {
    width: 70%
}

.c-8-10 {
    width: 80%
}

.c-9-10 {
    width: 90%
}

.c-10-10 {
    width: 100%
}

.c-1-11 {
    width: 9.090909090909092%
}

.c-2-11 {
    width: 18.181818181818183%
}

.c-3-11 {
    width: 27.272727272727273%
}

.c-4-11 {
    width: 36.36363636363637%
}

.c-5-11 {
    width: 45.45454545454545%
}

.c-6-11 {
    width: 54.54545454545455%
}

.c-7-11 {
    width: 63.63636363636363%
}

.c-8-11 {
    width: 72.72727272727273%
}

.c-9-11 {
    width: 81.81818181818181%
}

.c-10-11 {
    width: 90.9090909090909%
}

.c-11-11 {
    width: 100%
}

.c-1-12 {
    width: 8.333333333333334%
}

.c-2-12 {
    width: 16.666666666666668%
}

.c-3-12 {
    width: 25%
}

.c-4-12 {
    width: 33.333333333333336%
}

.c-5-12 {
    width: 41.666666666666664%
}

.c-6-12 {
    width: 50%
}

.c-7-12 {
    width: 58.333333333333336%
}

.c-8-12 {
    width: 66.66666666666667%
}

.c-9-12 {
    width: 75%
}

.c-10-12 {
    width: 83.33333333333333%
}

.c-11-12 {
    width: 91.66666666666667%
}

.c-12-12 {
    width: 100%
}

@media all and (max-width:1920px) {
    .c-wide-1 {
        width: 1%
    }
    .c-wide-2 {
        width: 2%
    }
    .c-wide-3 {
        width: 3%
    }
    .c-wide-4 {
        width: 4%
    }
    .c-wide-5 {
        width: 5%
    }
    .c-wide-6 {
        width: 6%
    }
    .c-wide-7 {
        width: 7%
    }
    .c-wide-8 {
        width: 8%
    }
    .c-wide-9 {
        width: 9%
    }
    .c-wide-10 {
        width: 10%
    }
    .c-wide-11 {
        width: 11%
    }
    .c-wide-12 {
        width: 12%
    }
    .c-wide-13 {
        width: 13%
    }
    .c-wide-14 {
        width: 14%
    }
    .c-wide-15 {
        width: 15%
    }
    .c-wide-16 {
        width: 16%
    }
    .c-wide-17 {
        width: 17%
    }
    .c-wide-18 {
        width: 18%
    }
    .c-wide-19 {
        width: 19%
    }
    .c-wide-20 {
        width: 20%
    }
    .c-wide-21 {
        width: 21%
    }
    .c-wide-22 {
        width: 22%
    }
    .c-wide-23 {
        width: 23%
    }
    .c-wide-24 {
        width: 24%
    }
    .c-wide-25 {
        width: 25%
    }
    .c-wide-26 {
        width: 26%
    }
    .c-wide-27 {
        width: 27%
    }
    .c-wide-28 {
        width: 28%
    }
    .c-wide-29 {
        width: 29%
    }
    .c-wide-30 {
        width: 30%
    }
    .c-wide-31 {
        width: 31%
    }
    .c-wide-32 {
        width: 32%
    }
    .c-wide-33 {
        width: 33%
    }
    .c-wide-34 {
        width: 34%
    }
    .c-wide-35 {
        width: 35%
    }
    .c-wide-36 {
        width: 36%
    }
    .c-wide-37 {
        width: 37%
    }
    .c-wide-38 {
        width: 38%
    }
    .c-wide-39 {
        width: 39%
    }
    .c-wide-40 {
        width: 40%
    }
    .c-wide-41 {
        width: 41%
    }
    .c-wide-42 {
        width: 42%
    }
    .c-wide-43 {
        width: 43%
    }
    .c-wide-44 {
        width: 44%
    }
    .c-wide-45 {
        width: 45%
    }
    .c-wide-46 {
        width: 46%
    }
    .c-wide-47 {
        width: 47%
    }
    .c-wide-48 {
        width: 48%
    }
    .c-wide-49 {
        width: 49%
    }
    .c-wide-50 {
        width: 50%
    }
    .c-wide-51 {
        width: 51%
    }
    .c-wide-52 {
        width: 52%
    }
    .c-wide-53 {
        width: 53%
    }
    .c-wide-54 {
        width: 54%
    }
    .c-wide-55 {
        width: 55%
    }
    .c-wide-56 {
        width: 56%
    }
    .c-wide-57 {
        width: 57%
    }
    .c-wide-58 {
        width: 58%
    }
    .c-wide-59 {
        width: 59%
    }
    .c-wide-60 {
        width: 60%
    }
    .c-wide-61 {
        width: 61%
    }
    .c-wide-62 {
        width: 62%
    }
    .c-wide-63 {
        width: 63%
    }
    .c-wide-64 {
        width: 64%
    }
    .c-wide-65 {
        width: 65%
    }
    .c-wide-66 {
        width: 66%
    }
    .c-wide-67 {
        width: 67%
    }
    .c-wide-68 {
        width: 68%
    }
    .c-wide-69 {
        width: 69%
    }
    .c-wide-70 {
        width: 70%
    }
    .c-wide-71 {
        width: 71%
    }
    .c-wide-72 {
        width: 72%
    }
    .c-wide-73 {
        width: 73%
    }
    .c-wide-74 {
        width: 74%
    }
    .c-wide-75 {
        width: 75%
    }
    .c-wide-76 {
        width: 76%
    }
    .c-wide-77 {
        width: 77%
    }
    .c-wide-78 {
        width: 78%
    }
    .c-wide-79 {
        width: 79%
    }
    .c-wide-80 {
        width: 80%
    }
    .c-wide-81 {
        width: 81%
    }
    .c-wide-82 {
        width: 82%
    }
    .c-wide-83 {
        width: 83%
    }
    .c-wide-84 {
        width: 84%
    }
    .c-wide-85 {
        width: 85%
    }
    .c-wide-86 {
        width: 86%
    }
    .c-wide-87 {
        width: 87%
    }
    .c-wide-88 {
        width: 88%
    }
    .c-wide-89 {
        width: 89%
    }
    .c-wide-90 {
        width: 90%
    }
    .c-wide-91 {
        width: 91%
    }
    .c-wide-92 {
        width: 92%
    }
    .c-wide-93 {
        width: 93%
    }
    .c-wide-94 {
        width: 94%
    }
    .c-wide-95 {
        width: 95%
    }
    .c-wide-96 {
        width: 96%
    }
    .c-wide-97 {
        width: 97%
    }
    .c-wide-98 {
        width: 98%
    }
    .c-wide-99 {
        width: 99%
    }
    .c-wide-100 {
        width: 100%
    }
    .c-wide-1-3 {
        width: 33.333333333333336%
    }
    .c-wide-2-3 {
        width: 66.66666666666667%
    }
    .c-wide-3-3 {
        width: 100%
    }
    .c-wide-1-4 {
        width: 25%
    }
    .c-wide-2-4 {
        width: 50%
    }
    .c-wide-3-4 {
        width: 75%
    }
    .c-wide-4-4 {
        width: 100%
    }
    .c-wide-1-5 {
        width: 20%
    }
    .c-wide-2-5 {
        width: 40%
    }
    .c-wide-3-5 {
        width: 60%
    }
    .c-wide-4-5 {
        width: 80%
    }
    .c-wide-5-5 {
        width: 100%
    }
    .c-wide-1-6 {
        width: 16.666666666666668%
    }
    .c-wide-2-6 {
        width: 33.333333333333336%
    }
    .c-wide-3-6 {
        width: 50%
    }
    .c-wide-4-6 {
        width: 66.66666666666667%
    }
    .c-wide-5-6 {
        width: 83.33333333333333%
    }
    .c-wide-6-6 {
        width: 100%
    }
    .c-wide-1-7 {
        width: 14.285714285714286%
    }
    .c-wide-2-7 {
        width: 28.571428571428573%
    }
    .c-wide-3-7 {
        width: 42.857142857142854%
    }
    .c-wide-4-7 {
        width: 57.142857142857146%
    }
    .c-wide-5-7 {
        width: 71.42857142857143%
    }
    .c-wide-6-7 {
        width: 85.71428571428571%
    }
    .c-wide-7-7 {
        width: 100%
    }
    .c-wide-1-8 {
        width: 12.5%
    }
    .c-wide-2-8 {
        width: 25%
    }
    .c-wide-3-8 {
        width: 37.5%
    }
    .c-wide-4-8 {
        width: 50%
    }
    .c-wide-5-8 {
        width: 62.5%
    }
    .c-wide-6-8 {
        width: 75%
    }
    .c-wide-7-8 {
        width: 87.5%
    }
    .c-wide-8-8 {
        width: 100%
    }
    .c-wide-1-9 {
        width: 11.11111111111111%
    }
    .c-wide-2-9 {
        width: 22.22222222222222%
    }
    .c-wide-3-9 {
        width: 33.333333333333336%
    }
    .c-wide-4-9 {
        width: 44.44444444444444%
    }
    .c-wide-5-9 {
        width: 55.55555555555556%
    }
    .c-wide-6-9 {
        width: 66.66666666666667%
    }
    .c-wide-7-9 {
        width: 77.77777777777777%
    }
    .c-wide-8-9 {
        width: 88.88888888888889%
    }
    .c-wide-9-9 {
        width: 100%
    }
    .c-wide-1-10 {
        width: 10%
    }
    .c-wide-2-10 {
        width: 20%
    }
    .c-wide-3-10 {
        width: 30%
    }
    .c-wide-4-10 {
        width: 40%
    }
    .c-wide-5-10 {
        width: 50%
    }
    .c-wide-6-10 {
        width: 60%
    }
    .c-wide-7-10 {
        width: 70%
    }
    .c-wide-8-10 {
        width: 80%
    }
    .c-wide-9-10 {
        width: 90%
    }
    .c-wide-10-10 {
        width: 100%
    }
    .c-wide-1-11 {
        width: 9.090909090909092%
    }
    .c-wide-2-11 {
        width: 18.181818181818183%
    }
    .c-wide-3-11 {
        width: 27.272727272727273%
    }
    .c-wide-4-11 {
        width: 36.36363636363637%
    }
    .c-wide-5-11 {
        width: 45.45454545454545%
    }
    .c-wide-6-11 {
        width: 54.54545454545455%
    }
    .c-wide-7-11 {
        width: 63.63636363636363%
    }
    .c-wide-8-11 {
        width: 72.72727272727273%
    }
    .c-wide-9-11 {
        width: 81.81818181818181%
    }
    .c-wide-10-11 {
        width: 90.9090909090909%
    }
    .c-wide-11-11 {
        width: 100%
    }
    .c-wide-1-12 {
        width: 8.333333333333334%
    }
    .c-wide-2-12 {
        width: 16.666666666666668%
    }
    .c-wide-3-12 {
        width: 25%
    }
    .c-wide-4-12 {
        width: 33.333333333333336%
    }
    .c-wide-5-12 {
        width: 41.666666666666664%
    }
    .c-wide-6-12 {
        width: 50%
    }
    .c-wide-7-12 {
        width: 58.333333333333336%
    }
    .c-wide-8-12 {
        width: 66.66666666666667%
    }
    .c-wide-9-12 {
        width: 75%
    }
    .c-wide-10-12 {
        width: 83.33333333333333%
    }
    .c-wide-11-12 {
        width: 91.66666666666667%
    }
    .c-wide-12-12 {
        width: 100%
    }
}

@media all and (max-width:1200px) {
    .c-lap-1 {
        width: 1%
    }
    .c-lap-2 {
        width: 2%
    }
    .c-lap-3 {
        width: 3%
    }
    .c-lap-4 {
        width: 4%
    }
    .c-lap-5 {
        width: 5%
    }
    .c-lap-6 {
        width: 6%
    }
    .c-lap-7 {
        width: 7%
    }
    .c-lap-8 {
        width: 8%
    }
    .c-lap-9 {
        width: 9%
    }
    .c-lap-10 {
        width: 10%
    }
    .c-lap-11 {
        width: 11%
    }
    .c-lap-12 {
        width: 12%
    }
    .c-lap-13 {
        width: 13%
    }
    .c-lap-14 {
        width: 14%
    }
    .c-lap-15 {
        width: 15%
    }
    .c-lap-16 {
        width: 16%
    }
    .c-lap-17 {
        width: 17%
    }
    .c-lap-18 {
        width: 18%
    }
    .c-lap-19 {
        width: 19%
    }
    .c-lap-20 {
        width: 20%
    }
    .c-lap-21 {
        width: 21%
    }
    .c-lap-22 {
        width: 22%
    }
    .c-lap-23 {
        width: 23%
    }
    .c-lap-24 {
        width: 24%
    }
    .c-lap-25 {
        width: 25%
    }
    .c-lap-26 {
        width: 26%
    }
    .c-lap-27 {
        width: 27%
    }
    .c-lap-28 {
        width: 28%
    }
    .c-lap-29 {
        width: 29%
    }
    .c-lap-30 {
        width: 30%
    }
    .c-lap-31 {
        width: 31%
    }
    .c-lap-32 {
        width: 32%
    }
    .c-lap-33 {
        width: 33%
    }
    .c-lap-34 {
        width: 34%
    }
    .c-lap-35 {
        width: 35%
    }
    .c-lap-36 {
        width: 36%
    }
    .c-lap-37 {
        width: 37%
    }
    .c-lap-38 {
        width: 38%
    }
    .c-lap-39 {
        width: 39%
    }
    .c-lap-40 {
        width: 40%
    }
    .c-lap-41 {
        width: 41%
    }
    .c-lap-42 {
        width: 42%
    }
    .c-lap-43 {
        width: 43%
    }
    .c-lap-44 {
        width: 44%
    }
    .c-lap-45 {
        width: 45%
    }
    .c-lap-46 {
        width: 46%
    }
    .c-lap-47 {
        width: 47%
    }
    .c-lap-48 {
        width: 48%
    }
    .c-lap-49 {
        width: 49%
    }
    .c-lap-50 {
        width: 50%
    }
    .c-lap-51 {
        width: 51%
    }
    .c-lap-52 {
        width: 52%
    }
    .c-lap-53 {
        width: 53%
    }
    .c-lap-54 {
        width: 54%
    }
    .c-lap-55 {
        width: 55%
    }
    .c-lap-56 {
        width: 56%
    }
    .c-lap-57 {
        width: 57%
    }
    .c-lap-58 {
        width: 58%
    }
    .c-lap-59 {
        width: 59%
    }
    .c-lap-60 {
        width: 60%
    }
    .c-lap-61 {
        width: 61%
    }
    .c-lap-62 {
        width: 62%
    }
    .c-lap-63 {
        width: 63%
    }
    .c-lap-64 {
        width: 64%
    }
    .c-lap-65 {
        width: 65%
    }
    .c-lap-66 {
        width: 66%
    }
    .c-lap-67 {
        width: 67%
    }
    .c-lap-68 {
        width: 68%
    }
    .c-lap-69 {
        width: 69%
    }
    .c-lap-70 {
        width: 70%
    }
    .c-lap-71 {
        width: 71%
    }
    .c-lap-72 {
        width: 72%
    }
    .c-lap-73 {
        width: 73%
    }
    .c-lap-74 {
        width: 74%
    }
    .c-lap-75 {
        width: 75%
    }
    .c-lap-76 {
        width: 76%
    }
    .c-lap-77 {
        width: 77%
    }
    .c-lap-78 {
        width: 78%
    }
    .c-lap-79 {
        width: 79%
    }
    .c-lap-80 {
        width: 80%
    }
    .c-lap-81 {
        width: 81%
    }
    .c-lap-82 {
        width: 82%
    }
    .c-lap-83 {
        width: 83%
    }
    .c-lap-84 {
        width: 84%
    }
    .c-lap-85 {
        width: 85%
    }
    .c-lap-86 {
        width: 86%
    }
    .c-lap-87 {
        width: 87%
    }
    .c-lap-88 {
        width: 88%
    }
    .c-lap-89 {
        width: 89%
    }
    .c-lap-90 {
        width: 90%
    }
    .c-lap-91 {
        width: 91%
    }
    .c-lap-92 {
        width: 92%
    }
    .c-lap-93 {
        width: 93%
    }
    .c-lap-94 {
        width: 94%
    }
    .c-lap-95 {
        width: 95%
    }
    .c-lap-96 {
        width: 96%
    }
    .c-lap-97 {
        width: 97%
    }
    .c-lap-98 {
        width: 98%
    }
    .c-lap-99 {
        width: 99%
    }
    .c-lap-100 {
        width: 100%
    }
    .c-lap-1-3 {
        width: 33.333333333333336%
    }
    .c-lap-2-3 {
        width: 66.66666666666667%
    }
    .c-lap-3-3 {
        width: 100%
    }
    .c-lap-1-4 {
        width: 25%
    }
    .c-lap-2-4 {
        width: 50%
    }
    .c-lap-3-4 {
        width: 75%
    }
    .c-lap-4-4 {
        width: 100%
    }
    .c-lap-1-5 {
        width: 20%
    }
    .c-lap-2-5 {
        width: 40%
    }
    .c-lap-3-5 {
        width: 60%
    }
    .c-lap-4-5 {
        width: 80%
    }
    .c-lap-5-5 {
        width: 100%
    }
    .c-lap-1-6 {
        width: 16.666666666666668%
    }
    .c-lap-2-6 {
        width: 33.333333333333336%
    }
    .c-lap-3-6 {
        width: 50%
    }
    .c-lap-4-6 {
        width: 66.66666666666667%
    }
    .c-lap-5-6 {
        width: 83.33333333333333%
    }
    .c-lap-6-6 {
        width: 100%
    }
    .c-lap-1-7 {
        width: 14.285714285714286%
    }
    .c-lap-2-7 {
        width: 28.571428571428573%
    }
    .c-lap-3-7 {
        width: 42.857142857142854%
    }
    .c-lap-4-7 {
        width: 57.142857142857146%
    }
    .c-lap-5-7 {
        width: 71.42857142857143%
    }
    .c-lap-6-7 {
        width: 85.71428571428571%
    }
    .c-lap-7-7 {
        width: 100%
    }
    .c-lap-1-8 {
        width: 12.5%
    }
    .c-lap-2-8 {
        width: 25%
    }
    .c-lap-3-8 {
        width: 37.5%
    }
    .c-lap-4-8 {
        width: 50%
    }
    .c-lap-5-8 {
        width: 62.5%
    }
    .c-lap-6-8 {
        width: 75%
    }
    .c-lap-7-8 {
        width: 87.5%
    }
    .c-lap-8-8 {
        width: 100%
    }
    .c-lap-1-9 {
        width: 11.11111111111111%
    }
    .c-lap-2-9 {
        width: 22.22222222222222%
    }
    .c-lap-3-9 {
        width: 33.333333333333336%
    }
    .c-lap-4-9 {
        width: 44.44444444444444%
    }
    .c-lap-5-9 {
        width: 55.55555555555556%
    }
    .c-lap-6-9 {
        width: 66.66666666666667%
    }
    .c-lap-7-9 {
        width: 77.77777777777777%
    }
    .c-lap-8-9 {
        width: 88.88888888888889%
    }
    .c-lap-9-9 {
        width: 100%
    }
    .c-lap-1-10 {
        width: 10%
    }
    .c-lap-2-10 {
        width: 20%
    }
    .c-lap-3-10 {
        width: 30%
    }
    .c-lap-4-10 {
        width: 40%
    }
    .c-lap-5-10 {
        width: 50%
    }
    .c-lap-6-10 {
        width: 60%
    }
    .c-lap-7-10 {
        width: 70%
    }
    .c-lap-8-10 {
        width: 80%
    }
    .c-lap-9-10 {
        width: 90%
    }
    .c-lap-10-10 {
        width: 100%
    }
    .c-lap-1-11 {
        width: 9.090909090909092%
    }
    .c-lap-2-11 {
        width: 18.181818181818183%
    }
    .c-lap-3-11 {
        width: 27.272727272727273%
    }
    .c-lap-4-11 {
        width: 36.36363636363637%
    }
    .c-lap-5-11 {
        width: 45.45454545454545%
    }
    .c-lap-6-11 {
        width: 54.54545454545455%
    }
    .c-lap-7-11 {
        width: 63.63636363636363%
    }
    .c-lap-8-11 {
        width: 72.72727272727273%
    }
    .c-lap-9-11 {
        width: 81.81818181818181%
    }
    .c-lap-10-11 {
        width: 90.9090909090909%
    }
    .c-lap-11-11 {
        width: 100%
    }
    .c-lap-1-12 {
        width: 8.333333333333334%
    }
    .c-lap-2-12 {
        width: 16.666666666666668%
    }
    .c-lap-3-12 {
        width: 25%
    }
    .c-lap-4-12 {
        width: 33.333333333333336%
    }
    .c-lap-5-12 {
        width: 41.666666666666664%
    }
    .c-lap-6-12 {
        width: 50%
    }
    .c-lap-7-12 {
        width: 58.333333333333336%
    }
    .c-lap-8-12 {
        width: 66.66666666666667%
    }
    .c-lap-9-12 {
        width: 75%
    }
    .c-lap-10-12 {
        width: 83.33333333333333%
    }
    .c-lap-11-12 {
        width: 91.66666666666667%
    }
    .c-lap-12-12 {
        width: 100%
    }
}

@media all and (max-width:1024px) {
    .c-pad-pro-1 {
        width: 1%
    }
    .c-pad-pro-2 {
        width: 2%
    }
    .c-pad-pro-3 {
        width: 3%
    }
    .c-pad-pro-4 {
        width: 4%
    }
    .c-pad-pro-5 {
        width: 5%
    }
    .c-pad-pro-6 {
        width: 6%
    }
    .c-pad-pro-7 {
        width: 7%
    }
    .c-pad-pro-8 {
        width: 8%
    }
    .c-pad-pro-9 {
        width: 9%
    }
    .c-pad-pro-10 {
        width: 10%
    }
    .c-pad-pro-11 {
        width: 11%
    }
    .c-pad-pro-12 {
        width: 12%
    }
    .c-pad-pro-13 {
        width: 13%
    }
    .c-pad-pro-14 {
        width: 14%
    }
    .c-pad-pro-15 {
        width: 15%
    }
    .c-pad-pro-16 {
        width: 16%
    }
    .c-pad-pro-17 {
        width: 17%
    }
    .c-pad-pro-18 {
        width: 18%
    }
    .c-pad-pro-19 {
        width: 19%
    }
    .c-pad-pro-20 {
        width: 20%
    }
    .c-pad-pro-21 {
        width: 21%
    }
    .c-pad-pro-22 {
        width: 22%
    }
    .c-pad-pro-23 {
        width: 23%
    }
    .c-pad-pro-24 {
        width: 24%
    }
    .c-pad-pro-25 {
        width: 25%
    }
    .c-pad-pro-26 {
        width: 26%
    }
    .c-pad-pro-27 {
        width: 27%
    }
    .c-pad-pro-28 {
        width: 28%
    }
    .c-pad-pro-29 {
        width: 29%
    }
    .c-pad-pro-30 {
        width: 30%
    }
    .c-pad-pro-31 {
        width: 31%
    }
    .c-pad-pro-32 {
        width: 32%
    }
    .c-pad-pro-33 {
        width: 33%
    }
    .c-pad-pro-34 {
        width: 34%
    }
    .c-pad-pro-35 {
        width: 35%
    }
    .c-pad-pro-36 {
        width: 36%
    }
    .c-pad-pro-37 {
        width: 37%
    }
    .c-pad-pro-38 {
        width: 38%
    }
    .c-pad-pro-39 {
        width: 39%
    }
    .c-pad-pro-40 {
        width: 40%
    }
    .c-pad-pro-41 {
        width: 41%
    }
    .c-pad-pro-42 {
        width: 42%
    }
    .c-pad-pro-43 {
        width: 43%
    }
    .c-pad-pro-44 {
        width: 44%
    }
    .c-pad-pro-45 {
        width: 45%
    }
    .c-pad-pro-46 {
        width: 46%
    }
    .c-pad-pro-47 {
        width: 47%
    }
    .c-pad-pro-48 {
        width: 48%
    }
    .c-pad-pro-49 {
        width: 49%
    }
    .c-pad-pro-50 {
        width: 50%
    }
    .c-pad-pro-51 {
        width: 51%
    }
    .c-pad-pro-52 {
        width: 52%
    }
    .c-pad-pro-53 {
        width: 53%
    }
    .c-pad-pro-54 {
        width: 54%
    }
    .c-pad-pro-55 {
        width: 55%
    }
    .c-pad-pro-56 {
        width: 56%
    }
    .c-pad-pro-57 {
        width: 57%
    }
    .c-pad-pro-58 {
        width: 58%
    }
    .c-pad-pro-59 {
        width: 59%
    }
    .c-pad-pro-60 {
        width: 60%
    }
    .c-pad-pro-61 {
        width: 61%
    }
    .c-pad-pro-62 {
        width: 62%
    }
    .c-pad-pro-63 {
        width: 63%
    }
    .c-pad-pro-64 {
        width: 64%
    }
    .c-pad-pro-65 {
        width: 65%
    }
    .c-pad-pro-66 {
        width: 66%
    }
    .c-pad-pro-67 {
        width: 67%
    }
    .c-pad-pro-68 {
        width: 68%
    }
    .c-pad-pro-69 {
        width: 69%
    }
    .c-pad-pro-70 {
        width: 70%
    }
    .c-pad-pro-71 {
        width: 71%
    }
    .c-pad-pro-72 {
        width: 72%
    }
    .c-pad-pro-73 {
        width: 73%
    }
    .c-pad-pro-74 {
        width: 74%
    }
    .c-pad-pro-75 {
        width: 75%
    }
    .c-pad-pro-76 {
        width: 76%
    }
    .c-pad-pro-77 {
        width: 77%
    }
    .c-pad-pro-78 {
        width: 78%
    }
    .c-pad-pro-79 {
        width: 79%
    }
    .c-pad-pro-80 {
        width: 80%
    }
    .c-pad-pro-81 {
        width: 81%
    }
    .c-pad-pro-82 {
        width: 82%
    }
    .c-pad-pro-83 {
        width: 83%
    }
    .c-pad-pro-84 {
        width: 84%
    }
    .c-pad-pro-85 {
        width: 85%
    }
    .c-pad-pro-86 {
        width: 86%
    }
    .c-pad-pro-87 {
        width: 87%
    }
    .c-pad-pro-88 {
        width: 88%
    }
    .c-pad-pro-89 {
        width: 89%
    }
    .c-pad-pro-90 {
        width: 90%
    }
    .c-pad-pro-91 {
        width: 91%
    }
    .c-pad-pro-92 {
        width: 92%
    }
    .c-pad-pro-93 {
        width: 93%
    }
    .c-pad-pro-94 {
        width: 94%
    }
    .c-pad-pro-95 {
        width: 95%
    }
    .c-pad-pro-96 {
        width: 96%
    }
    .c-pad-pro-97 {
        width: 97%
    }
    .c-pad-pro-98 {
        width: 98%
    }
    .c-pad-pro-99 {
        width: 99%
    }
    .c-pad-pro-100 {
        width: 100%
    }
    .c-pad-pro-1-3 {
        width: 33.333333333333336%
    }
    .c-pad-pro-2-3 {
        width: 66.66666666666667%
    }
    .c-pad-pro-3-3 {
        width: 100%
    }
    .c-pad-pro-1-4 {
        width: 25%
    }
    .c-pad-pro-2-4 {
        width: 50%
    }
    .c-pad-pro-3-4 {
        width: 75%
    }
    .c-pad-pro-4-4 {
        width: 100%
    }
    .c-pad-pro-1-5 {
        width: 20%
    }
    .c-pad-pro-2-5 {
        width: 40%
    }
    .c-pad-pro-3-5 {
        width: 60%
    }
    .c-pad-pro-4-5 {
        width: 80%
    }
    .c-pad-pro-5-5 {
        width: 100%
    }
    .c-pad-pro-1-6 {
        width: 16.666666666666668%
    }
    .c-pad-pro-2-6 {
        width: 33.333333333333336%
    }
    .c-pad-pro-3-6 {
        width: 50%
    }
    .c-pad-pro-4-6 {
        width: 66.66666666666667%
    }
    .c-pad-pro-5-6 {
        width: 83.33333333333333%
    }
    .c-pad-pro-6-6 {
        width: 100%
    }
    .c-pad-pro-1-7 {
        width: 14.285714285714286%
    }
    .c-pad-pro-2-7 {
        width: 28.571428571428573%
    }
    .c-pad-pro-3-7 {
        width: 42.857142857142854%
    }
    .c-pad-pro-4-7 {
        width: 57.142857142857146%
    }
    .c-pad-pro-5-7 {
        width: 71.42857142857143%
    }
    .c-pad-pro-6-7 {
        width: 85.71428571428571%
    }
    .c-pad-pro-7-7 {
        width: 100%
    }
    .c-pad-pro-1-8 {
        width: 12.5%
    }
    .c-pad-pro-2-8 {
        width: 25%
    }
    .c-pad-pro-3-8 {
        width: 37.5%
    }
    .c-pad-pro-4-8 {
        width: 50%
    }
    .c-pad-pro-5-8 {
        width: 62.5%
    }
    .c-pad-pro-6-8 {
        width: 75%
    }
    .c-pad-pro-7-8 {
        width: 87.5%
    }
    .c-pad-pro-8-8 {
        width: 100%
    }
    .c-pad-pro-1-9 {
        width: 11.11111111111111%
    }
    .c-pad-pro-2-9 {
        width: 22.22222222222222%
    }
    .c-pad-pro-3-9 {
        width: 33.333333333333336%
    }
    .c-pad-pro-4-9 {
        width: 44.44444444444444%
    }
    .c-pad-pro-5-9 {
        width: 55.55555555555556%
    }
    .c-pad-pro-6-9 {
        width: 66.66666666666667%
    }
    .c-pad-pro-7-9 {
        width: 77.77777777777777%
    }
    .c-pad-pro-8-9 {
        width: 88.88888888888889%
    }
    .c-pad-pro-9-9 {
        width: 100%
    }
    .c-pad-pro-1-10 {
        width: 10%
    }
    .c-pad-pro-2-10 {
        width: 20%
    }
    .c-pad-pro-3-10 {
        width: 30%
    }
    .c-pad-pro-4-10 {
        width: 40%
    }
    .c-pad-pro-5-10 {
        width: 50%
    }
    .c-pad-pro-6-10 {
        width: 60%
    }
    .c-pad-pro-7-10 {
        width: 70%
    }
    .c-pad-pro-8-10 {
        width: 80%
    }
    .c-pad-pro-9-10 {
        width: 90%
    }
    .c-pad-pro-10-10 {
        width: 100%
    }
    .c-pad-pro-1-11 {
        width: 9.090909090909092%
    }
    .c-pad-pro-2-11 {
        width: 18.181818181818183%
    }
    .c-pad-pro-3-11 {
        width: 27.272727272727273%
    }
    .c-pad-pro-4-11 {
        width: 36.36363636363637%
    }
    .c-pad-pro-5-11 {
        width: 45.45454545454545%
    }
    .c-pad-pro-6-11 {
        width: 54.54545454545455%
    }
    .c-pad-pro-7-11 {
        width: 63.63636363636363%
    }
    .c-pad-pro-8-11 {
        width: 72.72727272727273%
    }
    .c-pad-pro-9-11 {
        width: 81.81818181818181%
    }
    .c-pad-pro-10-11 {
        width: 90.9090909090909%
    }
    .c-pad-pro-11-11 {
        width: 100%
    }
    .c-pad-pro-1-12 {
        width: 8.333333333333334%
    }
    .c-pad-pro-2-12 {
        width: 16.666666666666668%
    }
    .c-pad-pro-3-12 {
        width: 25%
    }
    .c-pad-pro-4-12 {
        width: 33.333333333333336%
    }
    .c-pad-pro-5-12 {
        width: 41.666666666666664%
    }
    .c-pad-pro-6-12 {
        width: 50%
    }
    .c-pad-pro-7-12 {
        width: 58.333333333333336%
    }
    .c-pad-pro-8-12 {
        width: 66.66666666666667%
    }
    .c-pad-pro-9-12 {
        width: 75%
    }
    .c-pad-pro-10-12 {
        width: 83.33333333333333%
    }
    .c-pad-pro-11-12 {
        width: 91.66666666666667%
    }
    .c-pad-pro-12-12 {
        width: 100%
    }
}

@media all and (max-width:990px) {
    .c-desk-1 {
        width: 1%
    }
    .c-desk-2 {
        width: 2%
    }
    .c-desk-3 {
        width: 3%
    }
    .c-desk-4 {
        width: 4%
    }
    .c-desk-5 {
        width: 5%
    }
    .c-desk-6 {
        width: 6%
    }
    .c-desk-7 {
        width: 7%
    }
    .c-desk-8 {
        width: 8%
    }
    .c-desk-9 {
        width: 9%
    }
    .c-desk-10 {
        width: 10%
    }
    .c-desk-11 {
        width: 11%
    }
    .c-desk-12 {
        width: 12%
    }
    .c-desk-13 {
        width: 13%
    }
    .c-desk-14 {
        width: 14%
    }
    .c-desk-15 {
        width: 15%
    }
    .c-desk-16 {
        width: 16%
    }
    .c-desk-17 {
        width: 17%
    }
    .c-desk-18 {
        width: 18%
    }
    .c-desk-19 {
        width: 19%
    }
    .c-desk-20 {
        width: 20%
    }
    .c-desk-21 {
        width: 21%
    }
    .c-desk-22 {
        width: 22%
    }
    .c-desk-23 {
        width: 23%
    }
    .c-desk-24 {
        width: 24%
    }
    .c-desk-25 {
        width: 25%
    }
    .c-desk-26 {
        width: 26%
    }
    .c-desk-27 {
        width: 27%
    }
    .c-desk-28 {
        width: 28%
    }
    .c-desk-29 {
        width: 29%
    }
    .c-desk-30 {
        width: 30%
    }
    .c-desk-31 {
        width: 31%
    }
    .c-desk-32 {
        width: 32%
    }
    .c-desk-33 {
        width: 33%
    }
    .c-desk-34 {
        width: 34%
    }
    .c-desk-35 {
        width: 35%
    }
    .c-desk-36 {
        width: 36%
    }
    .c-desk-37 {
        width: 37%
    }
    .c-desk-38 {
        width: 38%
    }
    .c-desk-39 {
        width: 39%
    }
    .c-desk-40 {
        width: 40%
    }
    .c-desk-41 {
        width: 41%
    }
    .c-desk-42 {
        width: 42%
    }
    .c-desk-43 {
        width: 43%
    }
    .c-desk-44 {
        width: 44%
    }
    .c-desk-45 {
        width: 45%
    }
    .c-desk-46 {
        width: 46%
    }
    .c-desk-47 {
        width: 47%
    }
    .c-desk-48 {
        width: 48%
    }
    .c-desk-49 {
        width: 49%
    }
    .c-desk-50 {
        width: 50%
    }
    .c-desk-51 {
        width: 51%
    }
    .c-desk-52 {
        width: 52%
    }
    .c-desk-53 {
        width: 53%
    }
    .c-desk-54 {
        width: 54%
    }
    .c-desk-55 {
        width: 55%
    }
    .c-desk-56 {
        width: 56%
    }
    .c-desk-57 {
        width: 57%
    }
    .c-desk-58 {
        width: 58%
    }
    .c-desk-59 {
        width: 59%
    }
    .c-desk-60 {
        width: 60%
    }
    .c-desk-61 {
        width: 61%
    }
    .c-desk-62 {
        width: 62%
    }
    .c-desk-63 {
        width: 63%
    }
    .c-desk-64 {
        width: 64%
    }
    .c-desk-65 {
        width: 65%
    }
    .c-desk-66 {
        width: 66%
    }
    .c-desk-67 {
        width: 67%
    }
    .c-desk-68 {
        width: 68%
    }
    .c-desk-69 {
        width: 69%
    }
    .c-desk-70 {
        width: 70%
    }
    .c-desk-71 {
        width: 71%
    }
    .c-desk-72 {
        width: 72%
    }
    .c-desk-73 {
        width: 73%
    }
    .c-desk-74 {
        width: 74%
    }
    .c-desk-75 {
        width: 75%
    }
    .c-desk-76 {
        width: 76%
    }
    .c-desk-77 {
        width: 77%
    }
    .c-desk-78 {
        width: 78%
    }
    .c-desk-79 {
        width: 79%
    }
    .c-desk-80 {
        width: 80%
    }
    .c-desk-81 {
        width: 81%
    }
    .c-desk-82 {
        width: 82%
    }
    .c-desk-83 {
        width: 83%
    }
    .c-desk-84 {
        width: 84%
    }
    .c-desk-85 {
        width: 85%
    }
    .c-desk-86 {
        width: 86%
    }
    .c-desk-87 {
        width: 87%
    }
    .c-desk-88 {
        width: 88%
    }
    .c-desk-89 {
        width: 89%
    }
    .c-desk-90 {
        width: 90%
    }
    .c-desk-91 {
        width: 91%
    }
    .c-desk-92 {
        width: 92%
    }
    .c-desk-93 {
        width: 93%
    }
    .c-desk-94 {
        width: 94%
    }
    .c-desk-95 {
        width: 95%
    }
    .c-desk-96 {
        width: 96%
    }
    .c-desk-97 {
        width: 97%
    }
    .c-desk-98 {
        width: 98%
    }
    .c-desk-99 {
        width: 99%
    }
    .c-desk-100 {
        width: 100%
    }
    .c-desk-1-3 {
        width: 33.333333333333336%
    }
    .c-desk-2-3 {
        width: 66.66666666666667%
    }
    .c-desk-3-3 {
        width: 100%
    }
    .c-desk-1-4 {
        width: 25%
    }
    .c-desk-2-4 {
        width: 50%
    }
    .c-desk-3-4 {
        width: 75%
    }
    .c-desk-4-4 {
        width: 100%
    }
    .c-desk-1-5 {
        width: 20%
    }
    .c-desk-2-5 {
        width: 40%
    }
    .c-desk-3-5 {
        width: 60%
    }
    .c-desk-4-5 {
        width: 80%
    }
    .c-desk-5-5 {
        width: 100%
    }
    .c-desk-1-6 {
        width: 16.666666666666668%
    }
    .c-desk-2-6 {
        width: 33.333333333333336%
    }
    .c-desk-3-6 {
        width: 50%
    }
    .c-desk-4-6 {
        width: 66.66666666666667%
    }
    .c-desk-5-6 {
        width: 83.33333333333333%
    }
    .c-desk-6-6 {
        width: 100%
    }
    .c-desk-1-7 {
        width: 14.285714285714286%
    }
    .c-desk-2-7 {
        width: 28.571428571428573%
    }
    .c-desk-3-7 {
        width: 42.857142857142854%
    }
    .c-desk-4-7 {
        width: 57.142857142857146%
    }
    .c-desk-5-7 {
        width: 71.42857142857143%
    }
    .c-desk-6-7 {
        width: 85.71428571428571%
    }
    .c-desk-7-7 {
        width: 100%
    }
    .c-desk-1-8 {
        width: 12.5%
    }
    .c-desk-2-8 {
        width: 25%
    }
    .c-desk-3-8 {
        width: 37.5%
    }
    .c-desk-4-8 {
        width: 50%
    }
    .c-desk-5-8 {
        width: 62.5%
    }
    .c-desk-6-8 {
        width: 75%
    }
    .c-desk-7-8 {
        width: 87.5%
    }
    .c-desk-8-8 {
        width: 100%
    }
    .c-desk-1-9 {
        width: 11.11111111111111%
    }
    .c-desk-2-9 {
        width: 22.22222222222222%
    }
    .c-desk-3-9 {
        width: 33.333333333333336%
    }
    .c-desk-4-9 {
        width: 44.44444444444444%
    }
    .c-desk-5-9 {
        width: 55.55555555555556%
    }
    .c-desk-6-9 {
        width: 66.66666666666667%
    }
    .c-desk-7-9 {
        width: 77.77777777777777%
    }
    .c-desk-8-9 {
        width: 88.88888888888889%
    }
    .c-desk-9-9 {
        width: 100%
    }
    .c-desk-1-10 {
        width: 10%
    }
    .c-desk-2-10 {
        width: 20%
    }
    .c-desk-3-10 {
        width: 30%
    }
    .c-desk-4-10 {
        width: 40%
    }
    .c-desk-5-10 {
        width: 50%
    }
    .c-desk-6-10 {
        width: 60%
    }
    .c-desk-7-10 {
        width: 70%
    }
    .c-desk-8-10 {
        width: 80%
    }
    .c-desk-9-10 {
        width: 90%
    }
    .c-desk-10-10 {
        width: 100%
    }
    .c-desk-1-11 {
        width: 9.090909090909092%
    }
    .c-desk-2-11 {
        width: 18.181818181818183%
    }
    .c-desk-3-11 {
        width: 27.272727272727273%
    }
    .c-desk-4-11 {
        width: 36.36363636363637%
    }
    .c-desk-5-11 {
        width: 45.45454545454545%
    }
    .c-desk-6-11 {
        width: 54.54545454545455%
    }
    .c-desk-7-11 {
        width: 63.63636363636363%
    }
    .c-desk-8-11 {
        width: 72.72727272727273%
    }
    .c-desk-9-11 {
        width: 81.81818181818181%
    }
    .c-desk-10-11 {
        width: 90.9090909090909%
    }
    .c-desk-11-11 {
        width: 100%
    }
    .c-desk-1-12 {
        width: 8.333333333333334%
    }
    .c-desk-2-12 {
        width: 16.666666666666668%
    }
    .c-desk-3-12 {
        width: 25%
    }
    .c-desk-4-12 {
        width: 33.333333333333336%
    }
    .c-desk-5-12 {
        width: 41.666666666666664%
    }
    .c-desk-6-12 {
        width: 50%
    }
    .c-desk-7-12 {
        width: 58.333333333333336%
    }
    .c-desk-8-12 {
        width: 66.66666666666667%
    }
    .c-desk-9-12 {
        width: 75%
    }
    .c-desk-10-12 {
        width: 83.33333333333333%
    }
    .c-desk-11-12 {
        width: 91.66666666666667%
    }
    .c-desk-12-12 {
        width: 100%
    }
}

@media all and (max-width:768px) {
    .c-pad-1 {
        width: 1%
    }
    .c-pad-2 {
        width: 2%
    }
    .c-pad-3 {
        width: 3%
    }
    .c-pad-4 {
        width: 4%
    }
    .c-pad-5 {
        width: 5%
    }
    .c-pad-6 {
        width: 6%
    }
    .c-pad-7 {
        width: 7%
    }
    .c-pad-8 {
        width: 8%
    }
    .c-pad-9 {
        width: 9%
    }
    .c-pad-10 {
        width: 10%
    }
    .c-pad-11 {
        width: 11%
    }
    .c-pad-12 {
        width: 12%
    }
    .c-pad-13 {
        width: 13%
    }
    .c-pad-14 {
        width: 14%
    }
    .c-pad-15 {
        width: 15%
    }
    .c-pad-16 {
        width: 16%
    }
    .c-pad-17 {
        width: 17%
    }
    .c-pad-18 {
        width: 18%
    }
    .c-pad-19 {
        width: 19%
    }
    .c-pad-20 {
        width: 20%
    }
    .c-pad-21 {
        width: 21%
    }
    .c-pad-22 {
        width: 22%
    }
    .c-pad-23 {
        width: 23%
    }
    .c-pad-24 {
        width: 24%
    }
    .c-pad-25 {
        width: 25%
    }
    .c-pad-26 {
        width: 26%
    }
    .c-pad-27 {
        width: 27%
    }
    .c-pad-28 {
        width: 28%
    }
    .c-pad-29 {
        width: 29%
    }
    .c-pad-30 {
        width: 30%
    }
    .c-pad-31 {
        width: 31%
    }
    .c-pad-32 {
        width: 32%
    }
    .c-pad-33 {
        width: 33%
    }
    .c-pad-34 {
        width: 34%
    }
    .c-pad-35 {
        width: 35%
    }
    .c-pad-36 {
        width: 36%
    }
    .c-pad-37 {
        width: 37%
    }
    .c-pad-38 {
        width: 38%
    }
    .c-pad-39 {
        width: 39%
    }
    .c-pad-40 {
        width: 40%
    }
    .c-pad-41 {
        width: 41%
    }
    .c-pad-42 {
        width: 42%
    }
    .c-pad-43 {
        width: 43%
    }
    .c-pad-44 {
        width: 44%
    }
    .c-pad-45 {
        width: 45%
    }
    .c-pad-46 {
        width: 46%
    }
    .c-pad-47 {
        width: 47%
    }
    .c-pad-48 {
        width: 48%
    }
    .c-pad-49 {
        width: 49%
    }
    .c-pad-50 {
        width: 50%
    }
    .c-pad-51 {
        width: 51%
    }
    .c-pad-52 {
        width: 52%
    }
    .c-pad-53 {
        width: 53%
    }
    .c-pad-54 {
        width: 54%
    }
    .c-pad-55 {
        width: 55%
    }
    .c-pad-56 {
        width: 56%
    }
    .c-pad-57 {
        width: 57%
    }
    .c-pad-58 {
        width: 58%
    }
    .c-pad-59 {
        width: 59%
    }
    .c-pad-60 {
        width: 60%
    }
    .c-pad-61 {
        width: 61%
    }
    .c-pad-62 {
        width: 62%
    }
    .c-pad-63 {
        width: 63%
    }
    .c-pad-64 {
        width: 64%
    }
    .c-pad-65 {
        width: 65%
    }
    .c-pad-66 {
        width: 66%
    }
    .c-pad-67 {
        width: 67%
    }
    .c-pad-68 {
        width: 68%
    }
    .c-pad-69 {
        width: 69%
    }
    .c-pad-70 {
        width: 70%
    }
    .c-pad-71 {
        width: 71%
    }
    .c-pad-72 {
        width: 72%
    }
    .c-pad-73 {
        width: 73%
    }
    .c-pad-74 {
        width: 74%
    }
    .c-pad-75 {
        width: 75%
    }
    .c-pad-76 {
        width: 76%
    }
    .c-pad-77 {
        width: 77%
    }
    .c-pad-78 {
        width: 78%
    }
    .c-pad-79 {
        width: 79%
    }
    .c-pad-80 {
        width: 80%
    }
    .c-pad-81 {
        width: 81%
    }
    .c-pad-82 {
        width: 82%
    }
    .c-pad-83 {
        width: 83%
    }
    .c-pad-84 {
        width: 84%
    }
    .c-pad-85 {
        width: 85%
    }
    .c-pad-86 {
        width: 86%
    }
    .c-pad-87 {
        width: 87%
    }
    .c-pad-88 {
        width: 88%
    }
    .c-pad-89 {
        width: 89%
    }
    .c-pad-90 {
        width: 90%
    }
    .c-pad-91 {
        width: 91%
    }
    .c-pad-92 {
        width: 92%
    }
    .c-pad-93 {
        width: 93%
    }
    .c-pad-94 {
        width: 94%
    }
    .c-pad-95 {
        width: 95%
    }
    .c-pad-96 {
        width: 96%
    }
    .c-pad-97 {
        width: 97%
    }
    .c-pad-98 {
        width: 98%
    }
    .c-pad-99 {
        width: 99%
    }
    .c-pad-100 {
        width: 100%
    }
    .c-pad-1-3 {
        width: 33.333333333333336%
    }
    .c-pad-2-3 {
        width: 66.66666666666667%
    }
    .c-pad-3-3 {
        width: 100%
    }
    .c-pad-1-4 {
        width: 25%
    }
    .c-pad-2-4 {
        width: 50%
    }
    .c-pad-3-4 {
        width: 75%
    }
    .c-pad-4-4 {
        width: 100%
    }
    .c-pad-1-5 {
        width: 20%
    }
    .c-pad-2-5 {
        width: 40%
    }
    .c-pad-3-5 {
        width: 60%
    }
    .c-pad-4-5 {
        width: 80%
    }
    .c-pad-5-5 {
        width: 100%
    }
    .c-pad-1-6 {
        width: 16.666666666666668%
    }
    .c-pad-2-6 {
        width: 33.333333333333336%
    }
    .c-pad-3-6 {
        width: 50%
    }
    .c-pad-4-6 {
        width: 66.66666666666667%
    }
    .c-pad-5-6 {
        width: 83.33333333333333%
    }
    .c-pad-6-6 {
        width: 100%
    }
    .c-pad-1-7 {
        width: 14.285714285714286%
    }
    .c-pad-2-7 {
        width: 28.571428571428573%
    }
    .c-pad-3-7 {
        width: 42.857142857142854%
    }
    .c-pad-4-7 {
        width: 57.142857142857146%
    }
    .c-pad-5-7 {
        width: 71.42857142857143%
    }
    .c-pad-6-7 {
        width: 85.71428571428571%
    }
    .c-pad-7-7 {
        width: 100%
    }
    .c-pad-1-8 {
        width: 12.5%
    }
    .c-pad-2-8 {
        width: 25%
    }
    .c-pad-3-8 {
        width: 37.5%
    }
    .c-pad-4-8 {
        width: 50%
    }
    .c-pad-5-8 {
        width: 62.5%
    }
    .c-pad-6-8 {
        width: 75%
    }
    .c-pad-7-8 {
        width: 87.5%
    }
    .c-pad-8-8 {
        width: 100%
    }
    .c-pad-1-9 {
        width: 11.11111111111111%
    }
    .c-pad-2-9 {
        width: 22.22222222222222%
    }
    .c-pad-3-9 {
        width: 33.333333333333336%
    }
    .c-pad-4-9 {
        width: 44.44444444444444%
    }
    .c-pad-5-9 {
        width: 55.55555555555556%
    }
    .c-pad-6-9 {
        width: 66.66666666666667%
    }
    .c-pad-7-9 {
        width: 77.77777777777777%
    }
    .c-pad-8-9 {
        width: 88.88888888888889%
    }
    .c-pad-9-9 {
        width: 100%
    }
    .c-pad-1-10 {
        width: 10%
    }
    .c-pad-2-10 {
        width: 20%
    }
    .c-pad-3-10 {
        width: 30%
    }
    .c-pad-4-10 {
        width: 40%
    }
    .c-pad-5-10 {
        width: 50%
    }
    .c-pad-6-10 {
        width: 60%
    }
    .c-pad-7-10 {
        width: 70%
    }
    .c-pad-8-10 {
        width: 80%
    }
    .c-pad-9-10 {
        width: 90%
    }
    .c-pad-10-10 {
        width: 100%
    }
    .c-pad-1-11 {
        width: 9.090909090909092%
    }
    .c-pad-2-11 {
        width: 18.181818181818183%
    }
    .c-pad-3-11 {
        width: 27.272727272727273%
    }
    .c-pad-4-11 {
        width: 36.36363636363637%
    }
    .c-pad-5-11 {
        width: 45.45454545454545%
    }
    .c-pad-6-11 {
        width: 54.54545454545455%
    }
    .c-pad-7-11 {
        width: 63.63636363636363%
    }
    .c-pad-8-11 {
        width: 72.72727272727273%
    }
    .c-pad-9-11 {
        width: 81.81818181818181%
    }
    .c-pad-10-11 {
        width: 90.9090909090909%
    }
    .c-pad-11-11 {
        width: 100%
    }
    .c-pad-1-12 {
        width: 8.333333333333334%
    }
    .c-pad-2-12 {
        width: 16.666666666666668%
    }
    .c-pad-3-12 {
        width: 25%
    }
    .c-pad-4-12 {
        width: 33.333333333333336%
    }
    .c-pad-5-12 {
        width: 41.666666666666664%
    }
    .c-pad-6-12 {
        width: 50%
    }
    .c-pad-7-12 {
        width: 58.333333333333336%
    }
    .c-pad-8-12 {
        width: 66.66666666666667%
    }
    .c-pad-9-12 {
        width: 75%
    }
    .c-pad-10-12 {
        width: 83.33333333333333%
    }
    .c-pad-11-12 {
        width: 91.66666666666667%
    }
    .c-pad-12-12 {
        width: 100%
    }
}

@media all and (max-width:580px) {
    .c-mob-1 {
        width: 1%
    }
    .c-mob-2 {
        width: 2%
    }
    .c-mob-3 {
        width: 3%
    }
    .c-mob-4 {
        width: 4%
    }
    .c-mob-5 {
        width: 5%
    }
    .c-mob-6 {
        width: 6%
    }
    .c-mob-7 {
        width: 7%
    }
    .c-mob-8 {
        width: 8%
    }
    .c-mob-9 {
        width: 9%
    }
    .c-mob-10 {
        width: 10%
    }
    .c-mob-11 {
        width: 11%
    }
    .c-mob-12 {
        width: 12%
    }
    .c-mob-13 {
        width: 13%
    }
    .c-mob-14 {
        width: 14%
    }
    .c-mob-15 {
        width: 15%
    }
    .c-mob-16 {
        width: 16%
    }
    .c-mob-17 {
        width: 17%
    }
    .c-mob-18 {
        width: 18%
    }
    .c-mob-19 {
        width: 19%
    }
    .c-mob-20 {
        width: 20%
    }
    .c-mob-21 {
        width: 21%
    }
    .c-mob-22 {
        width: 22%
    }
    .c-mob-23 {
        width: 23%
    }
    .c-mob-24 {
        width: 24%
    }
    .c-mob-25 {
        width: 25%
    }
    .c-mob-26 {
        width: 26%
    }
    .c-mob-27 {
        width: 27%
    }
    .c-mob-28 {
        width: 28%
    }
    .c-mob-29 {
        width: 29%
    }
    .c-mob-30 {
        width: 30%
    }
    .c-mob-31 {
        width: 31%
    }
    .c-mob-32 {
        width: 32%
    }
    .c-mob-33 {
        width: 33%
    }
    .c-mob-34 {
        width: 34%
    }
    .c-mob-35 {
        width: 35%
    }
    .c-mob-36 {
        width: 36%
    }
    .c-mob-37 {
        width: 37%
    }
    .c-mob-38 {
        width: 38%
    }
    .c-mob-39 {
        width: 39%
    }
    .c-mob-40 {
        width: 40%
    }
    .c-mob-41 {
        width: 41%
    }
    .c-mob-42 {
        width: 42%
    }
    .c-mob-43 {
        width: 43%
    }
    .c-mob-44 {
        width: 44%
    }
    .c-mob-45 {
        width: 45%
    }
    .c-mob-46 {
        width: 46%
    }
    .c-mob-47 {
        width: 47%
    }
    .c-mob-48 {
        width: 48%
    }
    .c-mob-49 {
        width: 49%
    }
    .c-mob-50 {
        width: 50%
    }
    .c-mob-51 {
        width: 51%
    }
    .c-mob-52 {
        width: 52%
    }
    .c-mob-53 {
        width: 53%
    }
    .c-mob-54 {
        width: 54%
    }
    .c-mob-55 {
        width: 55%
    }
    .c-mob-56 {
        width: 56%
    }
    .c-mob-57 {
        width: 57%
    }
    .c-mob-58 {
        width: 58%
    }
    .c-mob-59 {
        width: 59%
    }
    .c-mob-60 {
        width: 60%
    }
    .c-mob-61 {
        width: 61%
    }
    .c-mob-62 {
        width: 62%
    }
    .c-mob-63 {
        width: 63%
    }
    .c-mob-64 {
        width: 64%
    }
    .c-mob-65 {
        width: 65%
    }
    .c-mob-66 {
        width: 66%
    }
    .c-mob-67 {
        width: 67%
    }
    .c-mob-68 {
        width: 68%
    }
    .c-mob-69 {
        width: 69%
    }
    .c-mob-70 {
        width: 70%
    }
    .c-mob-71 {
        width: 71%
    }
    .c-mob-72 {
        width: 72%
    }
    .c-mob-73 {
        width: 73%
    }
    .c-mob-74 {
        width: 74%
    }
    .c-mob-75 {
        width: 75%
    }
    .c-mob-76 {
        width: 76%
    }
    .c-mob-77 {
        width: 77%
    }
    .c-mob-78 {
        width: 78%
    }
    .c-mob-79 {
        width: 79%
    }
    .c-mob-80 {
        width: 80%
    }
    .c-mob-81 {
        width: 81%
    }
    .c-mob-82 {
        width: 82%
    }
    .c-mob-83 {
        width: 83%
    }
    .c-mob-84 {
        width: 84%
    }
    .c-mob-85 {
        width: 85%
    }
    .c-mob-86 {
        width: 86%
    }
    .c-mob-87 {
        width: 87%
    }
    .c-mob-88 {
        width: 88%
    }
    .c-mob-89 {
        width: 89%
    }
    .c-mob-90 {
        width: 90%
    }
    .c-mob-91 {
        width: 91%
    }
    .c-mob-92 {
        width: 92%
    }
    .c-mob-93 {
        width: 93%
    }
    .c-mob-94 {
        width: 94%
    }
    .c-mob-95 {
        width: 95%
    }
    .c-mob-96 {
        width: 96%
    }
    .c-mob-97 {
        width: 97%
    }
    .c-mob-98 {
        width: 98%
    }
    .c-mob-99 {
        width: 99%
    }
    .c-mob-100 {
        width: 100%
    }
    .c-mob-1-3 {
        width: 33.333333333333336%
    }
    .c-mob-2-3 {
        width: 66.66666666666667%
    }
    .c-mob-3-3 {
        width: 100%
    }
    .c-mob-1-4 {
        width: 25%
    }
    .c-mob-2-4 {
        width: 50%
    }
    .c-mob-3-4 {
        width: 75%
    }
    .c-mob-4-4 {
        width: 100%
    }
    .c-mob-1-5 {
        width: 20%
    }
    .c-mob-2-5 {
        width: 40%
    }
    .c-mob-3-5 {
        width: 60%
    }
    .c-mob-4-5 {
        width: 80%
    }
    .c-mob-5-5 {
        width: 100%
    }
    .c-mob-1-6 {
        width: 16.666666666666668%
    }
    .c-mob-2-6 {
        width: 33.333333333333336%
    }
    .c-mob-3-6 {
        width: 50%
    }
    .c-mob-4-6 {
        width: 66.66666666666667%
    }
    .c-mob-5-6 {
        width: 83.33333333333333%
    }
    .c-mob-6-6 {
        width: 100%
    }
    .c-mob-1-7 {
        width: 14.285714285714286%
    }
    .c-mob-2-7 {
        width: 28.571428571428573%
    }
    .c-mob-3-7 {
        width: 42.857142857142854%
    }
    .c-mob-4-7 {
        width: 57.142857142857146%
    }
    .c-mob-5-7 {
        width: 71.42857142857143%
    }
    .c-mob-6-7 {
        width: 85.71428571428571%
    }
    .c-mob-7-7 {
        width: 100%
    }
    .c-mob-1-8 {
        width: 12.5%
    }
    .c-mob-2-8 {
        width: 25%
    }
    .c-mob-3-8 {
        width: 37.5%
    }
    .c-mob-4-8 {
        width: 50%
    }
    .c-mob-5-8 {
        width: 62.5%
    }
    .c-mob-6-8 {
        width: 75%
    }
    .c-mob-7-8 {
        width: 87.5%
    }
    .c-mob-8-8 {
        width: 100%
    }
    .c-mob-1-9 {
        width: 11.11111111111111%
    }
    .c-mob-2-9 {
        width: 22.22222222222222%
    }
    .c-mob-3-9 {
        width: 33.333333333333336%
    }
    .c-mob-4-9 {
        width: 44.44444444444444%
    }
    .c-mob-5-9 {
        width: 55.55555555555556%
    }
    .c-mob-6-9 {
        width: 66.66666666666667%
    }
    .c-mob-7-9 {
        width: 77.77777777777777%
    }
    .c-mob-8-9 {
        width: 88.88888888888889%
    }
    .c-mob-9-9 {
        width: 100%
    }
    .c-mob-1-10 {
        width: 10%
    }
    .c-mob-2-10 {
        width: 20%
    }
    .c-mob-3-10 {
        width: 30%
    }
    .c-mob-4-10 {
        width: 40%
    }
    .c-mob-5-10 {
        width: 50%
    }
    .c-mob-6-10 {
        width: 60%
    }
    .c-mob-7-10 {
        width: 70%
    }
    .c-mob-8-10 {
        width: 80%
    }
    .c-mob-9-10 {
        width: 90%
    }
    .c-mob-10-10 {
        width: 100%
    }
    .c-mob-1-11 {
        width: 9.090909090909092%
    }
    .c-mob-2-11 {
        width: 18.181818181818183%
    }
    .c-mob-3-11 {
        width: 27.272727272727273%
    }
    .c-mob-4-11 {
        width: 36.36363636363637%
    }
    .c-mob-5-11 {
        width: 45.45454545454545%
    }
    .c-mob-6-11 {
        width: 54.54545454545455%
    }
    .c-mob-7-11 {
        width: 63.63636363636363%
    }
    .c-mob-8-11 {
        width: 72.72727272727273%
    }
    .c-mob-9-11 {
        width: 81.81818181818181%
    }
    .c-mob-10-11 {
        width: 90.9090909090909%
    }
    .c-mob-11-11 {
        width: 100%
    }
    .c-mob-1-12 {
        width: 8.333333333333334%
    }
    .c-mob-2-12 {
        width: 16.666666666666668%
    }
    .c-mob-3-12 {
        width: 25%
    }
    .c-mob-4-12 {
        width: 33.333333333333336%
    }
    .c-mob-5-12 {
        width: 41.666666666666664%
    }
    .c-mob-6-12 {
        width: 50%
    }
    .c-mob-7-12 {
        width: 58.333333333333336%
    }
    .c-mob-8-12 {
        width: 66.66666666666667%
    }
    .c-mob-9-12 {
        width: 75%
    }
    .c-mob-10-12 {
        width: 83.33333333333333%
    }
    .c-mob-11-12 {
        width: 91.66666666666667%
    }
    .c-mob-12-12 {
        width: 100%
    }
}

html,
body {
    padding: 0;
    margin: 0;
    font-family: var(--ff);
    font-size: 16px;
    color: var(--color-text)
}

.opened_sidebar {
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none
}

.b.pt {
    padding-top: var(--m4)
}

.b.pb {
    padding-bottom: var(--m4)
}

.d {
    width: 100%;
    max-width: var(--width);
    padding: 0 var(--ph);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

* {
    outline: none
}

img {
    max-width: 100%
}

.img {
    background-color: var(--color-border);
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.img:before {
    content: " ";
    display: block;
    padding-bottom: 100%
}

.img.ratio_2_3:before {
    padding-bottom: 66%
}

.img.ratio_school_material:before {
    padding-bottom: 55%;
    padding-bottom: 50%
}

.img_title {
    margin-top: var(--m);
    text-align: center;
    font-size: 15px;
    font-family: var(--ff-title)
}

.tac {
    text-align: center
}

.tal {
    text-align: left
}

.tar {
    text-align: right
}

.w100 {
    width: 100%
}

.upper {
    text-transform: uppercase
}

.ulogin:empty {
    display: none
}

.dn {
    display: none !important
}

.upper {
    text-transform: uppercase
}

.row {
    --c: 0;
    margin: 0 calc(0px - var(--c))
}

.row .c {
    padding: 0 var(--c);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.row .c.txt {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.row .c.txt:first-child {
    padding-right: var(--p4)
}

.row .c.txt:last-child {
    padding-left: var(--p4)
}

.row .c.image img {
    width: 100%;
    max-width: 350px
}

.row_m {
    --c: var(--m)
}

.res {
    display: none;
    background: #f7f7f8;
    text-align: center;
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    margin-bottom: var(--m2)
}

.res.mb0 {
    margin-bottom: 0
}

.pointer {
    cursor: pointer
}

.p_mt {
    margin-top: var(--p) !important
}

.p_mb {
    margin-bottom: var(--p) !important
}

.p_2_mb {
    margin-bottom: calc(var(--p) / 2) !important
}

.p2_mb {
    margin-bottom: var(--p2) !important
}

.p2_mt {
    margin-top: var(--p2) !important
}

.p4_mb {
    margin-bottom: var(--p4) !important
}

.m_ml {
    margin-left: var(--m) !important
}

.m_mt {
    margin-top: var(--m) !important
}

.m_mb {
    margin-bottom: var(--m) !important
}

.m_2_mb {
    margin-bottom: var(--m_2) !important
}

.m2_pt {
    padding-top: var(--m2) !important
}

.m2_pb {
    padding-bottom: var(--m2) !important
}

.m2_mt {
    margin-top: var(--m2) !important
}

.m2_mb {
    margin-bottom: var(--m2) !important
}

.m4_pt {
    padding-top: var(--m4) !important
}

.m4_mt {
    margin-top: var(--m4) !important
}

.m4_mb {
    margin-bottom: var(--m4) !important
}

.mb0 {
    margin-bottom: 0
}

.pre_wrap {
    white-space: pre-wrap
}

.grecaptcha-badge {
    visibility: hidden
}

.ulogin {
    display: flex;
    align-items: center;
    justify-content: center
}

.ulogin [class^=ulogin-button] {
    background: none !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.ulogin [class^=ulogin-button]:last-child {
    margin-right: 0 !important
}

.ulogin .ulogin-button-vkontakte {
    background-image: url("../img/icons/vk.svg") !important
}

.ulogin .ulogin-button-odnoklassniki {
    background-image: url("../img/icons/ok.svg") !important
}

.ulogin .ulogin-button-mailru {
    background-image: url("../img/icons/mail.svg") !important
}

.ulogin .ulogin-button-facebook {
    background-image: url("../img/icons/fb.svg") !important
}

[id^=google_captcha] {
    margin-bottom: var(--p2)
}

body.app #d_crumbs,
body.app #b_contacts,
body.app #b_personal_company {
    display: none
}

#wback {
    display: block;
    width: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    overflow: auto;
    z-index: 5000;
    position: fixed;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -ms-transition-duration: .25s;
    transition-duration: .25s
}

#wback.open {
    height: 100%;
    opacity: 1;
    pointer-events: all
}

#window_close {
    position: absolute;
    top: 5px;
    right: 13px;
    font-size: 2rem;
    line-height: 2rem;
    color: $COLOR;
    cursor: pointer
}

#window {
    background: #fff;
    max-width: 800px;
    margin: 50px auto;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35)
}

#window #w_inner.load {
    text-align: center;
    line-height: 160px
}

#window.smi_window {
    background: none;
    box-shadow: none
}

#window.smi_window #window_close {
    z-index: 10
}

#background {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: $color2-1-t1;
    display: none;
    opacity: 0;
    z-index: 500;
    top: 0;
    overflow: auto
}

#back {
    position: relative;
    width: 100%;
    height: 100%
}

#window {
    background: #fff;
    padding: var(--m2)
}

#window .back {
    background: url("../img/icons/arrow.sidebar.svg") left top no-repeat;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 44px;
    margin-bottom: var(--m2);
    cursor: pointer
}

#b_contacts .contacts {
    max-width: 800px;
    margin: 0 auto;
    margin-top: var(--m4);
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

#b_contacts .el {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

#b_contacts .el .icon {
    width: 64px;
    height: 64px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: var(--m)
}

#b_contacts a {
    color: var(--color-text);
    text-decoration: none
}

#b_contacts a:hover {
    text-decoration: underline
}

#b_contacts .email {
    background-image: url("../img/icons/email.svg")
}

#b_contacts .phone {
    background-image: url("../img/icons/phone.svg")
}

#b_contacts .wa {
    background-image: url("/local/templates/buket_new/img/icons/wa.svg")
}

#b_contacts .faq {
    background-image: url("../img/icons/faq.svg")
}

#b_personal_company #contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--p4)
}

#b_personal_company #contacts img {
    width: 191px;
    margin: 0 auto var(--p2)
}

#b_personal_company #contacts .contact {
    padding: var(--m4);
    background: var(--color-bg-gray)
}

#b_crumbs {
    padding: var(--m2) 0;
    font-size: 12px
}

#b_crumbs .crumb:not(:last-child):after {
    content: "/";
    margin: 0 10px
}

#b_crumbs a {
    color: var(--color-text);
    text-transform: uppercase;
    text-decoration: none
}

#b_crumbs a:hover {
    text-decoration: underline
}

.faq_list .owl-stage {
    display: flex
}

.faq_list .owl-item {
    background: var(--color-bg-gray)
}

.faq_list .faq {
    padding: var(--m2);
    background: var(--color-bg-gray)
}

#b_footer {
    background: var(--color-text);
    color: #fff;
    padding: 64px 0 39px;
    font-size: 12px;
    margin-top: 74px
}

#b_footer #d_footer {
    padding-bottom: 32px;
    display: flex
}

#b_footer #d_footer .menus {
    flex: 1;
    display: flex
}

#b_footer #d_footer .menu {}

#b_footer #d_footer a,
#b_footer #d_footer .to_top {
    cursor: pointer;
    color: inherit;
    line-height: 2;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    text-decoration: none
}

#b_footer #d_footer a:hover,
#b_footer #d_footer .to_top:hover {
    color: rgba(255, 255, 255, 0.4)
}

#b_footer #d_footer .to_top {
    border-bottom: 1px solid #fff
}

#b_footer #d_footer .to_top:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4)
}

#b_footer .input_wrap {
    display: flex;
    margin-bottom: 12px
}

#b_footer .input_wrap input,
#b_footer .input_wrap button {
    border-radius: 0;
    height: 60px;
    border: 1px solid #fff;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#b_footer .input_wrap input {
    flex: 1;
    border-right: none;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

#b_footer .input_wrap input:-ms-input-placeholder {
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    appearance: textfield
}

#b_footer .input_wrap input:-moz-placeholder {
    opacity: 1;
    -moz-appearance: textfield;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#b_footer .input_wrap input::-moz-placeholder {
    opacity: 1;
    -moz-appearance: textfield;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#b_footer .input_wrap input::-webkit-input-placeholder {
    -webkit-appearance: textfield;
    color: #fff;
    height: 60px;
    line-height: 60px;
    padding-left: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#b_footer .input_wrap button {
    padding: 0 24px;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

#b_footer .input_wrap button:after {
    content: " ";
    display: inline-block;
    width: 4px;
    height: 9px;
    margin-left: 9px;
    background: url("../img/icons/arrow.right.white.svg")
}

#b_footer .input_wrap button:hover {
    background: #fff;
    color: var(--color-text)
}

#b_footer .input_wrap button:hover:after {
    background: url("../img/icons/arrow.right.black.svg")
}

#b_footer #d_footer_contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    padding-top: 28px
}

#b_footer .logo {
    display: block;
    width: 36px;
    height: 36px;
    background: url("../img/icons/footer.svg") center no-repeat
}

#b_footer .contacts {
    margin-top: 28px
}

#b_footer .contacts a {
    color: inherit;
    text-decoration: none
}

#b_footer .contacts a:hover {
    text-decoration: underline
}

#b_footer .contacts .el+.el {
    margin-top: 4px
}

#b_footer .contacts span {
    margin-right: 4px
}

#b_footer .contacts .address {
    text-decoration: none !important;
    border-bottom: 1px solid #fff
}

#b_footer .soc {
    margin-top: 25px;
    display: flex;
    align-items: center
}

#b_footer .soc .el {
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat
}

#b_footer .soc .vk {
    background-image: url("../img/icons/vk.svg")
}

#b_footer .soc .ig,
#b_footer .soc .insta {
    background-image: url("../img/footer/ig.svg")
}

#b_footer .soc .fb {
    background-image: url("../img/footer/fb.svg")
}

#b_footer .soc .tg {
    background-image: url("../img/icons/tg.svg");
    background-size: 20px
}

#b_footer2 {
    background: var(--color-text);
    color: #fff;
    border-top: 1px solid #fff;
    line-height: 2;
    padding: 24px 0 32px
}

#b_footer2 #d_footer2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-family: var(--ff);
    text-transform: uppercase
}

#b_footer2 a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent
}

#b_footer2 a:not(.el):hover {
    border-bottom: 1px solid #fff
}

#b_footer2 .developer a {
    border-bottom: 1px solid #fff
}

#b_footer2 .messengers {
    display: flex
}

#b_footer2 .messengers .el {
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

#b_footer2 .messengers .el.tg {
    background-image: url("../img/icons/tg.svg")
}

#b_footer2 .messengers .el.wa {
    background-image: url("../img/icons/wa_white.svg")
}

#b_footer2 .messengers .el+.phone {
    margin-left: 10px
}

#b_footer2 .group {
    display: flex;
    flex: 1
}

#mobile_menu {
    display: none
}

.profile_wrap {
    display: grid;
    grid-template-columns: 305px minmax(0, 1fr);
    grid-gap: 50px
}

.profile_menu .menu {
    display: flex;
    flex-direction: column
}

.profile_menu .el {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time);
    -moz-transition-duration: var(--time);
    -o-transition-duration: var(--time);
    -ms-transition-duration: var(--time);
    transition-duration: var(--time);
    color: var(--color-gray-dark)
}

.profile_menu .el:hover,
.profile_menu .el.selected {
    color: var(--color-text)
}

.profile_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--p4)
}

.profile_list.items1 {
    grid-template-columns: 1fr;
    grid-gap: var(--m)
}

.profile_list .el:not(.add) {
    border: 1px solid var(--color-gray-verylight);
    padding: var(--m);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1)
}

.profile_list .txt {
    font-size: 12px;
    padding-top: 6px;
    line-height: 18px
}

.profile_list .address .txt {
    background: url("../img/icons/point.svg") left top no-repeat;
    padding-left: 36px
}

.profile_list .add {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border: 1px solid transparent
}

.profile_list .add:hover {
    border: 1px solid var(--color-gray-verylight);
    box-shadow: var(--bs-vert)
}

.profile_list .icon {
    width: 64px;
    height: 64px;
    margin-bottom: var(--p_2);
    background-position: center center;
    background-repeat: no-repeat
}

.profile_list .add_address {
    background-image: url("../img/icons/add_address.svg")
}

.profile_list .add_date {
    background-image: url("../img/icons/add_date.svg")
}

.profile_list .date_list .li {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    justify-content: space-between
}

.profile_list .date_list .value {
    color: var(--color-gray-dark)
}

.order_detail .detail_title {
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: var(--p2);
    margin-bottom: var(--p2);
    text-align: center;
    letter-spacing: 1px;
    border-bottom: 1px solid var(--color-gray-light)
}

.order_detail .detail {
    font-size: 13px;
    line-height: 22px
}

.order_detail .detail .label {
    font-weight: bold
}

.order_detail .detail+.detail {
    margin-top: var(--p2)
}

.order_detail .cancel_info {
    padding-left: 30px;
    background: url("../img/icons/tooltip.svg") left top no-repeat;
    color: var(--color-gray-dark);
    font-size: 13px;
    line-height: 24px
}

.order_card_wrap {
    background: var(--color-bg-gray);
    padding: var(--m2)
}

.order_card_wrap .title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.order_card_wrap .img {
    width: 96px
}

.order_card_wrap .table_wrap {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr) minmax(0, 1fr) 120px 120px
}

.order_card_wrap .name_wrap,
.order_card_wrap .td.empty,
.order_card_wrap .total {
    grid-column: 2 span
}

.order_card_wrap .td:not(:empty,
.order_card_wrap .no_bb),
.order_card_wrap .th {
    border-bottom: 1px solid var(--color-gray-light)
}

.order_card_wrap .td,
.order_card_wrap .th {
    padding: var(--m);
    font-size: 12px
}

.order_card_wrap .td.td_p,
.order_card_wrap .th.td_p {
    padding-top: var(--p2);
    padding-bottom: var(--p2)
}

.order_card_wrap .td.img_wrap,
.order_card_wrap .th.img_wrap {
    padding-left: 0;
    padding-right: 0
}

.order_card_wrap .name {
    text-transform: uppercase
}

.order_card_wrap .tar {
    padding-right: 0
}

.order_card_wrap .total {
    text-transform: uppercase
}

.card_info .el {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 18px
}

.card_info .value {
    color: var(--color-gray-dark)
}

#auth_by_sms,
#sms_code,
#send_again {
    display: none
}

#month.select.gray .value {
    height: var(--input-height)
}

#b_search_wrap {
    --h: 60px;
    position: fixed;
    height: 100vh;
    top: 130px;
    left: 0;
    width: 100%;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

#b_search_wrap.open {
    pointer-events: all;
    opacity: 1
}

#b_search_wrap .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-gray-verylight);
    z-index: 0;
    cursor: pointer
}

#b_search_wrap #b_search {
    background: #fff;
    border-bottom: var(--border);
    position: relative;
    z-index: 1
}

#b_search_wrap input {
    font-size: 22px;
    border: none;
    flex: 1;
    height: var(--h);
    width: 100%
}

#b_search_wrap .close {
    min-width: var(--h);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    font-family: var(--ff)
}

#b_search_wrap .icon {
    min-width: var(--h);
    background: url("../img/icons/search.svg") center no-repeat;
    background-size: 50%
}

#b_search_wrap #search_wrap {
    display: flex
}

#b_search_wrap #b_search_res {
    position: relative;
    z-index: 1;
    background: #fff;
    max-height: calc(100vh - var(--h));
    overflow-y: auto
}

#b_search_wrap #search_res {
    padding: var(--p2) 0
}

#b_search_wrap #search_res:empty {
    display: none
}

#b_search_wrap ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#b_search_wrap ul li+li {
    margin-top: var(--p)
}

#b_search_wrap ul a {
    display: grid;
    color: var(--color-text);
    grid-template-columns: 30px 1fr;
    grid-gap: 0 var(--p);
    text-decoration: none
}

#b_search_wrap ul a.all {
    display: flex
}

#b_search_wrap ul .p-search {
    font-weight: bold
}

#b_search_wrap ul .preview {
    background-color: #808080;
    background-position: center center;
    background-size: cover;
    width: 30px;
    grid-row: 2 span
}

#b_search_wrap ul .preview:before {
    content: " ";
    display: block;
    padding-bottom: 100%
}

#b_top {
    font-size: 12px;
    text-transform: uppercase;
    padding: 19px 0;
    border-bottom: var(--border);
    color: var(--color-text)
}

#b_top #d_top {
    display: flex
}

#b_top #d_top .cities {
    flex: 1
}

#b_top #d_top .phones {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

#b_top .cities {
    position: relative
}

#b_top .list {
    display: flex
}

#b_top .el {
    text-decoration: none;
    height: 24px;
    display: flex;
    align-items: center
}

#b_top .el+.el {
    padding-left: 24px;
    margin-left: 24px;
    border-left: var(--border)
}

#b_top .el.selected {
    font-weight: bold
}

#b_top a {
    color: inherit
}

#b_top a:hover {
    text-decoration: underline
}

#b_nav {
    position: relative;
    --h: 70px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    font-size: 12px;
    z-index: 10
}

#b_nav #d_nav {
    display: flex;
    align-items: center
}

#b_nav .nav {
    display: flex;
    flex: 1
}

#b_nav .nav_el {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border-bottom: 3px solid transparent
}

#b_nav .nav_el>a {
    color: var(--color-text);
    text-decoration: none;
    height: var(--h);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    align-items: center;
    display: flex
}

#b_nav .nav_el+.nav_el {
    margin-left: 26px
}

#b_nav .nav_el.selected,
#b_nav .nav_el:hover {
    border-bottom: 3px solid var(--color-text)
}

#b_nav .list {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex: 1
}

#b_nav .list .el {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border-bottom: 3px solid transparent;
    height: var(--h);
    display: block;
    width: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer
}

#b_nav .list .el.selected,
#b_nav .list .el:hover {
    border-bottom: 3px solid var(--color-text)
}

#b_nav .list .el+.el {
    margin-left: 8px
}

#b_nav .list .search {
    background-image: url("../img/icons/search.svg")
}

#b_nav .list .menu {
    background-image: url("../img/icons/menu.svg")
}

#b_nav .list .profile {
    background-image: url("../img/icons/profile.svg")
}

#b_nav .list .cart {
    /* background-image:url("../img/icons/cart.jpeg"); */
    position: relative
}

#b_nav .list .cart .count {
    background: var(--color-text);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: bold;
    position: absolute;
    top: 36px;
    left: 4px;
    border-radius: 100px;
    height: 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 13px;
    padding: 0 3px;
    font-family: var(--ff)
}

#b_nav .list .cart .count.hide {
    display: none
}

#b_nav .subcatalog {
    margin-top: -35px;
    padding: 64px 0;
    position: absolute;
    top: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    width: 100%;
    z-index: 50;
    pointer-events: none;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time);
    -moz-transition-duration: var(--time);
    -o-transition-duration: var(--time);
    -ms-transition-duration: var(--time);
    transition-duration: var(--time);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)
}

#b_nav .subcatalog .d {
    display: flex
}

#b_nav .subcatalog .main_menu {
    flex: 1;
    display: flex;
    flex-direction: column
}

#b_nav .subcatalog .main_menu a {
    font-size: 17px;
    line-height: 30px;
    text-decoration: none;
    color: var(--color-text);
    /*
    font-family:
		var(--ff-title);*/
    -webkit-transition-property: all;
    text-transform: uppercase;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

#b_nav .subcatalog .main_menu a:hover {
    color: var(--color-border)
}

#b_nav .subcatalog .main_menu a+a {
    margin-top: var(--p)
}

#b_nav .subcatalog .img_wrap {
    width: 1px;
    flex: 1;
    border-right: var(--border);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

#b_nav .subcatalog .img_wrap .img {
    display: inline-block;
    width: 290px;
    margin-right: 25px
}

#b_nav .subcatalog .menus_wrap {
    flex: 2
}

#b_nav .subcatalog .menus_wrap .menus {
    margin-left: 137px;
    display: flex
}

#b_nav .subcatalog .menus_wrap .menu {
    display: flex;
    flex-direction: column
}

#b_nav .subcatalog .menus_wrap .menu a {
    color: var(--color-text);
    text-transform: uppercase;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    font-size: 12px;
    line-height: 2;
    text-decoration: none
}

#b_nav .subcatalog .menus_wrap .menu a:hover {
    color: var(--color-border)
}

#b_nav .subcatalog .menus_wrap .menu+.menu {
    margin-left: 32px
}

#b_nav .nav_el:hover .subcatalog {
    /* opacity: 1;
    pointer-events: all */
}

.item_wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--p4)
}

.item_wrap .price s {
    margin-right: var(--p2)
}

.item_wrap .item_price {
    max-width: 400px;
    width: 100%
}

.item_wrap .buttons {
    margin-top: -1px
}

.item_wrap .details {
    font-size: 12px;
    line-height: 1.5
}

.item_wrap .detail {
    padding-bottom: 8px
}

.item_wrap .instruction .el {
    display: flex
}

.item_wrap .instruction .el+.el {
    margin-top: var(--p_2)
}

.item_wrap .instruction .icon {
    width: 24px;
    min-width: 24px;
    margin-right: var(--p);
    background-repeat: no-repeat
}

.item_wrap .events {
    position: relative
}

.item_wrap .events .txt {
    font-size: 12px;
    line-height: 18px
}

.item_wrap .events .icon {
    width: 64px;
    height: 64px;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 auto var(--p)
}

.item_wrap .events .event {
    width: 140px
}

.item_wrap .events .owl-nav {
    position: absolute;
    top: 50%;
    height: 0;
    width: 100%
}

.item_wrap .events .owl-prev,
.item_wrap .events .owl-next {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    background-image: -webkit-linear-gradient(90deg, transparent, #fff 45%);
    background-image: -o-linear-gradient(90deg, transparent, #fff 45%);
    background-image: -moz-linear-gradient(90deg, transparent, #fff 45%);
    background-image: linear-gradient(90deg, transparent, #fff 45%);
    height: 92px;
    margin-top: -46px
}

.item_wrap .events .owl-prev:before,
.item_wrap .events .owl-next:before {
    content: " ";
    width: 4px;
    height: 8px;
    background: url("../img/icons/arrow.link5.svg") center no-repeat;
    display: block
}

.item_wrap .events .owl-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.item_wrap .events .owl-next {
    right: 0
}

.item_wrap .main_images_scroller_wrap {
    height: fit-content;
    position: relative
}

.item_wrap .main_images_scroller {
    position: relative;
    overflow: hidden
}

.item_wrap .item_info {
    position: relative
}

.item_wrap .item_info_content {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    top: 0;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    /*max-height: 100vh;*/
    overflow: hidden
}

.item_wrap .image_wrap {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    grid-gap: var(--m)
}

.item_wrap .image_wrap.no_imgs {
    grid-template-columns: 1fr
}

.item_wrap .image_wrap .imgs .img {
    margin-bottom: var(--m);
    cursor: pointer
}

.item_wrap .image_wrap .imgs .img:hover,
.item_wrap .image_wrap .imgs .img.selected {
    outline: 2px solid var(--color-gray-dark)
}

.item_wrap .image_wrap .main_images .img,
.item_wrap .image_wrap .main_images .img_wrap {
    margin-bottom: var(--m)
}

.item_wrap .plant_info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--p) var(--m2)
}

.item_wrap .plant_info .el {
    display: flex;
    align-items: center
}

.item_wrap .plant_info .icon {
    min-width: 48px;
    height: 48px;
    margin-right: var(--p2);
    background-size: contain
}

.catalog {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.catalog .promo {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 2 span;
    background-position: center center;
    background-size: cover;
    background-color: var(--color-bg-gray);
    background-image: url("../img/test.jpg")
}

.catalog .promo .cont {
    padding: var(--m2);
    background: #fff
}

.catalog.big {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.catalog_content_wrap {
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    grid-gap: var(--m2)
}

.catalog_content_wrap.no_filter {
    grid-template-columns: 1fr !important
}

.catalog_content_wrap.no_filter .filter_wrap {
    display: none
}

.catalog_content_wrap.no_filter .sort {
    display: none
}

.seo_wrap {
    background: var(--color-card);
    padding: var(--m2)
}

.sort {
    text-transform: uppercase;
    display: flex;
    margin-bottom: var(--m);
    font-size: 12px
}

.sort .txt {
    margin-right: var(--m_2)
}

.filter-price {
    font-size: 12px;
    margin-top: var(--p4)
}

.filter-price .fp-line {
    position: relative;
    background: var(--color-gray-light);
    height: 1px;
    margin: 0 8px
}

.filter-price .prices {
    margin-top: var(--m2);
    display: flex;
    justify-content: space-between;
    padding: 0 var(--m_2)
}

.filter-price .bar {
    position: absolute;
    left: 20%;
    right: 20%;
    background: var(--color-text);
    height: 100%;
    top: 0
}

.filter-price .fp-control {
    width: var(--m);
    height: var(--m);
    border: 1px solid var(--color-text);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -7.5px;
    background: #fff;
    position: absolute;
    cursor: pointer
}

.filter-price .fpc1 {
    left: 0%;
    margin-left: -7.5px
}

.filter-price .fpc2 {
    right: 0%;
    margin-right: -7.5px
}

.filter .prop {
    padding-bottom: var(--m2)
}

.f-price-box .price_inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1px;
    grid-gap: 1px;
    background: var(--color-gray-light)
}

.f-price-box .price_inp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    height: 61px;
    padding-left: var(--p2)
}

.f-price-box .price_inp span {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-gray-dark);
    height: 15px
}

.f-price-box .price_inp input {
    width: 100%;
    height: 100%;
    text-align: right;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding-right: var(--p2)
}

.f-price-box .input_wrap {
    display: flex;
    align-items: center
}

.subcategories .el {
    padding-bottom: var(--p)
}

.subcategories a {
    color: var(--color-text);
    text-decoration: none
}

.subcategories span {
    color: var(--color-text) !important
}

.subcategories span:hover {
    text-decoration: underline
}

.subcategories .sub {
    padding-top: var(--p2);
    padding-bottom: var(--p);
    padding-left: var(--p)
}

.subcategories .parent>a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.subcategories .toggle {
    width: 32px;
    height: 32px;
    height: 16px;
    background: url("../img/icons/arrow.link2.svg") center no-repeat;
    background-size: 8px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.subcategories .sub {
    display: none
}

.subcategories .opened>a .toggle {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.subcategories .opened>.sub {
    display: block
}

.search_wrap {
    border-top: var(--border);
    margin-top: var(--m2);
    padding-top: var(--p2)
}

.search_wrap .sort {
    justify-content: flex-end
}

#b_item .teacher {
    display: flex;
    align-items: center
}

#b_item .teacher .ava {
    width: var(--m2);
    min-width: var(--m2);
    height: var(--m2);
    background: #c4c4c4;
    border-radius: 100px;
    margin-right: var(--m)
}

#b_item .course_price {
    max-width: 300px
}

.course_list .course {
    margin-top: var(--m4)
}

.course_list .course:nth-child(2n) {
    flex-direction: row-reverse
}

.course_list .cont {
    padding: 0 var(--m2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1
}

.course_list .c {
    display: flex
}

.course_list .img {
    width: 100%
}

.card2columns {
    display: flex;
    /* background:var(--color-card) */
}

.card2columns .col {
    flex: 1
}

.card2columns .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--m2)
}

.card2columns .txt.left {
    align-items: flex-start
}

.card2columns .cont {
    max-width: 400px;
    text-align: center
}

.card2columns .img_wrap {
    padding-bottom: var(--m2);
    padding-right: var(--m2);
    padding-left: var(--m2)
}

.card_big {
    background: var(--color-card);
    padding: var(--m8) var(--m8) var(--m4)
}

.card_big .icon.info {
    width: 64px;
    height: 64px;
    background: url("../img/icons/info_block.svg");
    margin: var(--p4) auto 0
}

.card_gray {
    max-width: 725px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--p4);
    background: var(--color-bg-gray);
    margin: 0 auto
}

.choose_city_wrap {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    display: none
}

.choose_city_wrap.show {
    display: block !important
}

.choose_city_wrap .cont {
    position: absolute;
    top: 10px;
    left: 5px;
    padding: var(--p2);
    background: #fff;
    width: 310px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: var(--bs-vert);
    z-index: 100
}

.choose_city_wrap .h5 {
    text-transform: none
}

.choose_city_wrap .buttons_list {
    margin-top: var(--m)
}

.choose_city_wrap .buttons_list .el_city {
    cursor: pointer
}

.choose_city_wrap .buttons_list .el_city+.el_city {
    margin-top: var(--p)
}

.choose_city_wrap .buttons_list .el_city:hover {
    text-decoration: underline
}

.choose_city_wrap .buttons_list a {
    text-decoration: none;
    text-transform: uppercase
}

.choose_city_wrap .bg {
    cursor: pointer;
    position: fixed;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cookie_wrap {
    position: fixed;
    left: 10px;
    bottom: 10px;
    padding: var(--m2);
    background: #fff;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: var(--bs-vert);
    z-index: 100
}

.item {
    position: relative;
    --height-counter: 42px;
    --height-buttons: 44px;
    display: flex;
    flex-direction: column
}

.item .bg {
    padding: var(--m);
    background: #fff;
    position: absolute;
    top: calc(0px - var(--m));
    left: calc(0px - var(--m));
    width: calc(100% + var(--m) * 2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% + var(--height-counter) + var(--height-buttons) + var(--m) * 2);
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border: 1px solid var(--color-gray-verylight)
}

.item .add_cont {
    position: absolute;
    top: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.item:hover {
    z-index: 10
}

.item:hover .bg {
    opacity: 1
}

.item:hover .add_cont {
    opacity: 1;
    pointer-events: all
}

.item .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    z-index: 2
}

.item>.img,
.item>.img_wrap {
    position: relative;
    color: var(--color-text);
    text-decoration: none;
    z-index: 1
}

.item>.img:hover .hover,
.item>.img_wrap:hover .hover {
    opacity: 1
}

.item .img_wrap {
    position: relative
}

.item .img_wrap img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.item .img_wrap:before {
    content: " ";
    padding-bottom: 100%;
    display: block
}

.item .cont {
    padding: var(--p2) 0;
    display: flex;
    flex-direction: column;
    flex: 1
}

.item .text {
    position: relative;
    z-index: 1;
    padding-bottom: 3px;
    display: flex;
    flex: 1;
    justify-content: start;
    padding-left: 4px;
}

.item .title {
    font-size: 12px;
    /* letter-spacing:1px; */
    line-height: 18px;
    text-transform: uppercase;
    text-align: left;
    z-index: 1;
    padding-left: 4px;
    position: relative
}

.item .title a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text);
    font-weight: 400;
    text-transform: none;
    /* font-size: 14px; */
    /* color: var(--color-text); */
    text-decoration: none;
    /*  font-family: Roboto, Arial, sans-serif!important; */
    font-family: var(--ff-item-title);
    /* font-size: 18px;
    font-weight: 400;
    line-height: 1.3; */
    transition: 0.3s;
}

@media (max-width: 992px) {
    .item .title a {
        /*  font-size: 16px; */
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #9d9da5;
    }
}

.item .title a:hover {
    color: #dc9dfe;
}

.item .price {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    z-index: 1;
    position: relative
}

.item .counter {
    margin-bottom: -1px;
    --h: var(--height-counter);
    position: relative;
    z-index: 1
}

.item button {
    padding-left: 0;
    padding-right: 0
}

.item .btns {
    position: relative;
    z-index: 0;
    display: flex;
    --button-height: var(--height-buttons);
    margin: 0
}

.item .btns .btn {
    margin: 0
}

.item .btn {
    flex: 1;
    padding-left: 0;
    padding-right: 0
}

.item .outline {
    border-top-color: transparent
}

.badge {
    z-index: 3;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-text)
}

.badge.hit {
    background: var(--color-corall)
}

.badge.new {
    background: var(--color-blue)
}

.badge.sale {
    background: var(--color-orange)
}

.badge.big_sale {
    background: var(--color-orange-red)
}

@media all and (min-width:1024px) and (max-width:1200px) {
    .item .btns button {
        font-size: 10px
    }
}

.percent_card {
    width: 390px;
    height: 258px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: var(--m2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.percent_card:before {
    content: " ";
    display: block;
    left: 50%;
    width: 216px;
    height: 34px;
    background: url("../img/logo/card.svg");
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: -108px;
    background-size: contain
}

.percent_card .cart_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.school_card {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.school_card .cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--m2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.school_card:before {
    content: " ";
    display: block;
    padding-bottom: 55%
}

.school_card .logo {
    position: absolute;
    bottom: var(--p2);
    left: 0;
    width: 100%;
    height: var(--p);
    background: url("../img/logo/card.svg") center no-repeat;
    background-size: contain
}

.percent_card.bronze,
.school_card.bronze {
    background-image: -webkit-linear-gradient(0, #f9e8e5 0%, #ded0ce 25%, #fff0ed 100%);
    background-image: -o-linear-gradient(0, #f9e8e5 0%, #ded0ce 25%, #fff0ed 100%);
    background-image: -moz-linear-gradient(0, #f9e8e5 0%, #ded0ce 25%, #fff0ed 100%);
    background-image: linear-gradient(0, #f9e8e5 0%, #ded0ce 25%, #fff0ed 100%)
}

.percent_card.silver,
.school_card.silver {
    background-image: -webkit-linear-gradient(0, #f8f8f8 0%, #dcdbd9 25%, #f3f3f3 100%);
    background-image: -o-linear-gradient(0, #f8f8f8 0%, #dcdbd9 25%, #f3f3f3 100%);
    background-image: -moz-linear-gradient(0, #f8f8f8 0%, #dcdbd9 25%, #f3f3f3 100%);
    background-image: linear-gradient(0, #f8f8f8 0%, #dcdbd9 25%, #f3f3f3 100%)
}

.percent_card.gold,
.school_card.gold {
    background-image: -webkit-linear-gradient(0, #fff6e0 0%, #eae5d8 25%, #fffaef 100%);
    background-image: -o-linear-gradient(0, #fff6e0 0%, #eae5d8 25%, #fffaef 100%);
    background-image: -moz-linear-gradient(0, #fff6e0 0%, #eae5d8 25%, #fffaef 100%);
    background-image: linear-gradient(0, #fff6e0 0%, #eae5d8 25%, #fffaef 100%)
}

.percent_card.platinum,
.school_card.platinum {
    background-image: -webkit-linear-gradient(0, #fffefa 0%, #f0eeea 25%, #fff 100%);
    background-image: -o-linear-gradient(0, #fffefa 0%, #f0eeea 25%, #fff 100%);
    background-image: -moz-linear-gradient(0, #fffefa 0%, #f0eeea 25%, #fff 100%);
    background-image: linear-gradient(0, #fffefa 0%, #f0eeea 25%, #fff 100%)
}

.loyalty_wrap .percent_card {
    margin: 0 auto;
    margin-bottom: var(--m2)
}

.main_categories {
    display: flex;
    flex-wrap: wrap
}

.main_categories .category {
    margin-bottom: var(--p2);
    position: relative;
    min-width: 1%;
    display: block;
    text-decoration: none;
    color: var(--color-text);
    background-color: var(--color-gray-white);
    background-size: cover;
    --w: calc(100% - var(--p2));
    width: calc(var(--w) * 4 / 13)
}

.main_categories .category:before {
    content: " ";
    display: block;
    padding-bottom: calc(100% * 3 / 2)
}

.main_categories .category:nth-child(4n),
.main_categories .category:nth-child(4n-3) {
    width: calc(var(--w) * 9 / 13)
}

.main_categories .category:nth-child(4n):before,
.main_categories .category:nth-child(4n-3):before {
    padding-bottom: calc(100% * 2 / 3)
}

.main_categories .category:nth-child(4n) {
    margin-left: var(--p2)
}

.main_categories .category:nth-child(4n-3) {
    margin-right: var(--p2)
}

.main_categories .category .cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--p4)
}

.main_categories .category.white {
    color: #fff
}

.main_categories .category.white .link5 {
    color: #fff;
    border-bottom-color: #fff
}

.main_categories .category.white .link5:after {
    background: url("../img/icons/arrow.link5.white.svg") no-repeat
}

.b_item_slider .show_all {
    position: relative;
    z-index: 33;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.b_item_slider .item_slider.hover {
    z-index: 4
}

.b_item_slider .item_slider.hover+.show_all {
    z-index: 0
}

.item_slider {
    position: relative;
    width: calc(100% + var(--m) * 2);
    --slide_pb: calc(42px + 44px + var(--m) * 3);
    margin-bottom: calc(0px - var(--slide_pb));
    margin-top: calc(0px - var(--m));
    margin-left: calc(0px - var(--m));
    margin-right: calc(0px - var(--m))
}

.item_slider .item_slide {
    padding-top: var(--m);
    padding-bottom: calc(var(--m) * 2);
    padding-left: var(--m);
    padding-right: var(--m)
}

.item_slider .item .bg {
    height: calc(100% + var(--m) * 2)
}

.item_slider .add_cont {
    position: relative
}

.item_slider.with_nav_slider .owl-nav {
    bottom: calc(100% + 10px);
    right: var(--m)
}

.show_all {
    padding-top: var(--m4)
}

.with_nav_slider .owl-nav {
    display: flex;
    position: absolute;
    bottom: calc(100% + 18px);
    right: 0
}

.with_nav_slider .owl-nav .arrow {
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: url("../img/icons/arrow.slider.svg") center no-repeat;
    border-radius: 100px;
    border: 1px solid var(--color-gray-verylight);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.with_nav_slider .owl-nav .arrow:hover {
    border-color: var(--color-gray-dark)
}

.with_nav_slider .owl-nav .next {
    margin-left: 8px
}

.with_nav_slider .owl-nav .prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.with_nav_slider.nav_center .owl-nav {
    width: 100%;
    justify-content: center
}

.with_nav_slider.nav_margin {
    margin-top: 100px
}

[class*=main_slider] {
    position: relative
}

[class*=main_slider] .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: rgba(41, 41, 41, 0.1);
    background-size: cover
}

[class*=main_slider] .slide:before {
    content: " ";
    position: relative;
    padding-bottom: 50%
}

[class*=main_slider] .slide2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--color-gray-white);
    background-size: cover;
    height: calc(min(100vw, var(--width)) * 0.5)
}

[class*=main_slider] .more {
    position: absolute;
    bottom: var(--m2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase
}

[class*=main_slider] .more:after {
    content: " ";
    display: block;
    margin-top: var(--p2);
    width: 44px;
    height: 44px;
    background: url("../img/icons/arrow.more.svg") center no-repeat;
    cursor: pointer;
    background-size: 95%
}

.owl-carousel_catalog div.owl-dots {
    position: absolute;
    bottom: var(--m2);
    right: var(--m4);
    display: flex
}

.owl-carousel_catalog div.owl-dots .owl-dot {
    width: var(--owl-dots-width);
    height: var(--owl-dots-width);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-text);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    margin-left: var(--m);
    border-radius: 100px
}

.owl-carousel_catalog div.owl-dots .owl-dot.active {
    background: var(--color-text)
}

.center_dots.owl-carousel_catalog div .owl-dots {
    position: absolute;
    bottom: var(--m2);
    width: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.center_dots.owl-carousel_catalog div.owl-dots .owl-dot {
    margin-left: 0;
    margin: 0 var(--m_2)
}

.main_slider_mob .slide {
    height: var(--height_4_5)
}

.main_slider_mob .owl-dots {
    right: 0;
    left: 0;
    justify-content: center
}

.main_slider_mob .owl-dot {
    margin: 0 var(--m_2)
}

.news_annotations {
    display: grid;
    grid-template-columns: 30% 29% 1fr;
    grid-gap: var(--p2) var(--p4)
}

.news_annotations .el:nth-child(1) {
    grid-row: 1/4;
    grid-column: 1/3
}

.news_annotations .el:nth-child(2) {
    grid-row: 4;
    grid-column: 1/3
}

.news_annotations .news_img {
    background-size: cover
}

.news_annotations2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--p2) var(--p4)
}

.news_annotations2 .img {
    margin-bottom: var(--p2)
}

.news_annotations3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--p2) var(--p4)
}

.news_annotations3 .img {
    margin-bottom: var(--p2)
}

#b_news_item #d_news_item {
    max-width: 860px
}

#b_news_item .img_wrap {
    text-align: center
}

#b_news_item .text {
    max-width: 75%;
    margin: var(--m4) auto
}

.news_gallery .owl-dots {
    position: relative;
    width: 100%;
    right: 0;
    bottom: auto;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.cart_item_list .cart_item {
    margin-bottom: var(--m);
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr)
}

.cart_item_list .cart_item.additional {
    margin-left: 120px
}

.cart_item_list .additional_items {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--m);
    margin-left: var(--p2);
    text-align: center
}

.cart_item_list .additional_items.open {
    display: grid
}

.cart_item_list .btn_additional_items {
    border: none;
    background: none;
    padding: 0;
    margin-left: var(--p2);
    cursor: pointer;
    padding: 10px 0
}

.cart_item_list .btn_additional_items:after {
    background: url("../img/icons/arrow.link2.svg") center no-repeat;
    width: 10px;
    height: 10px;
    background-size: contain;
    content: " ";
    margin-left: 10px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cart_item_list .cont {
    padding-left: var(--p2);
    position: relative;
    display: flex;
    flex-direction: column
}

.cart_item_list .price {
    flex: 1;
    font-weight: bold
}

.cart_item_list .title,
.cart_item_list .price {
    font-size: 12px;
    line-height: 18px
}

.cart_item_list .remove {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../img/icons/remove.svg");
    right: 0;
    top: 0;
    cursor: pointer
}

#cart_sidebar .content {
    padding-bottom: 0
}

#cart_sidebar .button_wrap {
    z-index: 50;
    background: #fff;
    padding-top: var(--m);
    padding-bottom: var(--m2);
    position: sticky;
    position: -webkit-sticky;
    bottom: 0
}

#cart_sidebar .additional_wrap {
    box-shadow: none;
    padding: 0
}

#mob_confirm {
    display: none
}

#mob_to_payment {
    display: none
}

.steps_line {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    height: 1px;
    background: #eaeaea;
    margin: var(--m) auto var(--m4);
    position: relative
}

.steps_line .step_dot {
    position: relative
}

.steps_line .step_dot .txt {
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: calc(100% + var(--p));
    text-align: center;
    font-size: 12px
}

.steps_line .step_dot:before {
    content: " ";
    display: block;
    background: #eaeaea;
    border-radius: 100px;
    width: 8px;
    height: 8px;
    margin-top: -3px
}

.steps_line .step_dot.selected:before {
    background: var(--color-text)
}

.steps_line:after {
    content: " ";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-text)
}

.steps_line.step1_4:after {
    width: 0
}

.steps_line.step2_4:after {
    width: calc(100% / 3 * 1)
}

.steps_line.step3_4:after {
    width: calc(100% / 3 * 2)
}

.steps_line.step4_4:after {
    width: calc(100% / 3 * 3)
}

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

.confirm_wrap .confirm_content_wrap {
    max-width: 520px;
    width: 100%
}

.confirm_wrap .confirm_info_wrap {
    max-width: 405px
}

.confirm_wrap .details_wrap {
    background: var(--color-bg-gray);
    padding: var(--m2)
}

.confirm_wrap .sep {
    margin: var(--m) 0;
    height: 1px;
    background: var(--color-gray-light)
}

.confirm_wrap .option {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-size: 12px
}

.confirm_wrap .option+.option {
    margin-top: var(--p)
}

.confirm_wrap .cart_items .cart_item {
    display: flex
}

.confirm_wrap .cart_items .cart_item+.cart_item {
    margin-top: var(--m)
}

.confirm_wrap .cart_items .img {
    width: 96px;
    min-width: 96px;
    margin-right: var(--m)
}

.confirm_wrap .cart_items .cont {
    font-size: 12px;
    line-height: 18px
}

.confirm_wrap .cart_items .title {
    text-transform: uppercase
}

.confirm_wrap .inputs {
    display: flex;
    align-items: center
}

.confirm_wrap .inputs input {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.confirm_wrap .inputs .btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border: 1px solid var(--color-gray-light);
    border-left: none
}

.confirm_wrap .security {
    background: url("../img/icons/security.svg") left top no-repeat;
    padding-left: 32px;
    font-size: 12px
}

.confirm_wrap .payments_icons {
    display: flex;
    justify-content: center;
    align-items: center
}

.confirm_wrap .payments_icons .pay {
    background-repeat: no-repeat;
    background-position: center center;
    width: 79px;
    height: 52px;
    margin: 4px
}

.confirm_wrap .payment_types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--m)
}

.confirm_wrap .payment_types .payment {
    cursor: pointer;
    height: 100px;
    border: 1px solid var(--color-gray-light);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.confirm_wrap .payment_types input {
    display: none
}

.confirm_wrap .payment_types input:checked+.payment,
.confirm_wrap .payment_types .payment:hover {
    border: 2px solid var(--color-text)
}

.confirm_wrap .payment_types .txt {
    font-size: 13px;
    margin-top: 4px
}

.confirm_wrap .payment_types .icon {
    height: 48px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 48px;
    background-size: contain
}

.confirm_wrap .card_content_wrap {
    padding: var(--m) var(--m2);
    background: var(--color-bg-gray)
}

.confirm_wrap .card_content_wrap .title .txt {
    flex: 1;
    text-align: center
}

.confirm_wrap .card_content_wrap .cont {
    padding-top: var(--m);
    padding-bottom: var(--m2)
}

.confirm_wrap .card_content_wrap .events {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.confirm_wrap .card_content_wrap .events .event {
    padding: var(--p) 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    cursor: pointer
}

.confirm_wrap .card_content_wrap .events .event:hover,
.confirm_wrap .card_content_wrap .events .event.selected {
    background: #eaeaea
}

.confirm_wrap .card_content_wrap .events .txt {
    text-align: center;
    font-size: 12px;
    margin-top: var(--p2)
}

.confirm_wrap .card_content_wrap .events .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat
}

.confirm_wrap .variant_cont {
    padding-right: 100px
}

.confirm_wrap .owl-nav {
    bottom: auto;
    top: 0;
    right: -100px
}

.additional_wrap {
    box-shadow: var(--bs-vert);
    padding: var(--m2);
    padding-bottom: 0
}

.additional_wrap .items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0 var(--m)
}

.additional_wrap .item {
    position: relative
}

.additional_wrap .item .add {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    z-index: 10;
    background: url("../img/icons/add_item.svg") center no-repeat;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.additional_wrap .item .add:hover {
    background-color: #fff
}

.about_wrap {
    margin-top: var(--m4);
    display: flex;
    align-items: center
}

.about_wrap .right {
    padding-left: var(--p4);
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.about_wrap .left {
    flex: 1
}

.app_list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.app_list .app {
    height: 54px;
    margin: 0 var(--p)
}

.app_list .apple {
    width: 166px;
    background-image: url("../img/icons/app/apple.svg")
}

.app_list .google {
    width: 187px;
    background-image: url("../img/icons/app/google.svg")
}

.app_info {
    display: flex;
    justify-content: space-between;
    margin: 0 100px
}

.app_info .left {
    padding-top: var(--m8)
}

.app_info .el {
    display: flex;
    align-items: center;
    font-size: 13px
}

.app_info .el:before {
    content: " ";
    min-width: 32px;
    width: 32px;
    height: 32px;
    background: url("../img/icons/check_circle.svg");
    display: inline-block;
    margin-right: var(--m)
}

.app_info .el+.el {
    margin-top: var(--p2)
}

.contact_wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 860px;
    grid-gap: var(--p4);
    background: #fff
}

.contact_wrap .map_wrap {
    height: 570px
}

.contact_wrap iframe {
    height: 570px;
    border: none;
    margin-bottom: var(--m2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.contact_wrap .row {
    margin: 0 -20px
}

.contact_wrap .c {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px
}

#b_corporate .row.corporate {
    margin-top: var(--m4)
}

#b_corporate .row.corporate .c {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#b_corporate .row.corporate .c:first-child {
    padding-right: var(--p2)
}

#b_corporate .row.corporate .c:last-child {
    padding-left: var(--p2)
}

#b_corporate .cont_wrap {
    display: flex;
    align-items: center;
    justify-content: center
}

#b_corporate .cont {
    max-width: 450px
}

#b_corporate .prefers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--m4) var(--p4)
}

.personal_order .right {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-gray);
    padding: var(--p4);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.personal_order .right textarea {
    width: 100%
}

.personal_order .personal_info {
    display: flex
}

.personal_order .personal_info:before {
    min-width: 24px;
    width: 24px;
    height: 24px;
    background: url("../img/icons/tooltip.svg");
    display: inline-block;
    content: " ";
    margin-right: var(--m_2)
}

.personal_order .personal_info .text {
    flex: 1
}

.personal_order .left {
    position: relative;
    display: flex;
    background-color: var(--color-bg-gray);
    align-items: center
}

.personal_order .owl-dots {
    position: absolute;
    bottom: var(--m2);
    width: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.personal_order .owl-dot {
    width: var(--owl-dots-width);
    height: var(--owl-dots-width);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-text);
    margin: 0 var(--m_2);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border-radius: 100px;
    cursor: pointer
}

.personal_order .owl-dot.active {
    background: var(--color-text)
}

.personal_order form {
    width: 100%
}

.personal_order.yellow .left,
.personal_order.yellow .right {
    background: var(--color-card)
}

@media all and (max-width:1200px) and (min-width:1024px) {
    .personal_order .right br {
        display: none
    }
}

@media all and (max-width:768px) {
    .personal_order .right br {
        display: none
    }
}

.delivery_prefer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--p4);
    padding-top: var(--p4);
    border-top: var(--border)
}

.delivery_foreign_info {
    /* background:var(--color-card); */
    padding: var(--m4);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--p4)
}

.delivery_foreign_info .icon {
    width: 64px;
    height: 64px;
    background: url("../img/icons/info_block.svg");
    margin: 0 auto var(--m2)
}

.delivery_info_wrap .img_wrap {
    text-align: left
}

.delivery_info_wrap img {
    max-width: 90%
}

.fresh_list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--p4)
}

.fresh_list .icon {
    width: 94px;
    height: 94px;
    margin: 0 auto var(--m2);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px
}

.payments_prefers {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--p4);
    border-top: var(--border)
}

.payments_prefers .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--m2);
    background: url("../img/icons/info_block.svg")
}

.payments {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--p4);
    text-align: center
}

.payments .icon {
    height: 52px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: var(--m2)
}

.return_list {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: var(--p4);
    padding-top: var(--m4);
    border-top: var(--border)
}

.return_list .img {
    width: 68px;
    margin: 0 auto var(--p2)
}

.sitemap_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: var(--m4) var(--p2)
}

.sitemap_list .lists {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.sitemap_list .list {
    display: flex;
    flex-direction: column
}

.sitemap_list .el+.el {
    margin-top: var(--m_2)
}

.sitemap_list .el {
    line-height: 18px
}

.vacancies_wrap {
    border-top: 1px solid var(--color-gray-light);
    padding-top: var(--m2);
    padding-bottom: var(--m4)
}

.vacancies_wrap .vacancies_list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: var(--p4)
}

.vacancies_wrap .img {
    background: #f7f7f7 url("../img/icons/vacancy.svg") center no-repeat
}

.vacancies_wrap .vacancy {
    cursor: pointer
}

.vacancies_wrap .vacancy:hover .img {
    box-shadow: var(--bs-vert)
}

.plant_item .prop_title {
    display: flex;
    align-items: center;
    margin-bottom: var(--p)
}

.plant_item .prop_title .img {
    min-width: 48px;
    height: 48px;
    margin-right: 18px
}

.plant_item .prop_wrap+.prop_wrap {
    margin-top: var(--p)
}

.plant_list {
    margin-bottom: 120px
}

.plant_list .el {
    border-bottom: var(--border-light);
    padding-top: var(--p2);
    display: flex
}

.plant_list .el .left {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 150px
}

.plant_list .el .right {
    display: flex;
    width: 50%;
    padding-top: var(--p2)
}

.plant_list .el .icon {
    width: 64px;
    height: 64px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.plant_list .el .icon+.icon {
    margin-left: var(--p2)
}

.plant_list .el:first-child {
    border-top: var(--border-light)
}

.plant_instructions_list {
    display: grid;
    grid-gap: var(--p4);
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.school_materials {
    margin: 0 calc(0px - var(--m));
    width: calc(100% + var(--m) * 2)
}

.school_materials .owl-nav {
    right: var(--m)
}

.school_materials_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--m4) 0;
    margin: 0 calc(0px - var(--m))
}

.school_material .img {
    position: relative
}

.school_material .play {
    position: absolute;
    width: 96px;
    height: 96px;
    background: url("../img/icons/play.svg") center no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -48px;
    margin-top: -48px
}

.school_material .img_wrap {
    display: block;
    color: var(--color-text);
    text-decoration: none;
    padding: var(--m);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border: 1px solid transparent
}

.school_material .img_wrap:hover {
    border: var(--border-verylight)
}

.school_material .img_wrap:hover .play {
    background: url("../img/icons/play_hover.svg") center no-repeat
}

.school_page_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--p4)
}

.school_page_wrap .school_buttons {
    max-width: 296px
}

.material_course_table td:nth-child(1),
.material_course_table td:nth-child(2) {
    width: 1%
}

.material_course_table td:nth-child(1),
.material_course_table th:nth-child(1) {
    padding-right: 0
}

.material_course_table td:nth-child(3),
.material_course_table th:nth-child(3) {
    padding-left: 0
}

.material_course_table .img {
    width: 78px;
    position: relative
}

.material_course_table .num {
    border-right: 1px solid var(--color-gray-light);
    padding-right: var(--m);
    height: 23px;
    line-height: 23px;
    display: flex;
    align-items: center;
    justify-content: center
}

.material_course_table .play {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../img/icons/play_hover.svg") center no-repeat;
    background-size: 26px
}

#lesson_wrap {
    display: grid;
    grid-template-columns: 400px minmax(0, 1fr);
    grid-gap: var(--p4);
    border-top: var(--border);
    padding-top: var(--m2)
}

#lesson_content #lesson_info_title {
    margin-top: 14px
}

.lesson_list_table tr {
    opacity: .5;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.lesson_list_table tr.selected,
.lesson_list_table tr:hover {
    opacity: 1
}

.btn {
    height: var(--button-height);
    line-height: var(--button-height);
    display: inline-block;
    padding: 0 32px;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    cursor: pointer;
    text-decoration: none;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-family: var(--ff);
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden
}

.btn.fill {
    background: var(--color-text);
    color: #fff
}

.btn.fill:hover {
    color: rgba(255, 255, 255, 0.6)
}

.btn.fill:active {
    color: rgba(255, 255, 255, 0.4)
}

.btn.outline {
    border: var(--border)
}

.btn.outline,
.btn.white {
    background-color: #fff
}

.btn.gray {
    background: var(--color-gray-white)
}

.btn.outline,
.btn.gray,
.btn.white {
    color: var(--color-text)
}

.btn.outline:hover,
.btn.gray:hover,
.btn.white:hover {
    color: var(--color-gray-dark)
}

.btn.outline:active,
.btn.gray:active,
.btn.white:active {
    color: var(--color-gray-light)
}

.btn.dark_gray {
    background: var(--color-gray-light);
    color: #fff
}

.btn.dark_gray:hover {
    color: var(--color-gray-dark)
}

.btn.dark_gray[disabled] {
    opacity: 1;
    color: var(--color-gray-dark);
    background: var(--color-gray-white)
}

.btn.input_height {
    height: var(--input-height);
    line-height: var(--input-height);
    font-size: 8px
}

.btn[disabled] {
    opacity: .5;
    pointer-events: none
}

.btn.small {
    height: var(--button-height-small);
    line-height: var(--button-height-small)
}

.btn.verysmall {
    height: var(--button-height-verysmall);
    line-height: var(--button-height-verysmall)
}

.btn.timer {
    position: relative
}

.btn.timer .text {
    position: absolute;
    right: 23px;
    height: 100%;
    display: flex;
    align-items: center;
    top: 0;
    color: var(--color-text)
}

.buttons {
    display: flex;
    flex-wrap: wrap
}

.buttons .btn {
    flex: 1;
    padding: 0
}

.link {
    color: var(--color-gray-dark);
    font-size: 12px;
    text-decoration: none
}

.link:hover {
    color: var(--color-text);
    text-decoration: underline
}

.link1 {
    font-size: 11px;
    text-decoration: none;
    color: var(--color-text)
}

.link2 {
    font-family: var(--ff-title);
    font-size: 23px;
    line-height: 40px;
    letter-spacing: -1px
}

.link2:after {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 8px;
    background: url("../img/icons/arrow.link2.svg") no-repeat;
    margin-left: 5px;
    opacity: 0
}

.link2:hover:after {
    opacity: 1
}

.link1,
.link2,
.link3,
.link4,
.link5 {
    text-decoration: none;
    color: var(--color-text);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.link3,
.link4,
.link5 {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.link5:after {
    content: " ";
    display: inline-block;
    width: 4px;
    height: 8px;
    background: url("../img/icons/arrow.link5.svg") no-repeat;
    margin-left: 8px
}

.link2:hover,
.link3:hover,
.link4:hover,
.link5:hover {
    opacity: .6
}

.link2:active,
.link3:active,
.link4:active,
.link5:active {
    opacity: .4
}

.link4,
.link5 {
    border-bottom: 1px solid var(--color-text)
}

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

.link6 {
    font-size: 12px;
    color: var(--color-gray-dark);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    text-decoration: none
}

.link6:hover {
    color: var(--color-text)
}

.btns {
    margin: 0 calc(0px - var(--p))
}

.btns .btn {
    margin: 0 var(--p)
}

.xdsoft_datetimepicker {
    position: absolute;
    background: #fff;
    border: var(--border);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 100;
    width: 300px;
    display: none
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--m2);
    align-items: center
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    padding: var(--m)
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next {
    width: 44px;
    height: 44px;
    background: url("../img/icons/arrow.more.svg") center no-repeat;
    border: none;
    opacity: .5;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_next:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_prev {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.xdsoft_datetimepicker .xdsoft_next {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.xdsoft_datetimepicker .xdsoft_today_button,
.xdsoft_datetimepicker .xdsoft_year {
    display: none
}

.xdsoft_datetimepicker .xdsoft_disabled {
    opacity: .5
}

.xdsoft_datetimepicker td,
.xdsoft_datetimepicker th {
    font-size: 12px;
    padding: var(--p_2);
    text-transform: uppercase;
    text-align: right
}

.xdsoft_datetimepicker td:first-child,
.xdsoft_datetimepicker th:first-child {
    padding-left: 0
}

.xdsoft_datetimepicker td:last-child,
.xdsoft_datetimepicker th:last-child {
    padding-left: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_month {
    position: relative;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_month span {
    font-family: var(--ff-title);
    font-size: 23px
}

.xdsoft_datetimepicker .xdsoft_option {
    padding: calc(var(--p_2) / 2) var(--p_2);
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_select {
    position: absolute;
    z-index: 5;
    background: #fff;
    border: var(--border);
    display: none
}

.xdsoft_datetimepicker table {
    width: 100%
}

.xdsoft_datetimepicker td:not(.xdsoft_disabled) {
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.xdsoft_datetimepicker td:not(.xdsoft_disabled):hover {
    background: var(--color-gray-white)
}

.xdsoft_datetimepicker .xdsoft_current {
    background: var(--color-gray-white)
}

.tab_wrap {
    width: 100%
}

.tab_wrap .tab_titles {
    display: flex
}

.tab_wrap .tab_title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    flex: 1;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    color: var(--color-text);
    position: relative
}

.tab_wrap .tab_title:after {
    position: absolute;
    content: " ";
    display: block;
    height: 1px;
    background: var(--color-text);
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.tab_wrap .tab_title:hover:after,
.tab_wrap .tab_title.selected:after {
    height: 3px
}

.pagination {
    margin: var(--m8) 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: var(--ff-title);
    justify-content: center;
    position: relative
}

.pagination .el {
    color: var(--color-text);
    text-decoration: none;
    position: relative;
    margin: 0 var(--m)
}

.pagination .el:not(.sep):after {
    content: " ";
    display: block;
    left: 0;
    width: 100%;
    position: absolute;
    top: calc(100% + var(--m_2));
    height: 2px;
    background: var(--color-text);
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    pointer-events: none
}

.pagination .el:not(.sep):hover:after,
.pagination .el:not(.sep).selected:after {
    opacity: 1
}

.tooltip {
    position: relative;
    margin-left: 6px
}

.tooltip .tooltip_icon {
    width: 24px;
    height: 24px;
    background: url("../img/icons/tooltip.svg")
}

.tooltip:hover .tooltip_content {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.tooltip_content {
    position: absolute;
    bottom: calc(100% + 20px);
    background: #fff;
    padding: var(--p2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    width: 540px;
    left: 50%;
    margin-left: -270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    pointer-events: none;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.tooltip_content:after {
    position: absolute;
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -10px
}

.tooltip_content .img {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-right: var(--p2)
}

.tooltip_content .cont {
    flex: 1
}

.tags_wrap {
    margin-bottom: var(--m)
}

.tags {
    display: flex;
    margin-right: calc(0px - var(--m))
}

.tag {
    height: 32px;
    display: flex;
    align-items: center;
    margin-right: var(--m);
    margin-bottom: var(--m);
    text-transform: uppercase;
    padding: 0 var(--p);
    font-size: 10px;
    text-decoration: none;
    color: var(--color-text);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    cursor: pointer
}

.tag:hover,
.tag.selected {
    background: var(--color-bg-gray)
}

.toggle .title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.toggle .title:after {
    content: " ";
    display: block;
    width: 9px;
    min-width: 9px;
    height: 6px;
    margin-left: 10px;
    background: url("../img/icons/arrow.select.svg");
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.toggle .cont {
    display: none
}

.toggle.open .title:after,
.toggle:hover .title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.toggle.open .cont {
    display: block
}

.accordion_wrap {
    max-width: 640px;
    margin: 0 auto
}

.accordion_wrap .accordion {
    border-bottom: var(--border);
    padding-bottom: var(--p2)
}

.accordion_wrap .accordion .title {
    padding-top: var(--p2)
}

.accordion_wrap .accordion.open .title {
    padding-bottom: var(--p2)
}

.accordion_group .accordion_wrap:first-child .title {
    padding-top: 0
}

.tab_wrap .tabs {
    display: flex
}

.tab_wrap .tab {
    flex: 1;
    padding: var(--p) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    cursor: pointer
}

.tab_wrap .tab:after {
    content: " ";
    display: block;
    height: 1px;
    background: var(--color-gray-light);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.tab_wrap .tab:hover:after,
.tab_wrap .tab.selected:after {
    height: 3px;
    background: var(--color-text)
}

.tab_wrap .tab_content {
    padding-top: var(--m)
}

.i {
    background: #f7f7f8;
    height: var(--input-height);
    line-height: var(--input-height);
    border: 1px solid transparent;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-family: var(--ff);
    font-size: 12px;
    color: var(--color-text);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    text-align: -webkit-center
}

.i:-ms-input-placeholder {
    color: var(--color-gray-dark);
    border: none;
    outline: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0;
    appearance: textfield
}

.i:-moz-placeholder {
    opacity: 1;
    -moz-appearance: textfield;
    color: var(--color-gray-dark);
    border: none;
    outline: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0
}

.i::-moz-placeholder {
    opacity: 1;
    -moz-appearance: textfield;
    color: var(--color-gray-dark);
    border: none;
    outline: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0
}

.i::-webkit-input-placeholder {
    -webkit-appearance: textfield;
    color: var(--color-gray-dark);
    border: none;
    outline: none;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0
}

.i:focus,
.i:active {
    border: 1px solid var(--color-gray-light)
}

.i.button_height {
    height: var(--button-height)
}

.i.promo_input {
    border: 1px solid var(--color-gray-light);
    background: #fff
}

.i[disabled] {
    opacity: .5;
    pointer-events: none
}

.i.white {
    background: #fff;
    border: var(--border);
    padding-left: var(--p2)
}

#delivery_time {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 12px;
    padding-left: 29px
}

#delivery_time:-ms-input-placeholder {
    text-align: center;
    text-align: -webkit-center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    appearance: textfield
}

#delivery_time:-moz-placeholder {
    opacity: 1;
    -moz-appearance: textfield;
    text-align: center;
    text-align: -webkit-center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#delivery_time::-moz-placeholder {
    opacity: 1;
    -moz-appearance: textfield;
    text-align: center;
    text-align: -webkit-center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#delivery_time::-webkit-input-placeholder {
    -webkit-appearance: textfield;
    text-align: center;
    text-align: -webkit-center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

#delivery_time[type=text] {
    padding-right: 29px
}

[class*=safari] #delivery_time {
    padding-right: 29px
}

textarea.i {
    height: var(--m8);
    line-height: 1;
    text-align: left;
    padding: var(--p2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    padding-top: 20px
}

textarea.i.white {
    background: #fff;
    border: var(--border)
}

.i_wrap {
    margin-bottom: var(--m)
}

.i_wrap.error {
    color: var(--color-red)
}

.i_wrap.error input {
    color: var(--color-red)
}

.i_wrap .error_text {
    font-size: 12px
}

.colors {
    display: flex;
    flex-wrap: wrap;
    --a: 6px;
    margin-right: calc(0px - var(--a));
    margin-bottom: calc(0px - var(--a))
}

.color {
    margin-right: var(--a);
    margin-bottom: var(--a);
    cursor: pointer
}

.color i {
    display: block;
    width: 24px;
    height: 24px;
    background: #f00;
    border: 1px solid var(--color-gray-dark);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 100px;
    position: relative;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.color i:before {
    content: " ";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    left: -4px;
    border: 1px solid var(--color-text);
    border-radius: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    opacity: 0
}

.color i:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("../img/icons/check_black.svg") center no-repeat;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    opacity: 0
}

.color input {
    display: none
}

.color input:checked+i:before,
.color input:checked+i:after {
    opacity: 1
}

.checkbox {
    font-size: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    color: var(--color-text)
}

.checkbox+.checkbox {
    margin-top: var(--m_2)
}

.checkbox i {
    min-width: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-text);
    margin-right: 8px;
    background-position: center center;
    background-repeat: no-repeat
}

.checkbox input {
    display: none
}

.checkbox input:checked+i {
    background-color: var(--color-text);
    background-image: url("../img/icons/check_white.svg")
}

.checkbox.white {
    color: #fff
}

.checkbox.white i {
    border-color: #fff
}

.checkbox.white input:checked+i {
    background-color: #fff;
    background-image: url("../img/icons/check_black.svg")
}

.checkbox .txt a {
    color: var(--color-gray-dark);
    text-decoration: none
}

.checkbox .txt a:hover {
    color: var(--color-text)
}

.counter {
    display: flex;
    --h: 57px;
    height: var(--h);
    border: var(--border);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.counter .counter_input {
    flex: 1
}

.counter button {
    min-width: 62px;
    height: calc(var(--h) - 2px);
    cursor: pointer;
    border: none;
    padding: 0;
    position: relative;
    border-radius: 0;
    background-color: #fff;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.counter button:before {
    content: " ";
    display: flex;
    flex: 1;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.counter button:hover:before {
    opacity: .4
}

.counter input {
    border-radius: 0;
    border: none;
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    vertical-align: top
}

.counter .minus:before {
    background-image: url("../img/icons/minus.svg")
}

.counter .plus:before {
    background-image: url("../img/icons/plus.svg")
}

.counter:hover {
    border-color: var(--color-text)
}

.counter.mini {
    --h: 24px;
    width: 112px
}

.counter.mini button {
    min-width: var(--h)
}

.counter.mini button:before {
    background-size: 8px
}

.form_center {
    max-width: 520px;
    margin: 0 auto
}

.select,
.dadata_wrap {
    position: relative;
    font-size: 12px
}

.select .value,
.dadata_wrap .value {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--color-text);
    text-transform: uppercase;
    cursor: pointer
}

.select .value:after,
.dadata_wrap .value:after {
    content: " ";
    display: inline-block;
    background: url("../img/icons/arrow.select.svg") center no-repeat;
    width: 9px;
    height: 6px;
    margin-left: 6px
}

.select .options,
.dadata_wrap .options,
.select .dadata_res,
.dadata_wrap .dadata_res {
    position: absolute;
    top: calc(100% - 1px);
    left: calc(0px - var(--m) - 1px);
    z-index: 60;
    background: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    padding: var(--m_2) 0;
    border: 1px solid var(--color-gray-verylight);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.select .option,
.dadata_wrap .option {
    height: 30px;
    padding: var(--m_2) var(--m);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    color: var(--color-text)
}

.select .option:after,
.dadata_wrap .option:after {
    content: " ";
    display: inline-block;
    width: var(--m);
    height: var(--m);
    background: url("../img/icons/check_black.svg") center no-repeat;
    margin-left: 6px;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.select .option:hover,
.dadata_wrap .option:hover {
    background: var(--color-bg-gray)
}

.select .option.selected:after,
.dadata_wrap .option.selected:after {
    opacity: 1
}

.select.open .options,
.dadata_wrap.open .options {
    opacity: 1;
    pointer-events: all
}

.select.gray .txt,
.dadata_wrap.gray .txt {
    flex: 1;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 var(--m);
    padding-left: 42px
}

.select.gray .value,
.dadata_wrap.gray .value {
    height: 48px;
    background: var(--color-bg-gray);
    border-bottom: none;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: var(--m)
}

.select.gray .value:after,
.dadata_wrap.gray .value:after {
    width: 8px;
    height: 13px;
    background: url("../img/icons/arrow.select.gray.svg") center no-repeat
}

.select.gray .options,
.dadata_wrap.gray .options {
    left: 0;
    width: 100%
}

.select.gray.white,
.dadata_wrap.gray.white {
    border: var(--border)
}

.select.gray.white .value,
.dadata_wrap.gray.white .value {
    background: #fff
}

.select.right .options,
.dadata_wrap.right .options {
    left: auto;
    right: 0
}

.select.with_search input,
.dadata_wrap.with_search input {
    width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid var(--color-gray-verylight);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: var(--m);
    margin: 0;
    margin-bottom: var(--m_2)
}

.select.with_search .options,
.dadata_wrap.with_search .options {
    max-height: 250px;
    overflow: auto;
    padding-top: 0
}

#delivery_date {
    background: #f7f7f7 url("../img/icons/dates.svg") right 8px center no-repeat;
    background-size: 24px;
    padding-right: 29px;
    padding-left: 29px
}

.dadata_wrap .dadata_res {
    display: block;
    opacity: 1;
    pointer-events: all;
    left: 0;
    width: 100%
}

.dadata_wrap .dadata_res:empty {
    display: none
}

.form_add .forget {
    justify-content: flex-end;
    display: flex
}

.sidebar {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    z-index: 600
}

.sidebar>.hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-gray-verylight);
    z-index: 0;
    cursor: pointer
}

.sidebar .content {
    position: absolute;
    top: 0;
    max-width: 480px;
    right: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 1;
    padding: var(--m2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.sidebar .back {
    background: url("../img/icons/arrow.sidebar.svg") left top no-repeat;
    height: 32px;
    display: flex;
    align-items: center;
    padding-left: 44px;
    margin-bottom: var(--m2);
    cursor: pointer
}

.sidebar.open {
    opacity: 1;
    pointer-events: all;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.sidebar.open .content {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.hc1,
.hc2 {
    font-family: var(--ff);
    margin: 0;
    letter-spacing: 2px
}

.hc1+.h1,
.hc2+.h1,
.hc1+.h2,
.hc2+.h2,
.hc1+.h3,
.hc2+.h3,
.hc1+.h4,
.hc2+.h4,
.hc1+.h5,
.hc2+.h5 {
    margin-top: var(--p)
}

.h_sep {
    margin: var(--m4) 0;
    height: 1px;
    background: var(--color-border)
}

.hc1 {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase
}

.hc2 {
    font-size: 8px;
    line-height: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hc2.tal {
    justify-content: flex-start
}

.hc1 .sep,
.hc2 .sep {
    margin: 0 var(--p2);
    width: 1px;
    background: var(--color-gray-light);
    height: var(--p2)
}

.hc1.flex,
.hc2.flex {
    display: flex;
    align-items: center
}

.h_buttons {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.h_buttons span {
    flex: 1
}

.h_buttons .btn {
    padding-left: var(--p2);
    padding-right: var(--p2)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h4_2 {
    font-family: var(--ff-title);
    margin: 0;
    letter-spacing: -1px;
    letter-spacing: -.2px;
    font-weight: normal
}

.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h4_2 span {
    color: var(--color-gray-dark)
}

.h1 strong,
.h2 strong,
.h3 strong,
.h4 strong,
.h5 strong,
.h4_2 strong {
    font-weight: normal
}

.h1.white,
.h2.white,
.h3.white,
.h4.white,
.h5.white,
.h4_2.white {
    color: #fff
}

.h1+.text,
.h2+.text,
.h3+.text,
.h4+.text,
.h5+.text,
.h4_2+.text {
    margin-top: var(--p2);
    margin-bottom: var(--p2)
}

.h1+.text.small,
.h2+.text.small,
.h3+.text.small,
.h4+.text.small,
.h5+.text.small,
.h4_2+.text.small {
    margin-top: var(--p);
    margin-bottom: var(--p)
}

.h1 {
    font-size: 90px;
    line-height: 96px
}

.h2 {
    font-size: 50px;
    line-height: 54px
}

.h3 {
    font-size: 37px;
    line-height: 40px
}

.h4_2 {
    font-size: 30px;
    line-height: 32px
}

.h4 {
    font-size: 23px;
    line-height: 24px
}

.h4.h4_with_a a {
    color: inherit;
    text-decoration: none
}

.h4.h4_with_a a:hover {
    text-decoration: underline
}

.h5 {
    font-size: 15px;
    line-height: 26px
}

.header {
    font-size: 13px;
    line-height: 24px;
    font-family: var(--ff);
    margin: 0;
    font-weight: bold
}

.text {
    font-size: 13px;
    line-height: 24px;
    font-family: var(--ff)
}

.text.result {
    width: 100% !important
}

.text.error {
    text-align: center;
    color: var(--color-red)
}

.text.error:before {
    content: " ";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: middle;
    background: url("../img/icons/info_red.png") center no-repeat;
    background-size: cover
}

.text:empty {
    display: none
}

.text.red {
    color: var(--color-red)
}

.text.gray {
    opacity: .6
}

.text.small {
    font-size: 12px;
    line-height: 18px
}

.text+.more {
    margin-bottom: var(--m2)
}

.text span.gray {
    opacity: .6
}

.text ul {
    padding: 0;
    margin: 0;
    list-style-position: inside;
    margin: var(--m) 0;
    font-size: inherit;
    line-height: inherit
}

.text a {
    color: var(--color-text)
}

.text p {
    all: unset;
    display: block;
    font-size: inherit !important;
    line-height: inherit !important;
    margin: var(--m) 0
}

.text p:first-child {
    margin-top: 0
}

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

.text.bold {
    font-weight: bold
}

.info_block {
    padding: var(--m2);
    background: var(--color-card)
}

.info_block.light_blue {
    background: var(--color-light-blue)
}

.info_block .icon {
    width: 64px;
    height: 64px;
    background: url("../img/icons/info_block.svg");
    margin: 0 auto
}

.info_block .h4 {
    line-height: 32px
}

.table_area table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.table_area thead th {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: var(--m)
}

.table_area thead th.tar {
    text-align: right
}

.table_area tbody td {
    border-bottom: var(--border);
    padding-bottom: var(--m);
    padding-top: var(--m);
    font-size: 13px
}

.table_wrap table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.table_wrap td,
.table_wrap th {
    font-size: 12px;
    line-height: 18px;
    padding: var(--m)
}

.table_wrap td:first-child,
.table_wrap th:first-child {
    padding-left: 0
}

.table_wrap td:last-child,
.table_wrap th:last-child {
    padding-left: 0
}

.table_wrap td {
    border-top: 1px solid var(--color-gray-light)
}

.table_wrap th {
    text-align: left;
    font-weight: normal
}

.table_wrap .tar {
    text-align: right
}

.table_wrap a {
    color: var(--color-gray-dark);
    text-decoration: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast)
}

.table_wrap a:hover {
    color: var(--color-text)
}

@media all and (max-width:1024px) {
    #b_contacts .contacts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: var(--m4) 0
    }
    #b_personal_company #contacts img {
        width: 128px
    }
    #b_personal_company #contacts .contact {
        padding: var(--p4)
    }
    #mobile_menu {
        position: absolute;
        left: 0;
        width: 80%;
        /*75*/
        z-index: 1000
    }
    #mobile_menu.open {
        display: block
    }
    #mobile_menu .cont {
        background: #fff;
        box-shadow: var(--bs-vert);
        padding: var(--m2) var(--ph);
        max-height: calc(100vh - var(--top-height) - var(--nav-height));
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }
    #mobile_menu .cont .menus {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
    #mobile_menu .mobile_list {
        display: flex;
        flex-direction: column
    }
    #mobile_menu .mobile_list .el {
        color: var(--color-text);
        text-decoration: none;
        font-size: 12px
    }
    #mobile_menu .mobile_list .el+.el {
        margin-top: 10px
    }
    #mobile_menu .mobile_list.big {
        margin-top: -5px
    }
    #mobile_menu .mobile_list.big .el {
        font-size: 19px;
        font-family: var(--ff-title)
    }
    .order_card_wrap .td.empty {
        display: none
    }
    .order_card_wrap .td.td_p {
        grid-column: 2 span
    }
    .order_card_wrap .td.total {
        grid-column: 3 span
    }
    .profile_wrap {
        grid-template-columns: 170px minmax(0, 1fr)
    }
    .profile_menu .h4 {
        white-space: nowrap
    }
    .profile_content {
        padding-top: calc(24px + var(--m2))
    }
    .profile_list {
        grid-template-columns: 1fr
    }
    .profile_list .add {
        padding: var(--m2) 0
    }
    .orders_table td:nth-child(2),
    .orders_table th:nth-child(2),
    .orders_table td:nth-child(5),
    .orders_table th:nth-child(5) {
        display: none
    }
    #b_top .title {
        display: none
    }
    #b_nav .list.left_list {
        justify-content: flex-start
    }
    .item_wrap {
        grid-template-columns: minmax(0, 1fr)
    }
    .item_wrap .item_price {
        max-width: 100%
    }
    .item .bg,
    .item .add_cont {
        display: none
    }
    .item:hover .bg,
    .item:hover .add_cont {
        display: none
    }
    .catalog_content_wrap {
        /*grid-template-columns: 1fr руинит прокрутку у .catalog-subcat-wr */
        display: block;
    }
    .catalog {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .catalog .promo {
        height: 370px
    }
    .catalog.big {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .catalog_mob_filters {
        justify-content: space-between
    }
    .filter_wrap {
        display: none
    }
    .filter_wrap.open {
        display: block
    }
    .prop_content.flowers {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
    .course_list .img {
        margin-bottom: var(--m2)
    }
    .card2columns {
        flex-direction: column
    }
    .card2columns .col {
        width: 100%
    }
    .card_big {
        padding: var(--m2)
    }
    .main_categories .category {
        width: 100%
    }
    .main_categories .category:before {
        padding-bottom: 100%
    }
    .main_categories .category:nth-child(4n),
    .main_categories .category:nth-child(4n-3) {
        width: 100%
    }
    .main_categories .category:nth-child(4n):before,
    .main_categories .category:nth-child(4n-3):before {
        padding-bottom: 100%
    }
    .main_categories .category:nth-child(4n) {
        margin-left: 0
    }
    .main_categories .category:nth-child(4n-3) {
        margin-right: 0
    }
    .item_slider {
        margin-bottom: 0
    }
    .item_slider .item_slide {
        padding-top: 0;
        padding-bottom: 0
    }
    .news_annotations {
        grid-template-columns: 1fr;
        grid-gap: var(--p2) 0
    }
    .news_annotations .el:nth-child(1),
    .news_annotations .el:nth-child(2) {
        grid-row: 1 span;
        grid-column: 1 span
    }
    .news_annotations a.news_img {
        margin-bottom: var(--p4);
        display: block
    }
    .news_annotations a.news_img:before {
        content: " ";
        display: block;
        padding-bottom: 100%
    }
    .news_annotations3 {
        grid-template-columns: 1fr 1fr
    }
    #b_news_item .text {
        max-width: 100%
    }
    .confirm_wrap {
        display: flex;
        flex-direction: column
    }
    .confirm_wrap .confirm_content_wrap {
        max-width: 100%
    }
    .confirm_wrap .confirm_info_wrap {
        margin-top: var(--m2);
        max-width: 100%
    }
    .confirm_wrap .card_content_wrap .title .txt {
        font-size: 14px
    }
    .confirm_wrap .card_content_wrap .events {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .confirm_wrap .variant_cont {
        padding-right: 0;
        padding-bottom: 60px
    }
    .confirm_wrap .owl-nav {
        top: calc(100% + 20px);
        width: 100%;
        right: 0;
        justify-content: center
    }
    .confirm_wrap .payment_types {
        grid-template-columns: 1fr
    }
    .confirm_wrap .payments_icons {
        flex-wrap: wrap
    }
    .app_info {
        margin: 0
    }
    .app_info .img_wrap {
        text-align: center
    }
    .app_info .left {
        display: flex;
        justify-content: center
    }
    .contact_wrap {
        grid-template-columns: 1fr;
        grid-gap: var(--m2)
    }
    #b_corporate .prefers {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .delivery_prefer {
        grid-template-columns: 1fr
    }
    .delivery_foreign_info {
        grid-template-columns: 1fr
    }
    .delivery_info_wrap img {
        max-width: 100%
    }
    .fresh_list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .fresh_list .li:empty {
        display: none
    }
    .payments_prefers {
        grid-template-columns: 1fr
    }
    .return_list {
        grid-template-columns: 1fr
    }
    .sitemap_list {
        grid-template-columns: 1fr
    }
    .vacancies_wrap .vacancies_list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .plant_list .el {
        flex-direction: row-reverse
    }
    .plant_list .el .icon {
        min-width: 48px;
        min-height: 48px
    }
    .plant_list .el .icon+.icon {
        margin-left: 21px
    }
    .plant_list .el .left {
        padding-right: 0;
        padding-left: 24px
    }
    .plant_list .el .right {
        padding-top: 0
    }
    .plant_instructions_list {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .school_page_wrap {
        grid-gap: var(--m2);
        grid-template-columns: 1fr
    }
    .material_course_table {
        overflow: hidden;
        table-layout: fixed
    }
    .material_course_table .name {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .material_course_table td:nth-child(1) {
        width: 100px
    }
    .material_course_table td:nth-child(2) {
        width: 20px;
        padding-left: 0
    }
    #lesson_wrap {
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0
    }
    #lesson_content #lesson_info_title {
        margin-top: 0
    }
    .tags_wrap {
        overflow: auto
    }
    .tags_wrap .tags {
        width: fit-content;
        white-space: nowrap
    }
    .pagination {
        margin: var(--m4) 0
    }
}

@media all and (max-width:520px) {
    #b_personal_company #contacts {
        grid-template-columns: 1fr
    }
    #b_personal_company #contacts img {
        width: 128px
    }
    #b_crumbs a,
    #b_crumbs span {
        font-size: 8px
    }
    #b_footer {
        position: relative;
        padding-top: 72px
    }
    #b_footer #d_footer {
        padding-bottom: 0
    }
    #b_footer #d_footer.open {
        padding-bottom: 60px
    }
    #b_footer .menus {
        flex-direction: row-reverse
    }
    #b_footer .menus .menu:nth-child(1) {
        padding-left: var(--p)
    }
    #b_footer .input_wrap input,
    #b_footer .input_wrap button {
        height: 44px;
        font-size: 10px;
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }
    #b_footer .input_wrap input {
        border-right: none;
        flex: unset;
        padding-left: 0;
        text-align: center;
        width: 60%
    }
    #b_footer .input_wrap button {
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    #b_footer .to_top_wrap {
        position: absolute;
        top: var(--p2);
        right: var(--m2)
    }
    #b_footer .contacts .el:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    #b_footer .contacts .el:last-child a {
        width: fit-content;
        width: -moz-fit-content
    }
    .toggler_footer {
        position: absolute;
        left: var(--m2);
        top: var(--p2);
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
        line-height: 2
    }
    .toggler_footer:after {
        content: " ";
        display: inline-block;
        width: 10px;
        height: 10px;
        /* background:url("../img/icons/arrow.select.white.svg") center no-repeat; */
        background-size: contain;
        margin-left: 10px;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: var(--time-fast);
        -moz-transition-duration: var(--time-fast);
        -o-transition-duration: var(--time-fast);
        -ms-transition-duration: var(--time-fast);
        transition-duration: var(--time-fast)
    }
    .toggler_footer.open:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .link_return,
    .link_instruktsiya_svezhesti,
    .link_vacancies,
    .link_legal_information,
    .link_plantscare {
        display: none
    }
    .toggle_footer.hide {
        display: none !important
    }
    .safari_12 #b_footer .input_wrap input {
        line-height: 34px
    }
    .safari_12 #b_footer .input_wrap input:-ms-input-placeholder {
        line-height: 34px;
        appearance: textfield
    }
    .safari_12 #b_footer .input_wrap input:-moz-placeholder {
        opacity: 1;
        -moz-appearance: textfield;
        line-height: 34px
    }
    .safari_12 #b_footer .input_wrap input::-moz-placeholder {
        opacity: 1;
        -moz-appearance: textfield;
        line-height: 34px
    }
    .safari_12 #b_footer .input_wrap input::-webkit-input-placeholder {
        -webkit-appearance: textfield;
        line-height: 34px
    }
    #b_footer2 #d_footer2 {
        flex-direction: column
    }
    #mobile_menu .cont .menus {
        grid-template-columns: 1fr;
        grid-gap: 6px
    }
    .order_card_wrap .table_wrap {
        /* grid-template-columns: repeat(3, 110px) */
        grid-template-columns: 40% 1fr 1fr;
    }
    .order_card_wrap .table_wrap .th:first-of-type {
        display: none
    }
    .order_card_wrap .table_wrap .img_wrap {
        display: none
    }
    .td.name_wrap+.td {
        text-align: center;
    }
    .order_card_wrap .table_wrap .name_wrap {
        grid-column: 1 span;
        padding-left: 0;
        padding-right: 0;
        white-space: normal;
    }
    .order_card_wrap .table_wrap .td.td_p {
        grid-column: 1 span
    }
    .order_card_wrap .table_wrap .td.total {
        grid-column: 2 span;
        padding-left: 0
    }
    .profile_wrap {
        grid-template-columns: minmax(0, 1fr);
        grid-gap: var(--m2)
    }
    .profile_wrap .profile_menu {
        display: flex;
        flex-direction: column-reverse
    }
    .profile_wrap .menu_wrap {
        overflow-x: auto
    }
    .profile_wrap .menu {
        flex-direction: row;
        width: fit-content;
        white-space: nowrap
    }
    .profile_wrap .menu .el {
        display: block;
        line-height: 33px;
        padding: 0 var(--p)
    }
    .profile_wrap .menu .el+.el {
        margin-left: var(--m_2)
    }
    .profile_wrap .menu .el:hover,
    .profile_wrap .menu .el.selected {
        background: var(--color-bg-gray)
    }
    .profile_content {
        padding-top: 0
    }
    .profile_list {
        grid-gap: var(--m2)
    }
    #d_search {
        padding-left: 0;
        padding-right: 0
    }
    #b_top {
        padding: 0
    }
    #b_top #d_top {
        padding: 0
    }
    #b_top #d_top .cities .city {
        flex: 1;
        height: 56px;
        align-items: center;
        justify-content: center
    }
    #b_top #d_top .cities .el+.el {
        margin-left: 0;
        padding-left: 0
    }
    .catalog {
        /* grid-gap: 20px 10px */
    }
    .item .price {
        display: flex;
        flex-direction: column-reverse
    }
    .item .price s {
        margin-left: 0 !important
    }
    .item .cont {
        padding-bottom: 0;
        padding-top: 30px;
        /* var(--p) */
    }
    .owl-carousel_catalog div.owl-dots {
        bottom: -20px;
    }
    .owl-carousel .owl-stage-outer {
        /* border-radius: 10px; */
    }
    .item_wrap {
        grid-gap: var(--m2)
    }
    .item_wrap .item_info_content {
        max-height: unset
    }
    .item_wrap .plant_info {
        grid-template-columns: 1fr
    }
    #b_item {
        padding-bottom: 0 !important
    }
    .catalog .promo {
        height: auto;
        min-height: 0;
        padding: var(--p2) 0
    }
    .prop_content.flowers {
        display: flex;
        flex-direction: column
    }
    .filter .prop {
        border-bottom: 1px solid var(--color-gray-light);
        padding-bottom: 0
    }
    .filter .prop .prop_title {
        padding: var(--p2) 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0 !important
    }
    .filter .prop .prop_title:after {
        content: " ";
        display: block;
        width: 9px;
        min-width: 9px;
        height: 6px;
        margin-left: 10px;
        background: url("../img/icons/arrow.select.svg");
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: var(--time-fast);
        -moz-transition-duration: var(--time-fast);
        -o-transition-duration: var(--time-fast);
        -ms-transition-duration: var(--time-fast);
        transition-duration: var(--time-fast)
    }
    .filter .prop .prop_content {
        display: none;
        padding-bottom: var(--m2)
    }
    .filter .prop.open .prop_title:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .filter .prop.open .prop_content {
        display: block
    }
    .filter .prop.open .prop_content.colors {
        display: flex
    }
    .seo_wrap {
        padding: var(--m)
    }
    .b.pt {
        padding-top: var(--m2)
    }
    .b.pb {
        padding-bottom: var(--m2)
    }
    .row .c.txt:first-child {
        padding-right: 0
    }
    .row .c.txt:last-child {
        padding-left: 0
    }
    .row .c.image {
        padding-bottom: var(--p2)
    }
    #whatsapp {
        position: fixed;
        bottom: 18px;
        left: 20px;
        width: 70px;
        height: 70px;
        /* background:url("../img/icons/whatsapp.png") center no-repeat; */
        background-size: contain;
        z-index: 10
    }
    .course .buttons {
        flex-direction: column
    }
    .course .cont {
        padding: 0
    }
    .course:first-child {
        margin-top: var(--m2)
    }
     :root {
        --ph: 30px;
        --owl-dots-width: 8px;
        --top-height: 57px
    }
    .main_categories .category .cont {
        padding: var(--p2)
    }
    .main_categories .category:before {
        padding-bottom: 100% !important
    }
    .show_all {
        display: none
    }
    .item_slider {
        width: calc(100% + var(--p) * 2);
        margin-left: calc(0px - var(--p));
        margin-right: calc(0px - var(--p))
    }
    .item_slider .item_slide {
        padding-left: var(--p);
        padding-right: var(--p)
    }
    .item_slider.with_nav_slider .owl-nav {
        right: var(--p)
    }
    .news_annotations {
        grid-gap: 0
    }
    .news_annotations a.news_img {
        margin-bottom: 0;
        height: calc((100vw - var(--ph) * 2) * 2 / 3)
    }
    .news_annotations .img {
        background-size: cover
    }
    .news_annotations .img:before {
        padding-bottom: calc((100vw - var(--ph) * 2) * 2 / 3)
    }
    .news_annotations .cont {
        padding-top: var(--p2)
    }
    .news_annotations2 {
        grid-template-columns: 1fr
    }
    .news_annotations3 {
        grid-template-columns: 1fr
    }
    .steps_line {
        max-width: 80%
    }
    .steps_line .step_dot:not(.now) .txt {
        display: none
    }
    .additional_wrap {
        box-shadow: none;
        padding: 0;
        padding-top: var(--m)
    }
    .additional_wrap .items {
        grid-gap: var(--m)
    }
    .confirm_wrap .confirm_info_wrap {
        margin-top: 0
    }
    .about_wrap {
        flex-direction: column;
        margin-top: var(--m2)
    }
    .about_wrap:first-child {
        margin-top: 0
    }
    .about_wrap:nth-child(2n) {
        flex-direction: column-reverse
    }
    .about_wrap .right {
        padding-left: 0
    }
    .app_list .app+.app {
        margin-top: var(--m)
    }
    .contact_wrap iframe,
    .contact_wrap .map_wrap {
        height: 400px
    }
    .contact_wrap ymaps {
        height: 100% !important
    }
    .contacts_slider_wrap {
        padding-top: var(--m)
    }
    #b_corporate .row.corporate {
        margin-top: var(--m2)
    }
    #b_corporate .row.corporate .img {
        margin-bottom: var(--m)
    }
    #b_corporate .row.corporate .c:first-child {
        padding-right: 0
    }
    #b_corporate .row.corporate .c:last-child {
        padding-left: 0
    }
    #b_corporate .row.corporate:nth-child(2n) {
        flex-direction: column-reverse
    }
    #b_corporate .prefers {
        grid-template-columns: 1fr;
        grid-gap: var(--m);
        text-align: center
    }
    .personal_order .right {
        padding: var(--p2)
    }
    .delivery_foreign_info {
        padding: var(--p)
    }
    .fresh_list {
        grid-template-columns: 1fr;
        grid-gap: 0
    }
    .payments {
        grid-gap: var(--p) 0
    }
    .payments .title {
        display: none
    }
    .payments .icon {
        margin-bottom: 0
    }
    .return_list {
        padding-top: var(--m2)
    }
    .sitemap_list {
        grid-gap: var(--m2)
    }
    .sitemap_list .lists {
        grid-template-columns: 1fr
    }
    .sitemap_list .lists .list+.list {
        margin-top: 8px
    }
    .vacancies_wrap .vacancies_list {
        grid-template-columns: 1fr
    }
    .plant_list {
        margin-bottom: var(--m2)
    }
    .plant_list .el {
        flex-direction: column-reverse
    }
    .plant_list .el .left {
        padding-left: 0;
        padding-top: var(--p2)
    }
    .plant_list .el .left,
    .plant_list .el .right {
        width: 100%
    }
    .plant_instructions_list {
        grid-gap: var(--m2);
        grid-template-columns: 1fr
    }
    .percent_card {
        --pcw: calc(100vw - var(--ph) * 2);
        width: var(--pcw);
        height: calc(var(--pcw) / 390 * 258)
    }
    .pagination .el {
        font-size: 15px;
        padding: 0 5px;
        margin: 0 var(--m_2)
    }
    .tooltip_content {
        width: 100vw;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 10;
        height: fit-content
    }
    .tooltip_content .img {
        margin: 0 auto var(--m2)
    }
    .owl-carousel_catalog div.owl-dots .owl-dot {
        margin: 0 4px !important
    }
    .form_links a {
        width: fit-content
    }
    .select .option {
        height: auto;
        white-space: normal
    }
    .h_sep {
        margin: var(--m2) 0
    }
    .h1 br,
    .h2 br,
    .h3 br,
    .h4 br,
    .h5 br,
    .h4_2 br {
        display: none
    }
    .h1+.text:not(.no_mob_br) br,
    .h2+.text:not(.no_mob_br) br,
    .h3+.text:not(.no_mob_br) br,
    .h4+.text:not(.no_mob_br) br,
    .h5+.text:not(.no_mob_br) br,
    .h4_2+.text:not(.no_mob_br) br {
        display: none
    }
    .table_area {
        overflow-x: auto;
        white-space: nowrap
    }
    .table_wrap {
        overflow-x: auto;
        white-space: nowrap
    }
    .text.gray {
        font-size: 12px;
        line-height: 18px
    }
    .text.text_verysmall_mob {
        font-size: 11px;
        line-height: 17px
    }
    .h_buttons {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
    .h_buttons .buttons {
        margin-top: var(--p2)
    }
}

@media all and (max-width:374px) {
     :root {
        --ph: 10px
    }
}

@media all and (max-width:1920px) {
    .db-wide {
        display: block !important
    }
    .dn-wide {
        display: none !important
    }
    .dib-wide {
        display: inline-block !important
    }
    .dflex-wide {
        display: flex !important
    }
    .fd-cr-wide {
        flex-direction: column-reverse
    }
    .h1-wide {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-wide {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-wide {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-wide {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-wide {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-wide {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-wide {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-wide {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-wide {
        margin-top: var(--m2) !important
    }
    .m2_mb-wide {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-wide {
        margin-top: var(--p2) !important
    }
    .p4_mb-wide {
        margin-bottom: var(--p4) !important
    }
    .pt0-wide {
        padding-top: 0 !important
    }
    .tac-wide {
        text-align: center !important
    }
    .no_ph-wide {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-wide {
        display: flex !important
    }
}

@media all and (max-width:1600px) {
    .db-big {
        display: block !important
    }
    .dn-big {
        display: none !important
    }
    .dib-big {
        display: inline-block !important
    }
    .dflex-big {
        display: flex !important
    }
    .fd-cr-big {
        flex-direction: column-reverse
    }
    .h1-big {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-big {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-big {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-big {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-big {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-big {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-big {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-big {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-big {
        margin-top: var(--m2) !important
    }
    .m2_mb-big {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-big {
        margin-top: var(--p2) !important
    }
    .p4_mb-big {
        margin-bottom: var(--p4) !important
    }
    .pt0-big {
        padding-top: 0 !important
    }
    .tac-big {
        text-align: center !important
    }
    .no_ph-big {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-big {
        display: flex !important
    }
}

@media all and (max-width:1200px) {
    .db-lap {
        display: block !important
    }
    .dn-lap {
        display: none !important
    }
    .dib-lap {
        display: inline-block !important
    }
    .dflex-lap {
        display: flex !important
    }
    .fd-cr-lap {
        flex-direction: column-reverse
    }
    .h1-lap {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-lap {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-lap {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-lap {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-lap {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-lap {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-lap {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-lap {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-lap {
        margin-top: var(--m2) !important
    }
    .m2_mb-lap {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-lap {
        margin-top: var(--p2) !important
    }
    .p4_mb-lap {
        margin-bottom: var(--p4) !important
    }
    .pt0-lap {
        padding-top: 0 !important
    }
    .tac-lap {
        text-align: center !important
    }
    .no_ph-lap {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-lap {
        display: flex !important
    }
}

@media all and (max-width:1024px) {
    .db-pad-pro {
        display: block !important
    }
    .dn-pad-pro {
        display: none !important
    }
    .dib-pad-pro {
        display: inline-block !important
    }
    .dflex-pad-pro {
        display: flex !important
    }
    .fd-cr-pad-pro {
        flex-direction: column-reverse
    }
    .h1-pad-pro {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-pad-pro {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-pad-pro {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-pad-pro {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-pad-pro {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-pad-pro {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-pad-pro {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-pad-pro {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-pad-pro {
        margin-top: var(--m2) !important
    }
    .m2_mb-pad-pro {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-pad-pro {
        margin-top: var(--p2) !important
    }
    .p4_mb-pad-pro {
        margin-bottom: var(--p4) !important
    }
    .pt0-pad-pro {
        padding-top: 0 !important
    }
    .tac-pad-pro {
        text-align: center !important
    }
    .no_ph-pad-pro {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-pad-pro {
        display: flex !important
    }
}

@media all and (max-width:990px) {
    .db-desk {
        display: block !important
    }
    .dn-desk {
        display: none !important
    }
    .dib-desk {
        display: inline-block !important
    }
    .dflex-desk {
        display: flex !important
    }
    .fd-cr-desk {
        flex-direction: column-reverse
    }
    .h1-desk {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-desk {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-desk {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-desk {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-desk {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-desk {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-desk {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-desk {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-desk {
        margin-top: var(--m2) !important
    }
    .m2_mb-desk {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-desk {
        margin-top: var(--p2) !important
    }
    .p4_mb-desk {
        margin-bottom: var(--p4) !important
    }
    .pt0-desk {
        padding-top: 0 !important
    }
    .tac-desk {
        text-align: center !important
    }
    .no_ph-desk {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-desk {
        display: flex !important
    }
}

@media all and (max-width:768px) {
    .db-pad {
        display: block !important
    }
    .dn-pad {
        display: none !important
    }
    .dib-pad {
        display: inline-block !important
    }
    .dflex-pad {
        display: flex !important
    }
    .fd-cr-pad {
        flex-direction: column-reverse
    }
    .h1-pad {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-pad {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-pad {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-pad {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-pad {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-pad {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-pad {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-pad {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-pad {
        margin-top: var(--m2) !important
    }
    .m2_mb-pad {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-pad {
        margin-top: var(--p2) !important
    }
    .p4_mb-pad {
        margin-bottom: var(--p4) !important
    }
    .pt0-pad {
        padding-top: 0 !important
    }
    .tac-pad {
        text-align: center !important
    }
    .no_ph-pad {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-pad {
        display: flex !important
    }
}

@media all and (max-width:580px) {
    .db-mob {
        display: block !important
    }
    .dn-mob {
        display: none !important
    }
    .dib-mob {
        display: inline-block !important
    }
    .dflex-mob {
        display: flex !important
    }
    .fd-cr-mob {
        flex-direction: column-reverse
    }
    .h1-mob {
        font-size: 90px !important;
        line-height: 96px !important
    }
    .h2-mob {
        font-size: 50px !important;
        line-height: 54px !important
    }
    .h3-mob {
        font-size: 37px !important;
        line-height: 40px !important
    }
    .h4-mob {
        font-size: 23px !important;
        line-height: 24px !important
    }
    .h4_2-mob {
        font-size: 30px !important;
        line-height: 32px !important
    }
    .h5-mob {
        font-size: 15px !important;
        line-height: 26px !important
    }
    .m_mb-mob {
        margin-bottom: var(--m) !important
    }
    .m_2_mb-mob {
        margin-bottom: var(--m_2) !important
    }
    .m2_mt-mob {
        margin-top: var(--m2) !important
    }
    .m2_mb-mob {
        margin-bottom: var(--m2) !important
    }
    .p2_mt-mob {
        margin-top: var(--p2) !important
    }
    .p4_mb-mob {
        margin-bottom: var(--p4) !important
    }
    .pt0-mob {
        padding-top: 0 !important
    }
    .tac-mob {
        text-align: center !important
    }
    .no_ph-mob {
        margin-left: calc(0px - var(--ph));
        margin-right: calc(0px - var(--ph))
    }
    .df-mob {
        display: flex !important
    }
}

.item .img_wrap {
    position: relative;
    overflow-y: hidden;
}

.plus_detail::before,
.plus_personal::before {
    background-image: url(../img/icons/plus.svg);
}

.minus_detail::before,
.minus_personal::before {
    background-image: url(../img/icons/minus.svg);
}

.option {
    cursor: pointer;
}


/* @media (max-width: 520px) { */

#b_nav {
    background: #fff;
    z-index: 900;
    position: fixed;
    /* position: -webkit-sticky; */
    top: 0;
    width: 100%;
}

div#content {
    position: relative;
    padding-top: 120px;
}


/* } */

.i_wrap.error {
    color: var(--color-red);
}

.error_text {
    display: none;
}

.logo_img {
    max-height: 50px;
}

.top_phone_block {
    background-image: url(../img/icons/phone_small2.svg);
    display: none !important;
}

@media (max-width: 520px) {
    .logo_img {
        max-height: 25px;
    }
    .top_phone_block {
        display: block !important;
    }
    div#content {
        padding-top: 115px;
    }
}

#b_top {
    display: none;
}

.mini-minus:before {
    background-image: url(../img/icons/minus.svg);
}

.mini-plus:before {
    background-image: url(../img/icons/plus.svg);
}

@media (max-width: 1024px) {
    #mobile_menu .mobile_list .el:hover,
    #mobile_menu .mobile_list .el:active {
        background-color: var(--color-gray-white);
    }
}

#b_nav .subcatalog .main_menu a:hover,
#b_nav .subcatalog .main_menu a:active {
    background-color: var(--color-gray-white);
}

.add-text h1,
.add-text h2,
.add-text h3,
.add-text h4,
.add-text h5,
.add-text h6,
.add-text .atitle {
    margin: 30px 0 30px 0;
    text-align: center;
    display: block;
    line-height: 45px;
    color: rgb(41, 41, 41);
    display: block;
    font-family: var(--ff);
    /* font-family: Wermut, sans-serif; */
    font-weight: 400;
    letter-spacing: -0.2px;
}

.add-text h1 {
    font-size: 50px;
}

.add-text h2 {
    font-size: 46px;
}

.add-text h3 {
    font-size: 42px;
}

.add-text h4 {
    font-size: 38px;
}

.add-text h5 {
    font-size: 34px;
}

.add-text h6 {
    font-size: 34px;
}

.atitle {
    font-size: 30px;
    margin: 30px 0 20px 0;
    display: block;
    color: rgb(41, 41, 41);
    display: block;
    /* font-family: Wermut, sans-serif; */
    font-family: var(-ff);
    font-weight: 400;
    letter-spacing: -0.2px;
}

.add-text p {
    text-align: justify;
    margin-bottom: 20px;
    color: rgb(41, 41, 41);
    display: block;
    font-family: var(--ff);
    /* font-family: Graphik, sans-serif; */
    font-size: 13px;
    line-height: 24px;
}

.add-text ul,
.add-text ol {
    margin: 30px 0 30px 0;
}

.add-text ul,
.add-text ul li {
    list-style: disc !important;
}

.add-text ul li:before {
    content: "\25A0 " !important;
    margin-right: 15px !important;
    color: rgb(41, 41, 41) !important;
}

.add-text ol,
.add-text ol li {
    list-style-type: decimal;
}

.add-text li {
    padding: 0;
    margin: 0 0 10px 0;
    text-align: justify;
    color: rgb(41, 41, 41);
    display: block;
    /* font-family: Graphik, sans-serif; */
    font-family: var(-ff);
    font-size: 13px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .catalog {
        column-count: 3;
    }
    .catalog_content_wrap {
        display: flex;
        width: 100%;
        position: relative;
    }
    .catalog_content_wrap .filter_wrap {
        width: 29%;
        display: inline-block;
        margin: 2%;
    }
    .catalog_content_wrap .catalog_wrap {
        columns: 1 !important;
        width: 48%;
        display: inline-block;
    }
    .item {
        margin-bottom: 20px;
        width: 100%;
        height: 365px;
        top: 18px;
    }
    .item .add_cont {
        position: absolute;
        top: 101%;
    }
    .item .price {
        top: 6px;
    }
    .btn.fill {
        background-color: black;
    }
    .item .btns .btn {
        margin: 0;
        padding: 5px;
    }
    .badge.sale {
        background-color: orange;
    }
    .cart_item_list .cart_item {
        display: inline-block;
        width: 100%;
    }
    .cart_item_list .cart_item .img {
        display: inline-block;
        width: 30%;
    }
    .cart_item_list .cart_item .cont {
        display: inline-block;
        width: 65%;
        top: -107px
    }
    .counter.mini {
        border: solid 1px black;
        width: 135px;
    }
    .options.delivery_types_list {
        margin: 20px;
        border: solid 1px black;
    }
    .delivery_interval_option.option {
        margin: 20px;
        border: solid 1px black;
    }
    #b_nav {
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .nav.dn-pad-pro {
        margin-left: 5%;
    }
    .list {
        margin-right: 5%;
    }
    .item .text {
        font-size: 12px;
    }
    .bottom_contacts {
        display: flex;
        margin-left: 10%;
        margin-right: 10%;
        width: 70%;
        max-width: 800px;
        margin: 0 auto;
    }
    #b_contacts .el {
        display: inline-flex;
        width: 14%;
    }
    footer {
        background: black;
    }
    #b_footer {
        margin-left: 10%;
        margin-right: 10%;
    }
    .card2columns .img_wrap {
        padding-bottom: 5%;
        padding-top: 5%;
        padding-left: 5%;
        padding-right: 10%;
    }
    .item_wrap {
        display: inline-flex;
        width: ;
        width: 100%;
    }
    .item_wrap .image_wrap {
        display: inline-flex;
        width: 47%;
    }
    .imgs {
        display: inline-block;
        width: 20%;
    }
    .item_wrap .image_wrap .imgs .img {
        margin: 10%;
    }
    .item_wrap .item_info {
        display: inline-block;
        width: 45%;
    }
    .item_wrap .item_info_content {
        margin: 10%;
    }
    .item_wrap .main_images_scroller_wrap {
        display: inline-flex;
        width: 80%;
    }
    .item_wrap .image_wrap .main_images .img,
    .item_wrap .image_wrap .main_images .img_wrap {
        margin: 10%;
    }
    .item_wrap .item_price {
        border: solid 1px black;
        margin-top: 4%;
        margin-right: 4%;
        margin-bottom: 4%;
    }
    .btn.fill {
        padding: 10px;
    }
    .window {
        padding-left: 7%;
        padding-right: 7%;
        padding-bottom: 5%;
    }
    .i_wrap {
        margin-bottom: 10px;
    }
    input[type='radio'][disabled],
    input[type='checkbox'][disabled],
    input[type='radio'].disabled,
    input[type='checkbox'].disabled,
    fieldset[disabled] input[type='radio'],
    fieldset[disabled] input[type='checkbox'] {
        display: inline-block;
    }
     :-ms-input-placeholder.i {
        padding: 10px;
    }
    .i {
        padding: 10px;
    }
    .payments_prefers {
        display: -ms-flexbox;
        margin: 5%;
    }
    .payments_prefers .el {
        margin: 10px;
    }
    .payments_prefers .el .icon {
        margin-left: 40%;
    }
    .card2columns {
        display: flex;
        margin-right: 6%;
        margin-bottom: 3%;
        margin-left: 6%;
    }
    .payments {
        display: inline-block;
        width: 100%;
    }
    .payment {
        width: 20%;
        display: inline-block;
    }
    #b_nav .nav_el:hover .subcatalog {
        margin-left: 5%;
    }
    .prevented {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #b_nav .nav_el:hover .subcatalog {
        margin-left: 5%;
        margin-top: -19px;
    }
    .delivery_foreign_info {
        display: -ms-flexbox;
        margin-left: 10%;
        margin-right: 10%;
    }
    .delivery_foreign_info .li {
        width: 30%;
    }
    .delivery_foreign_info .li .icon {
        margin-left: 45%;
    }
}


/*callback form*/

.modal_bg {
    cursor: pointer;
    position: fixed;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.top_phone_wrapper {
    position: relative;
}

.top_contf_wrapper {
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    -o-transition-property: opacity, visibility, -o-transform;
    -moz-transition-property: opacity, visibility, transform, -moz-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform, -moz-transform, -o-transform;
}

.top_contf_wrapper.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.top_contf_wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 100;
    padding: 12px 0;
    margin-left: -16px;
    margin-top: 12px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 4px rgb(0 0 0 / 15%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-property: none;
    -o-transition-property: none;
    -moz-transition-property: none;
    transition-property: none;
}

.top_contf_list_title:first-child {
    margin-top: 4px;
}

.top_contf_list_title {
    display: block;
    color: #828282;
    font-size: 12px;
    line-height: 16px;
    margin: 6px 16px -4px;
}

a[href^="tel:"] {
    white-space: nowrap;
}

.top_contf_list_link {
    display: block;
    white-space: nowrap;
    padding: 6px 16px;
    color: var(--color-text);
    font-size: 16px;
}

.top_contf_callback_btn_wrapper {
    margin: 6px 16px 4px;
}

.btn_micro {
    min-height: 34px;
    line-height: 20px;
    padding: 8px 16px;
}

.btn_wide {
    width: 100%;
}

element.style {}

.top_contf_callback_btn {
    font-size: 14px;
    line-height: 20px;
}

.top_contf_callback_btn {
    display: inline-block;
    -webkit-transition: visibility .2s ease, opacity .2s ease;
    -o-transition: visibility .2s ease, opacity .2s ease;
    -moz-transition: visibility .2s ease, opacity .2s ease;
    transition: visibility .2s ease, opacity .2s ease;
}

@media (max-width: 991px) {
    .top_contf_wrapper_in {
        overflow-y: auto;
        position: relative;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100vh;
        padding: 16px;
    }
    .top_contf_wrapper_list {
        position: relative;
        min-width: 288px;
        z-index: 1;
        padding: 8px 0;
        margin: auto;
        background-color: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    ._15eN9lfP {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .top_contf_list_link {
        font-size: 18px;
        line-height: 24px;
        padding: 8px 16px;
    }
    .top_contf_list_title:first-child {
        margin-top: 8px;
    }
    .top_contf_wrapper_list>:first-child {
        margin-right: 56px;
    }
    .top_contf_list_title {
        font-size: 14px;
        line-height: 20px;
    }
    .top_contf_callback_btn_wrapper {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .top_contf_mobheader_wrapper {
        display: block;
        position: absolute;
        right: 16px;
        top: 16px;
        z-index: 5;
        cursor: pointer;
    }
    .top_contf_mobheader_close {
        width: 24px;
        height: 24px;
        fill: #828282;
    }
    ._15eN9lfP {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
}

.fade_modal {
    transition: opacity .15s linear;
}

.modal.show {
    background: rgba(0, 0, 0, 0.5);
}

.btn-close {
    cursor: pointer;
}

#callback_phone {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
}

.callback_error {
    display: none;
}

.callback_error.hasError {
    display: block;
    color: #e3352a;
    font-size: 12px;
    line-height: 16px;
    margin: 4px 16px 0;
}

.callback_content {
    margin-bottom: 12px;
}

.privacy_text_callback {
    margin-top: 12px;
}

.js_callback_sbmt_error,
.js_callback_sbmt_ok {
    display: none;
}

.text-lowercase {
    text-transform: lowercase;
}

.text_verysmall_mob {
    font-style: italic;
}

#cart_sidebar.sidebar .back {
    margin-top: 120px;
}

#d_catalog .to_top {
    top: 165px;
}

.to_top {
    position: fixed;
    top: 180px;
}

.subcatalog .d {
    padding-top: 20px;
    background: #fff;
    padding-bottom: 40px;
}

body #b_nav .subcatalog {
    background: transparent;
    padding-top: 20px;
    padding-bottom: 0px;
}

.to_top_wrap .to_top {
    background: #dc9dfe;
    width: 60px;
    height: 60px;
    right: 65px;
    bottom: 20px;
    top: auto;
    font-size: 0;
    z-index: 1111;
    border-radius: 100%;
}


}
.to_top_wrap .to_top::after {
    content: "↑";
    font-size: 44px;
    /* padding-left: 13px; */
    
    color: #fff;
    display: block;
    /* width: 43px; */
    
    height: 20px;
    position: absolute;
    top: -20px;
    /* left: 7px; */
    
    left: 20px;
}
.buket-2-ctnter {
    margin-left: 210px;
}
@media only screen and (max-width:768px) {
    .h3 {
        font-size: 30px;
        line-height: 37px;
    }
    
    .add-text h1 {
        font-size: 30px;
        margin: 0;
    }
    
    .main_page_title {
        line-height: 30px!important;
        margin: 7px 0!important;
        font-size: 27px!important;
    }
    
    .buket_of_day {
        font-size: 27px!important;
    }
    
    body .individual_menu_item {
        font-weight: normal !important;
        /* font-size: 16px !important; */
    }
    
    .add-text h2 {
        font-size: 30px;
        line-height: 36px;
    }
    
    .bouquet_of_thr_day--main h2 {
        margin: 0!important;
    }
}
.to_top_wrap .to_top:before {
    content: "↑";
    font-size: 44px;
    /* padding-left: 13px; */
    
    color: #fff;
    display: block;
    /* width: 43px; */
    
    height: 20px;
    position: absolute;
    top: -20px;
    left: 8px;
}
@media only screen and (max-width:1200px) {
    .buket-2-ctnter {
        margin-left: 0px;
    }
    
    body .pulse_button_wrapper.opened {
        right: 10px;
    }
    
    .to_top_wrap .to_top {
        background: #dc9dfe;
        width: 60px;
        height: 60px;
        right: 9px;
        bottom: 20px;
        top: auto;
        font-size: 0;
        z-index: 1111;
        border-radius: 100%;
    }
}
.goto_top {
    position: fixed;
    background: #dc9dfe;
    width: 60px;
    height: 60px;
    right: 35px;
    bottom: 110px;
    top: auto;
    font-size: 0;
    z-index: 1111;
    border-radius: 100%;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    line-height: 2;
    text-transform: uppercase;
}
.goto_top_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.goto_top_arrow {
    /* content: "↑"; */
    
    font-size: 44px;
    color: rgb(255, 255, 255);
    display: block;
    height: 20px;
    position: absolute;
    top: -16px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.goto_top:hover {
    color: rgba(255, 255, 255, 0.4)
}
@media (max-width: 1200px) {
    .goto_top {
        right: 10px;
    }
}
footer .menu {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}
footer .menu .menu_column a,
footer .menu .menu_column .menu_column_title {
    display: block;
    text-transform: uppercase;
}
footer .menu .menu_column a {
    line-height: 1.5 !important;
}
footer .menu .menu_column_contacts #d_footer_contacts {
    padding: 0 !important;
}
footer .menu .menu_column_contacts #d_footer_contacts .contacts {
    margin: 0 !important;
}
footer .menu .menu_column_contacts span,
footer .menu .menu_column_contacts a {
    display: inline;
}
footer .menu .menu_column_contacts {
    margin-left: 60px;
    width: 300px;
}
footer .menu .menu_column_contacts .menu_column_title {
    text-align: center;
}
footer .menu .menu_column_contacts .el {
    margin-top: 0 !important;
}
footer .menu .menu_column_title {
    margin-bottom: 15px;
}
@media(max-width: 998px) {
    footer .menu {
        grid-template-columns: repeat(3, 1fr);
    }
    
    footer .menu .menu_column {
        margin-bottom: 30px;
    }
    
    footer .menu .menu_column_contacts {
        margin-left: 0px;
        width: auto;
    }
    
    footer .menu .menu_column_contacts .menu_column_title,
    footer .menu .menu_column_contacts .el {
        text-align: left;
    }
}
@media(max-width: 680px) {
    footer .menu {
        display: block;
    }
    
    footer .menu .menu_column {
        margin-bottom: 40px;
    }
}
.reviews-slider .swiper-button-next::after,
.reviews-slider .swiper-button-prev::after {
    font-size: 30px;
    color: #000;
}
@media(max-width: 1024px) {
    .cont-reviews-slider {
        max-width: 100% !important;
        margin-left: 0 !important;
    }
    
    .cont-reviews-slider img {
        display: none;
    }
    
    .reviews-slider {
        min-height: 55px !important;
    }
}
.main_tabs {
    max-width: 1000px;
    margin: 0 auto;
    margin-left: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.tabs_main_content h2 {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding-left: 313px;
}
.tabs_main_content {
    margin-top: 50px;
}
.tabs_content_popular {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.main_tabs h2.active {
    border: none;
    color: #292929;
}
.main_links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 1004px;
    margin-left: 315px;
    position: relative;
    margin-bottom: 70px;
    max-width: 100%;
    margin-top: 0px;
}
.main_links a {
    width: calc(25% - 15px);
}
@media (max-width: 590px) {
    .main_links a {
        width: calc(50% - 20px);
    }
}
@media(max-width: 1290px) {
    .main_links {
        width: auto;
        max-width: 1000px;
    }
    
    .b_popular {
        max-width: 800px !important;
    }
}
@media(max-width: 1500px) {
    .main_links_p {
        font-size: 16px!important;
    }
    
    .main_links {
        margin-left: 343px;
    }
}
@media(max-width: 992px) {
    .main_tabs {
        margin-left: 0 !important;
    }
    
    .d_popular {
        margin-left: 0 !important;
    }
    
    .tabs_main_content h2 {
        padding-left: 0px;
    }
    
    .tabs_content_popular {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .main_links {
        margin-left: 0px;
        margin-bottom: ;
    }
}
.sliders-all .item {
    max-width: 316px;
}
.sliders-all {
    MAX-WIDTH: 1070px;
    margin: 0 auto;
}
@media(max-width: 590px) {
    .main_tabs {
        display: block;
    }
    
    .main_tabs h2 {
        width: fit-content;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    
    .main_links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .main_links .main_links_container {
        max-width: 46.8%;
    }
    
    .main_links .main_links_container .main_links_image {
        width: 100%;
        height: 150px!important;
    }
    
    .main_links_p {
        font-size: 13px!important;
    }
}
.item_slide.hide {
    display: none;
}
.show_more_popular {
    margin-top: 50px;
}
.img_wrap_hidden {
    display: none;
}
body .img_wrap_hidden.active {
    display: block;
}
.text.bast_buy_price {
    font-size: 26px;
}
.bod__label {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
    color: #F7F7F7;
    background: #dc9dfe;
    height: 50px;
    line-height: 50px;
    width: 120px;
    text-align: center;
    box-shadow: 0px 0px 10px -3px #000;
}
.b_popular.b_item_slider.bod-block {
    margin-bottom: 70px;
    /* padding-bottom: 80px; */
    
    min-height: 550px;
    /* overflow: hidden; */
    
    padding-top: 20px;
    /* padding-right: 60px; */
    /* padding-left: 60px; */
    
    width: calc(100% - 50px);
    margin-left: 25px;
    margin-bottom: -70px;
    position: relative;
    /* z-index: 500; */
}
.bouquet_of_thr_day--main {
    width: calc(100% + 50px);
    overflow: hidden;
    margin-left: -25px;
    text-align: center;
    height: 800px;
    margin-bottom: -140px;
}
.bod-slider.owl-carousel .owl-stage-outer {
    overflow: visible !important;
}
.bod-block .item_slider.hover {
    z-index: 700;
}
.bod-slider {
    z-index: 50;
}
.bouquet_of_thr_day--main .owl-carousel .owl-nav.disabled {
    display: block !important;
}
.b_popular.b_item_slider.bod-block .owl-carousel .owl-nav.disabled .owl-prev {
    position: absolute;
    left: -26px;
    top: 100px;
    font-size: 50px;
    color: #dc9dfe;
}
.b_popular.b_item_slider.bod-block .owl-carousel .owl-nav.disabled .owl-next {
    position: absolute;
    right: -26px;
    top: 100px;
    font-size: 50px;
    color: #dc9dfe;
}
@media screen and (max-width:550px) {
    .b_popular.b_item_slider.bod-block {
        width: 100%;
        height: auto;
        min-height: 50px;
        max-width: calc(100vw - 65px) !important;
        margin: 0;
    }
    
    .bouquet_of_thr_day--main {
        height: auto;
        margin-bottom: 0px;
        margin-left: 0;
        width: 100%;
        /*height: 540px;*/
        padding-bottom: 60px;
    }
    
    .bouquet_of_thr_day--main .owl-carousel .owl-nav.disabled {
        display: none !important;
    }
    
    .bod-slider.owl-carousel button.owl-dot {
        /* display: block; */
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #eff0f1;
        z-index: 5000;
        position: relative;
        margin: 0 5px;
    }
    
    .bod-slider.owl-carousel .owl-dots {
        position: absolute;
        bottom: -40px;
        left: 0;
        margin-left: 50%;
        transform: translateX(-50%);
        /* background: #eff0f1; */
    }
    
    .bod-slider.owl-carousel button.owl-dot.active {
        background: #dc9dfe;
    }
}
form#form_delivery .delivery_date_block {
    position: relative;
}
input.no__vision {
    opacity: 0;
    width: 0;
    height: 0;
    display: block;
}
form#is_in_mkad {
    opacity: 0;
    position: absolute;
    left: -5800px;
    top: -5800px;
}
.row.form_add.main__person {
    width: 100%;
    justify-content: space-between;
}
.confirm_wrap .confirm_content_wrap {
    max-width: 100%;
    margin-right: 50px;
}
.row.form_add.main__person .i_wrap {
    width: calc(100%/3 - 10px);
}
.fielsdrow.receiver__info-1 {
    justify-content: space-between;
}
.js_receiver_fields {
    width: calc(50% - 20px);
}
.js_receiver_fields.tac {
    width: 100%;
    margin-bottom: 20px;
}
.fielsdrow.receiver__info-addr {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
.purple__line {
    width: 100%;
    border-bottom: 1px solid #dc9dfe;
}
.full__width_flex.js_receiver_fields {
    width: 100%;
    display: flex;
}
.samovyvoz__fields {
    display: flex;
    justify-content: space-between;
    order: 20;
    width: 100%;
    flex-wrap: wrap;
}
div#delivery_types {
    width: 100%;
}
label.checkbox[for=delivery_typeid-1] {
    order: 10;
    width: auto;
}
.delivery_types_radio {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
label.checkbox[for=delivery_typeid-2] {
    order: 30;
    width: auto;
}
.break {
    flex-basis: 100%;
    height: 0;
    /* display: block; */
    /* width: 100%; */
}
.break.break-1 {
    order: 15;
}
.break.break-2 {
    order: 25;
}
.samovyvoz_additional-addr span {
    font-weight: 600;
}
.samovyvoz_additional-addr {
    margin-bottom: 50px;
    margin-top: -10px;
}
.alert-text-danger {
    color: red;
    font-weight: 700;
}
@media screen and (min-width:1024px) {
    .text-lg-center {
        text-align: center!important;
    }
    
    .b.pt {
        padding-top: 0px;
    }
}
.favorite_block.active a {
    /* color: #dc9dfe; */
    
    color: #ff7d7d;
}
.favorite_block:not(.active) a {
    color: #061c1e;
}
.favorite_block:not(.active) a:hover {
    /*  color: #dc9dfe; */
}
.favorite_block:not(.active) .js_add_favorite {
    display: block;
}
.favorite_block:not(.active) .js_remove_favorite {
    display: none;
}
.favorite_block.active .js_add_favorite {
    display: none;
}
.favorite_block.active .js_remove_favorite {
    display: block;
}
.js_favorite svg {
    transition: all 0.3s ease-in-out;
}
svg.bi.bi-heart.favortie_icon_page {
    margin-top: 22px;
    max-height: 25px;
    /* color: #dc9dfe; */
    
    color: black;
    cursor: pointer;
}
.favorites_icon_menu_desktop {
    position: relative;
}
.fav_top_count {
    /*  background: #dc9dfe; */
    
    background: #81a8b1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    top: 16px;
    right: 0px;
    border-radius: 100px;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 13px;
    padding: 0 3px;
    font-family: var(--ff);
}
.favortie_icon_page {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.favortie_icon_page:hover {
    color: #81a8b1!important;
}
.fav_top_count.hidden {
    display: none;
}
.badge_favorite {
    z-index: 3;
    position: absolute;
    /* 
    border-radius: unset;
	top: 0;
    left: 0;
    width: 48px;
    height: 48px; */
    
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    color: transparent;
    min-width: 10px;
    /* padding: 3px 7px; */
    
    padding: 11px 9px 7px 9px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    top: 8px;
    right: 9px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: rgba(219, 227, 230, .7);
}
.badge_favorite:hover {
    background: #dae2e5;
}
.badge_favorite.favorite_active {
    background: #fff;
}
@media (max-width:1024px) {
    .badge_favorite {
        width: unset;
        height: unset;
        /*  padding: 11px 9px 7px 9px; */
        padding: 8px 6px 4px 6px;
        right: 9px;
    }
    
    .main_links_container .main_links_container-chars {
        display: none;
    }
}
@media (max-width: 768px) {
    .row.form_add.main__person .i_wrap {
        width: 100% !important;
    }
    
    .js_receiver_fields {
        width: 100% !important;
    }
}

/* styles-for-catalog-form-start */
.main_links>h2 {
    width: 100%;
    grid-column: 1/5;
    font-family: var(--ff-title);
    margin: 0;
    letter-spacing: -1px;
    letter-spacing: -.2px;
    font-weight: 500;
}
@media (min-width: 1024px) {
    .catalog-form-right>div {
        width: 100%;
        margin-left: auto;
    }
    
    .catalog-form-right {
        width: 100%;
        max-width: var(--width);
        padding: 0 var(--ph);
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: 292px minmax(0, 1fr);
        grid-gap: var(--m2);
    }
    
    .catalog-form-right .h4_2.tac.h4-mob {
        font-size: 21px;
        line-height: 24px;
    }
    
    .catalog-form-right .right {
        padding: 25px;
    }
    
    .catalog-form-right .text.tac {
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 20px;
    }
    
    .catalog-form-right textarea#item_comment {
        height: 80px;
        padding: 15px;
    }
    
    .catalog-form-right .text.gray {
        font-size: 11px;
        line-height: 1.4;
    }
    
    .catalog-form-right .personal_order.row .counter button,
    .catalog-form-right .personal_order.row input#item_price_personal,
    .catalog-form-right .counter {
        height: 40px;
    }
    
    .catalog-form-right .personal_order.row .counter button {
        height: 40px;
    }
    
    .catalog-form-right .personal_order.row .btn.fill {
        height: 44px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .catalog-form-right .i_wrap {
        margin-bottom: 8px;
    }
    
    .catalog-form-right .left,
    .catalog-form-right .right {
        height: 400px;
        overflow: hidden;
    }
    
    .catalog-form-right div#d_personal {
        padding: 0px;
    }
}
@media (max-width: 1024px) {
    .catalog-form-right {
        display: flex;
        justify-content: center;
        grid-gap: unset;
        grid-template-columns: unset;
    }
    
    .catalog-form-empty-left {
        display: none;
    }
}
.catalog-subcat-item a {
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 28px;
    padding: 3px 18px;
    color: #444;
    border-radius: 30px;
}
.catalog-subcat-wr {
    display: flex;
    flex-wrap: wrap;
    height: 32px;
    overflow: hidden;
    margin-bottom: 70px;
    padding-top: 2px;
}
@media (max-width: 767px) {
    .catalog-subcat-wr {
        height: 56px;
        overflow-x: scroll !important;
        flex-wrap: nowrap !important;
    }
    
    .catalog-subcat-wr {
        white-space: nowrap !important;
    }
    
    .show__more__tags--wr {
        display: none;
    }
}
.catalog-subcat-wr.open {
    height: auto;
    margin-bottom: 10px;
}
.catalog-subcat-item {
    margin-bottom: 10px;
    margin-right: 5px;
}
.catalog-subcat-item:last-child {
    margin-bottom: 60px;
}
.catalog-subcat-item a:hover {
    border-color: #DADADA;
    text-decoration: none;
}
.confirm_order_discount_block_hidden {
    display: none;
}
.show__more__tags--btn {
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 28px;
    padding: 3px 18px;
    color: #444;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    top: -50px;
    cursor: pointer;
    transition: all ease 0.15s;
}
.show__more__tags--wr {
    text-align: center;
}
.show__more__tags--btn:hover {
    box-shadow: 0px 0px 10px 3px #dedede;
}
ul#vertical-multilevel-menu {
    /* overflow-y: scroll; */
    /* height: 100%; */
}
.subcategories.m2_mb {
    max-height: 760px;
    overflow-y: scroll;
    width: 100%;
    max-width: 292px;
}
button.btn.fill.aquabox {
    width: 100%;
    margin-top: 10px;
}

/* styles-for-catalog-form-end */
@media screen and (min-width: 1024px) {
    .workday_notify_wrapper {
        max-width: max-content;
        margin: auto;
        text-align: left;
    }
}
@media (max-width: 1024px) {
    .card2columns .col {
        padding: 5px 0 0 0!important;
    }
    
    .tabs_main_content {
        margin-top: 0!important;
    }
    
    .main_links {
        margin-top: 10px!important;
    }
    
    .main_links .main_links_container {
        width: 46.5%;
    }
    
    .main_links .main_links_container .main_links_image {
        width: 100%;
        height: 230px;
    }
    
    .item .add_cont,
    .item:hover .add_cont {
        display: block;
        opacity: 1;
        position: static;
        margin-top: 10px;
    }
    
    .item .btns {
        flex-wrap: wrap;
    }
    
    .item .btns .btn {
        flex: none;
        width: 100%;
        margin-top: 7px;
    }
    
    .item .counter {
        display: none;
    }
    
    .item .btns .btn.outline {
        display: none;
    }
    
    .delivery-text {
        display: none;
    }
}
.badge_action {
    z-index: 3;
    position: absolute;
    top: 10px;
    left: 9px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
    height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    /* font-weight: bold; */
    
    color: #292929;
    background: rgba(219, 227, 230, .7);
}
@media (max-width: 767.98px) {
    .badge_action {
        /* height: 27px;
		font-size: 14px; */
        height: 21px;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
    }
    
    .add-text h1.main_page_title {
        font-size: 14px !important;
        text-align: center !important;
        color: #9d9da5;
    }
}
.badge_action_new {
    /* background: #d6f6ff; */
}
.badge_action_hit {
    /* background: #fdefef; */
}
.badge_action:hover {
    background: #dae2e5;
}
@media all and (max-width:990px) {
    .item {
        max-width: 165px;
    }
    
    .cat_sect_title {
        text-align: center;
    }
    
    .catalog {
        /* grid-gap: unset; */
    }
}
@media (min-width: 1024px) {
    .main_page_title,
    .cat_sect_title {
        margin-bottom: 45px!important;
    }
}
.item_images_mobile div.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}
.item_images_mobile div.owl-dots .owl-dot {
    width: var(--owl-dots-width);
    height: var(--owl-dots-width);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--color-text);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    margin-left: var(--m);
    border-radius: 100px
}
.item_images_mobile div.owl-dots .owl-dot.active {
    background: var(--color-text)
}
.item_images_mobile div .owl-dots {
    position: absolute;
    bottom: var(--m2);
    width: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}
.item_images_mobile div.owl-dots .owl-dot {
    margin-left: 0;
    margin: 0 var(--m_2)
}
.item_adaptive {
    position: relative;
    --height-counter: 42px;
    --height-buttons: 44px;
    display: flex;
    flex-direction: column;
}
.item_adaptive .bg {
    padding: var(--m);
    background: #fff;
    position: absolute;
    top: calc(0px - var(--m));
    left: calc(0px - var(--m));
    width: calc(100% + var(--m)* 2);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% + var(--height-counter) + var(--height-buttons) + var(--m)* 2);
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    border: 1px solid var(--color-gray-verylight);
}
.item_adaptive .img_wrap img {
    border-radius: 10px;
}
.item_adaptive:hover {
    z-index: 10;
}
.item_adaptive_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
    z-index: 2;
}
.item_adaptive>.img:hover .item_adaptive_hover,
.item_adaptive>.img_wrap:hover .item_adaptive_hover {
    opacity: 1;
}
.img_list_wrpr_adaptive {
    position: relative;
    height: fit-content;
    width: 100%;
    min-width: 100%;
}
.img_carousel_wrap_adaptive {
    border-radius: 10px;
}
.item_adaptive .cont {
    padding: var(--p2) 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}
@media (max-width: 520px) {
    .item_adaptive .cont {
        padding-bottom: 0;
        padding-top: 30px;
    }
}
.item_adaptive_title {
    font-size: 12px;
    /* letter-spacing: 1px; */
    
    line-height: 18px;
    text-transform: uppercase;
    text-align: left;
    z-index: 1;
    /* padding-left: 4px; */
    
    position: relative;
}
.item_adaptive_title a {
    text-align: left;
    z-index: 1;
    padding-left: 4px;
    position: relative;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    /* white-space: nowrap; */
    
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text);
    font-weight: 400;
    text-transform: none;
    /* font-size: 14px; */
    /* color: var(--color-text); */
    
    text-decoration: none;
    /* font-family: Roboto, Arial, sans-serif !important; */
    
    font-family: var(--ff-item-title);
    transition: 0.3s;
}
@media (max-width: 992px) {
    .item_adaptive_title a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #9d9da5;
    }
}
.item_adaptive .text {
    position: relative;
    z-index: 1;
    padding-bottom: 3px;
    display: flex;
    flex: 1;
    justify-content: start;
    padding-left: 4px;
}
.item_adaptive .add_cont {
    position: absolute;
    top: 100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: var(--time-fast);
    -moz-transition-duration: var(--time-fast);
    -o-transition-duration: var(--time-fast);
    -ms-transition-duration: var(--time-fast);
    transition-duration: var(--time-fast);
}
.item_adaptive:hover .add_cont {
    opacity: 1;
    pointer-events: all;
}
.item_adaptive .counter {
    margin-bottom: -1px;
    --h: var(--height-counter);
    position: relative;
    z-index: 1;
}
.item_adaptive .btns .btn {
    margin: 0;
}
.item_adaptive .btns {
    position: relative;
    z-index: 0;
    display: flex;
    --button-height: var(--height-buttons);
    margin: 0;
}
.item_adaptive .btn {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
}
.item_adaptive .btns .btn {
    margin: 0;
}
@media (max-width: 1024px) {
    .item_adaptive .add_cont,
    .item_adaptive:hover .add_cont {
        display: block;
        opacity: 1;
        position: static;
        margin-top: 10px;
    }
    
    .item_adaptive .counter {
        display: none;
    }
    
    .item_adaptive .btns {
        flex-wrap: wrap;
    }
    
    .item_adaptive .btns .btn {
        flex: none;
        width: 100%;
        margin-top: 7px;
    }
    
    .item_adaptive .btns .btn.outline {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .badge_action {
        top: 4px;
        left: 4px;
    }
}
@media (max-width: 1024px) {
    .badge_favorite {
        right: 4px;
        top: 4px;
    }
}
@media (min-width: 1024px) {
    .item_adaptive:hover .bg {
        opacity: 1;
    }
}
.img_carousel_wrap_adaptive img {
    aspect-ratio: 1;
}
@media (max-width: 376px) {
    .js_sort_value,
    .mob_filter_txt span,
    .sort {
        font-size: 11px!important;
    }
}

/* main buket block */
@media (min-width: 1024px) {
    .main_links .main_links_container {
        width: 321px;
    }
    
    .main_links .main_links_container .main_links_image {
        width: 100%;
        height: 315px;
    }
}
@media (min-width: 1024px) {
    .main_links .main_links_container:hover .main_links_container-chars {
        opacity: 1;
        z-index: 4;
    }
    
    .main_links .main_links_container:hover .main_links_add-button {
        opacity: 1;
    }
    
    .main_links .main_links_container {
        margin-bottom: -250px;
    }
    
    .main_links .main_links_container.povod {
        margin-bottom: -200px;
    }
}
.main_links .main_links_container {
    text-align: center;
    margin-top: 15px;
    width: 321px;
    padding-bottom: 15px;
}
.main_links .main_links_container:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)!important;
}
.main_links .main_links_container .main_links_image {
    background-size: cover;
    border-radius: 10px;
    background-repeat: no-repeat;
    position: relative;
}
.main_links_image.rozy {
    background-image: url(/upload/images/rozy.jpg);
}
.main_links_image.tulpany {
    background-image: url(/upload/images/tulpany.jpg);
}
.main_links_image.orhideya {
    background-image: url(/upload/images/orhideya.jpg);
}
.main_links_image.podsolnuhi {
    background-image: url(/upload/images/podsolnuhi.jpg);
}
.main_links_image.hrizantemy {
    background-image: url(/upload/images/hrizantemy.jpg);
}
.main_links_image.piony {
    background-image: url(/upload/images/piony.jpg);
}
.main_links_image.gipsofily {
    background-image: url(/upload/images/gipsofily.jpg);
}
.main_links_image.eustomy {
    background-image: url(/upload/images/eustomy.jpg);
}
.main_links_image.ranukulusy {
    background-image: url(/upload/images/ranukulusy.jpg);
}
.main_links_image.svadebniy {
    background-image: url(/upload/images/svadebniy.jpg);
}
.main_links_image.svadebniy {
    background-image: url(/upload/images/svadebniy.jpg);
}
.main_links_image.dr {
    background-image: url(/upload/images/dr.jpg);
}
.main_links_image.sent {
    background-image: url(/upload/images/1-sent.jpg);
}
.main_links_image.godovshina {
    background-image: url(/upload/images/godovshina.jpg);
}
.main_links_image.vypusknoy {
    background-image: url(/upload/images/vypusknoy.jpg);
}
.main_links_image.yubiley {
    background-image: url(/upload/images/yubiley.jpg);
}
.main_links_image.mart {
    background-image: url(/upload/images/8-mart.jpg);
}
.main_links_image.fev {
    background-image: url(/upload/images/14-fev.jpg);
}
.main_links_image.svidanie {
    background-image: url(/upload/images/svidanie.jpg);
}
.main_links_p {
    position: absolute;
    bottom: 5px;
    left: 5%;
    right: 5%;
    font-size: 18px;
    text-align: center;
    z-index: 3;
    color: white;
    width: 90%;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
    border-radius: 10px;
}
.main_links_p p {
    margin-bottom: 0px;
}
.main_links_add-button {
    height: 35px;
    line-height: 30px;
    text-transform: none;
    font-size: 15px;
    margin-top: 15px;
    opacity: 0;
    position: relative;
}
.main_links_add-button a {
    color: white;
    background-color: none;
    line-height: 30px;
}
.main_links_container-chars {
    width: 100%;
    opacity: 0;
    position: relative;
}
.main_links .main-links__a {
    color: black;
    text-align: center;
}
.main_links .main-links__a:hover {
    text-decoration: none;
}
.item_adaptive_title.chars {
    text-align: left;
    z-index: 4;
    padding-left: 10px;
    position: relative;
    display: block;
    width: 100%;
    padding-right: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: var(--color-text);
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    color: var(--color-text);
    text-decoration: none;
    font-family: Roboto, Arial, sans-serif !important;
    font-family: var(--ff-item-title);
    transition: 0.3s;
    padding-top: 7px;
    background-color: white;
}
.item_adaptive_title.chars:last-child {
    margin-top: 0px;
    padding-bottom: 15px;
    text-align: center;
    opacity: 5;
    line-height: 30px!;
}
.item_adaptive_title.chars:first-child {
    font-weight: bold;
    text-align: center;
}

/*  */
@media (min-width: 1025px) and (max-width: 1350px) {
    .add-text h1 {
        font-size: 30px;
    }
    
    .d {
        padding: 0 15px;
    }
    
    .catalog_content_wrap {
        grid-template-columns: 200px minmax(0, 1fr);
    }
    
    ul#vertical-multilevel-menu,
    #vertical-multilevel-menu ul {
        width: 100%;
    }
    
    .subcategories.m2_mb {
        max-width: 200px;
        overflow: hidden;
    }
    
    .sort {
        font-size: 10px;
    }
    
    .select,
    .dadata_wrap {
        font-size: 10px;
        white-space: nowrap;
    }
    
    .price__slider-wr {
        width: 140px;
    }
    
    .sort.dn-pad-pro {
        justify-content: space-between;
        width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .filter__btn-open,
    .btn-clear {
        height: 29px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 5px 10px;
    }
    
    .tabs_main_content {
        width: calc(100% - 250px);
        margin-left: auto;
    }
    
    .tabs_main_content h2 {
        max-width: 100%;
        padding-left: 0px;
    }
    
    .tabs_main_content .b.pt {
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .tabs_main_content .b.pt .d {
        padding: 15px;
    }
    
    .tabs_main_content .b.pt .cont {
        width: 100% !important;
    }
    
    .tabs_main_content .b.pt .d.d_popular {
        margin-left: 0px !important;
        padding: 0 15px !important;
    }
    
    h2.main_akcii_h2 {
        padding: 0px !important;
    }
    
    .main_links .main_links_container {
        width: calc(33% - 20px);
    }
    
    .main_links {
        width: calc(100% - 250px);
        margin-left: auto;
    }
    
    .cont-reviews-slider {
        max-width: calc(100% - 250px) !important;
        width: calc(100% - 250px) !important;
        margin-left: auto !important;
    }
    
    .main_cont_block {
        width: calc(100% - 230px) !important;
    }
    
    .catalog-form-right {
        grid-template-columns: 200px minmax(0, 1fr);
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .add-text h1 {
        font-size: 30px;
    }
}
.add-text h3 {
    font-size: 16px;
    margin: 0px;
}
.advantages-block__inner {
    border-radius: 15px;
}
div#main-page-slider .owl-nav {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 2;
    width: 100%;
    padding: 0 7px;
    display: flex;
    justify-content: space-between;
    height: 20px;
    margin-top: 0px;
}
div#main-page-slider .owl-nav .arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
div#main-page-slider .owl-nav button {
    margin: 0px;
}
.custom_payments-wr {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.custom_payments {
    width: 100%;
}
.custom_payments-item {
    width: 25%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
    max-height: 150px;
}
.custom_payments-item img {
    width: 100%;
    height: auto;
    max-width: 100% !important;
}
@media (max-width: 1200px) {
    .custom_payments-item {
        max-height: 100px;
    }
}
@media (max-width: 768px) {
    .custom_payments-item {
        max-height: 0px;
    }
}