/*--------------------------------------------------------------
# Import
--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);
@import url('css/normalize.css');
@import url('css/base.css');
@import url('style-content.css');

:root {
    --main-color: #000;
    --primary-color: #F56D29;
    --primary-light-color: #FFF7F2;
    --second-color: #006FB7;
    --second-light-color: #EDF8FF;

    --primary-shadow: 0px 1rem 4rem 0px rgba(0, 111, 183, 0.20);
    --second-shadow: 0px .4rem 2rem 0px rgba(245, 109, 41, 0.15);

    --border-radius: 2rem;

    --black: #000;
    --white: #fff;

    --font-main: 'Montserrat', sans-serif;
    --font-header: 'Montserrat', sans-serif;

    --content-width: 160rem;
    --spospadding: calc((100vw - var(--content-width))/2);
}

/* header  */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.7rem 0;
    z-index: 1001;
    background-color: var(--white);
    border-bottom: 0.2rem solid var(--primary-color);
}

.home .site-header {
    border-bottom: none;
}

.site-header .wrapper {
    justify-content: space-between;
}

.site-branding img {
    width: 14.4rem;
    margin-top: 1.2rem;
    display: block;
}

.site-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.site-menu ul a {
    color: var(--black);
    font-size: 2em;
    line-height: normal;
    font-family: var(--font-header);
    padding: 0 2rem;
}

.site-menu ul li:last-of-type a {
    padding-right: 0;
}

.site-menu ul a:hover {
    color: var(--primary-color);
}

.site-menu ul li.current_page_item>a,
.site-menu ul li.current_page_parent>a {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 700;
}

.site-menu ul li {
    display: flex;
    align-items: center;
    position: relative;
}

/* submenu */
.site-menu ul li.menu-item-has-children a {
    display: flex;
    align-items: center;
}

.site-menu ul li.menu-item-has-children a::after {
    content: '';
    display: block;
    margin-left: 0.73rem;
    margin-top: -.2rem;
    width: .8rem;
    height: .8rem;
    transform: rotate(-45deg);
    border: .2rem solid var(--primary-color);
    border-top: none;
    border-right: none;
    transition: all 0.2s linear;
}

.site-menu ul li.menu-item-has-children li a::after {
    content: none;
}

.site-menu ul li .sub-menu {
    /display: none;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    background: var(--white);
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0px 2rem 2rem 0px rgba(0, 111, 183, 0.10);
    flex-direction: column;
    align-items: stretch;
    transition: opacity 0.5s linear;
    pointer-events: none;
    padding: .5rem 0;
}

.site-menu ul li:hover .sub-menu {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.site-menu ul li.menu-item-has-children:hover a::after {
    transform: rotate(135deg);
    margin-top: .4rem;
}

.site-menu ul li .sub-menu li a {
    padding: 1.8rem 2rem 0;
    white-space: nowrap;
    font-size: 1.8em;
}

.site-menu ul li .sub-menu li:last-of-type a {
    padding-bottom: 1.8rem;
}

.site-menu ul li .sub-menu li::after {
    height: 1px;
    width: 3.6em;
    right: auto;
    top: auto;
    bottom: 0;
    left: 4rem;
    bottom: 0;
}

.site-menu ul li .sub-menu li.current_page_item a {
    background: transparent;
    color: var(--primary-color);
}


.burger {
    width: 4.5rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    cursor: pointer;
}

.burger span {
    display: block;
    height: .37rem;
    width: 100%;
    background-color: var(--second-color);
}

.burger::before,
.burger::after {
    content: '';
    background-color: var(--second-color);
    display: block;
    height: .37rem;
    width: 100%;
}

.menu-main-opened .mob-menu {
    display: flex;
}

.menu-main-opened .burger span {
    display: none;
}

.menu-main-opened .burger::before,
.menu-main-opened .burger::after {
    height: 0.37rem;
    width: 4.5rem;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
}

.menu-main-opened .burger::after {
    transform: rotate(-45deg);
}

.popup-win.mob-menu {
    flex-direction: column;
    justify-content: center;
    background: var(--white);
    z-index: 1000;
    position: fixed;
    padding: min(9.375rem, 94px) 0;
    padding-top: 8.8rem;

}

.mob-menu .site-menu {
    padding-top: 8.8rem;
}

.mob-menu .site-menu ul {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 30vw;
}

.mob-menu .site-menu,
.mob-menu .messengers {
    display: flex;
}

/* footer  */
.prevention {
    padding: 5rem 0 8rem;
}

.prevention .wrapper .big-title {
    width: 100%;
    font-size: 100px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.2;
    color: grey;
    margin: 0;
    padding: 0;
}

.kusum {
    width: 11rem;
}

footer {
    padding: 2.9rem 0 1.7rem;
    background-color: var(--white);
    border-top: .2rem solid var(--primary-color);
}

footer .site-menu ul li .sub-menu {
    bottom: 100%;
    top: auto;
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0px -2rem 2rem 0px rgba(0, 111, 183, 0.10);
}

/* card */
.card {
    border-radius: var(--border-radius);
    box-shadow: var(--primary-shadow);
    background-color: var(--white);
    padding: 4.6rem 3rem 5rem;
}

.card.bordered {
    position: relative;
    padding: 6rem 5rem 5rem 9.2rem;
    box-shadow: none;
    background-color: var(--primary-light-color);
}

.card.primary {
    background-color: var(--primary-light-color);
    box-shadow: none;
}

.card.secondary {
    background-color: var(--second-light-color);
    box-shadow: none;
}

.card.bordered::before {
    content: '';
    width: 5.1rem;
    height: 100%;
    position: absolute;
    border-radius: 2rem 0 0 2rem;
    top: 0;
    left: 0;
    background: url('images/card-border-primary.jpg') no-repeat center / 100% 100%;
}

.card.bordered.secondary::before {
    background: url('images/card-border-second.jpg') no-repeat center / 100% 100%;
}

.card.bordered h3 {
    margin-bottom: .5em;
    text-align: left;
}

.card.bordered.secondary h3,
.card.bordered.secondary a {
    color: var(--second-color);
}

.card.bordered.secondary .arrow-link::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='19' viewBox='0 0 63 19' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M52.293 17.2929C51.9024 17.6834 51.9024 18.3166 52.293 18.7071C52.6835 19.0976 53.3167 19.0976 53.7072 18.7071L62.1925 10.2218C62.583 9.8313 62.583 9.19814 62.1925 8.80761L53.7072 0.322331C53.3167 -0.0681926 52.6835 -0.0681926 52.293 0.322331C51.9024 0.712857 51.9024 1.34602 52.293 1.73654L59.0564 8.49999L1.00007 8.50001C0.447784 8.50001 6.77858e-05 8.94773 6.7834e-05 9.50001C6.78823e-05 10.0523 0.447784 10.5 1.00007 10.5L59.0859 10.5L52.293 17.2929Z' fill='%23006FB7'/></svg>");
}

.card.bordered.secondary ul li::before {
    background-color: var(--second-color);
    border-color: #CCE2F1;
}

/* accordeon */
.acc-wrap {
    width: 100%;
    margin-bottom: .88em;
}

.acc-header {
    padding: 2.6rem 8rem 2.9rem 3.6rem;
    width: 100%;
    position: relative;
    cursor: pointer;
    text-align: left;
    align-items: flex-start;
    margin-bottom: 0;
    box-shadow: var(--second-shadow);
    border-radius: 1rem;
}

.acc-header::before,
.acc-header::after {
    content: '';
    width: 2.4rem;
    height: .4rem;
    background: var(--primary-color);
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.acc-header::after {
    transform: translateY(-50%) rotate(90deg);
}

.acc-header.active::after {
    content: none;
}

.acc-content {
    line-height: 1.5;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.acc-content.active {
    /max-height: 10em;
    transition: max-height 0.25s ease-out;
}

.acc-content .content {
    padding: 1.6rem 3.6rem;
}

.acc-content p:first-of-type {
    margin-top: 0;
}

.acc-content p:last-of-type {
    margin-bottom: 0;
}

.twocol {
    width: 50%;
}

/* home page */

section.first-screen {
    position: relative;
    padding: 0 0 8.3rem;
    background-color: var(--primary-light-color);
    overflow: hidden;
}

.first-screen::after {
    content: '';
    width: 35%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url('images/bg_fill.jpg') no-repeat center / 100% 100%;
    z-index: 1;
}

.first-screen .wrapper {
    position: relative;
    z-index: 2;
    align-items: flex-start;
}

.first-screen h1 {
    color: var(--second-color);
    text-transform: uppercase;
    text-align: left;
    margin: 6rem 0;
    max-width: 80%;
    padding-left: 4rem;
}

.first-screen .descr {
    font-size: 2.4rem;
    font-weight: 600;
    max-width: 80%;
    padding-left: 6.1rem;
}

.first-screen .pack {
    position: relative;
    z-index: 1;
}

.slideshow-image {
    width: 100%;
}

.slideshow-image:nth-child(1) {
    /* 	animation: fade1 12s ease-in-out infinite; */
    display: none;
}

.slideshow-image:nth-child(2) {
    /* 	position: absolute; */
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 1;
    /* 	animation: fade2 12s ease-in-out infinite; */
}

@keyframes fade1 {
    30% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }

}

@keyframes fade2 {
    30% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }
}

.cat {
    box-shadow: -1rem 1rem 6rem 0px rgba(241, 124, 66, 0.30);
}

.twocolpack {
    position: relative;
}

.quill {
    position: absolute;
    left: -1.7rem;
    width: 15rem;
    transform-origin: right top;
    z-index: 2;
}

.quill1 {
    animation: fall 26s ease-in-out infinite,
        rotate 26s ease-in-out infinite,
        disappear 26s infinite;
}

.quill2 {
    width: 19.4rem;
    left: auto;
    right: 5.4rem;
    transform-origin: left bottom;
    animation: fall 24s ease-in-out infinite,
        rotate 24s ease-in-out infinite,
        disappear 24s infinite;
}

@keyframes fall {
    0% {
        top: -15rem;
    }

    60%,
    100% {
        top: 80%;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(-5deg) translateX(2rem);
    }

    10% {
        transform: rotate(5deg) translateX(-2rem);
    }

    20% {
        transform: rotate(-5deg) translateX(1rem);
    }

    30% {
        transform: rotate(5deg) translateX(-1rem);
    }

    40% {
        transform: rotate(-5deg) translateX(3rem);
    }

    50% {
        transform: rotate(5deg) translateX(-3rem);
    }

    60%,
    100% {
        transform: rotate(-5rem) translateX(1rem);
    }
}

@keyframes disappear {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


.arrow-link {
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}

.arrow-link::after {
    content: '';
    margin-left: .6em;
    width: 3.5em;
    height: 1.05em;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='63' height='19' viewBox='0 0 63 19' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M52.293 17.2929C51.9024 17.6834 51.9024 18.3166 52.293 18.7071C52.6835 19.0976 53.3167 19.0976 53.7072 18.7071L62.1925 10.2218C62.583 9.8313 62.583 9.19814 62.1925 8.80761L53.7072 0.322331C53.3167 -0.0681926 52.6835 -0.0681926 52.293 0.322331C51.9024 0.712857 51.9024 1.34602 52.293 1.73654L59.0564 8.49999L1.00007 8.50001C0.447784 8.50001 6.77858e-05 8.94773 6.7834e-05 9.50001C6.78823e-05 10.0523 0.447784 10.5 1.00007 10.5L59.0859 10.5L52.293 17.2929Z' fill='%23F56D29'/></svg>");
    background-size: 100%;
}

section.benefits {
    padding-bottom: 0;
}

.benefit-items {
    background: url('images/bg_ben_bottom.svg') no-repeat center bottom / 100%,
        url('images/bg_ben_top.svg') no-repeat center top / 100%;

}

.benefit-items .wrapper {
    justify-content: center;
    align-items: stretch;
    gap: 5rem;
    padding: 15rem 0 10.5rem;
}

.benefit-items .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(33% - 3.3rem);
    margin: 0;
}

.benefit-items .item h4 {
    margin-bottom: 0;
    color: var(--main-color);
    text-align: center;
}

.benefit-items .item::before {
    content: '';
    width: 10rem;
    height: 10rem;
    margin-bottom: 3rem;
    background-size: 100%;
    flex-shrink: 0;
}

section.koli {
    padding-bottom: 0;
}

.kl-head {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 11rem;
}

.kl-head .twocol:first-of-type {
    width: 64.7rem;
    margin-left: 8.3rem;
}

.kl-oduvan {
    flex-grow: 2;
    background: url('images/kl_oduvan.svg') no-repeat left top / 52.1rem;
    margin-left: -11.3rem;
    margin-bottom: 0 !important;
    padding-top: 3em;
    padding-left: 51rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.kl-oduvan h4 {
    color: var(--main-color);
    text-align: left;
    margin: 1.75em 0;
    max-width: 75%;
}

.kl-oduvan h4:nth-of-type(2) {
    padding-left: 3rem;
}

.koli .wrapper .twocol.content {
    width: 48.5%;
    margin-bottom: 6rem;
}


section.yak {
    padding-bottom: 0;
}

.yak .wrapper {
    align-items: stretch;
}

.yak .twocol {
    width: 46%;
    padding-left: 6rem;
    padding-right: 6rem;
    position: relative;
}

.yak .twocol:first-of-type::before {
    content: '';
    width: 15rem;
    height: 12.3rem;
    position: absolute;
    left: -2rem;
    bottom: -6.6rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
}

.yak .twocol:nth-of-type(2)::before {
    content: '';
    width: 19.4rem;
    height: 11.1rem;
    position: absolute;
    right: -4.3rem;
    top: 4rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.yak .flex {
    margin-top: .8em;
}

.yak .ico-text {
    padding-left: 1.66em;
    padding-right: 8%;
}

.yak .ico-text h4 {
    margin-bottom: .8em;
}

.yak .descr {
    margin-top: 10rem;
}

.ico-text {
    padding-left: 1.1em;
}

.ico-text span {
    font-weight: normal;
    display: block;
}

.ico {
    display: inline-block;
    width: 5.1em;
    height: 5.1em;
    padding: .4em;
    background-color: var(--white);
    box-shadow: 0px 0px 1.1em 0px rgba(0, 111, 183, 0.20);
    border-radius: 50%;
    flex-shrink: 0;
}

.ico img {
    border-radius: 50%;
    box-shadow: 0px 0px .55em 0px rgba(0, 111, 183, 0.20);
}

iframe {
    display: none;
}

section.map {}

.page-buy .map {
    padding: 0;
}

.map-bg {
    padding: 7rem 0;
    background: url('images/bg_fill.jpg') no-repeat center top / 100% 100%;
}

.map-bg h2 {
    color: var(--white);
}

.map .sectiontitle {
    margin-bottom: 6.8rem;
}

.map .pseudotitle {
    top: -2.2rem;
}

.map .next-wrap {
    padding: 7rem 0;
}

.widget {
    width: 100%;
    max-width: 1272px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.6rem;
}

.widget,
.widget iframe {
    height: 90vh;
}

.widget #title {
    background-color: transparent !important;
}

.widget #title .gw-logo img {
    max-width: 24rem;
    height: auto !important;
}


.pharmacies {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.farm-item {
    display: flex;
    align-items: center;
    font-size: 2em;
    font-weight: bold;
    width: 19%;
    padding: 0.677vw;
    background: var(--white);
    box-shadow: 0px 2.4rem 6.2rem 0px rgba(122, 32, 67, 0.1);
    border-radius: 30vw;
    color: var(--black);
}

.farm-item img {
    border-radius: 50%;
    width: 3.958vw;
    margin-right: 0.833vw;
}

/* Inner */
.inner-page {
    font-size: 1.8rem;
}

main.site-main {
    min-height: calc(100vh - 20.2em);
    padding-top: 10.2rem;
}

.page-instruction,
.page-faq {
    background-color: var(--primary-light-color);
}

section.submenu {
    padding: 3rem 0 4rem;
}

.submenu .wrapper {
    justify-content: flex-start;
}

.submenu .card {
    padding: 1.9rem 3rem;
    box-shadow: var(--second-shadow);
    border-radius: 1rem;
    margin-right: 2rem;
    font-size: 1.8rem;
    border: .2rem solid var(--white);
}

.submenu .card.active {
    font-weight: bold;
    border: .2rem solid var(--primary-color);
}

.page-head {
    padding: 8rem 0 0;
}

.page-head.wrapper {
    align-items: stretch;
}

.page-head .twocol {
    width: 52%;
}

.page-head.wrapper .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    box-shadow: var(--primary-shadow);
    width: 48%;
    position: relative;
}

.submenu+.page-head {
    padding: 0;
}

.page-id-8 .page-head .allergen1 {
    display: block;
    width: 5.9418rem;
    height: 6.7062rem;
    position: absolute;
    top: 2.1rem;
    right: 2.8rem;
    background: url('images/dandel.svg') no-repeat center / 100%;
}

.page-id-8 .page-head .allergen2 {
    display: block;
    width: 6.3185rem;
    height: 7.1609rem;
    transform: rotate(-47.189deg);
    position: absolute;
    top: -2.1rem;
    right: 11.8rem;
    background: url('images/dandel.svg') no-repeat center / 100%;
}

.page-id-10 .page-head .allergen2 {
    display: block;
    width: 12.4629rem;
    height: 7.0943rem;
    transform: rotate(153.974deg);
    position: absolute;
    top: -3.1rem;
    right: 3.8rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.page-head h4 {
    margin-bottom: 2.22em;
}

.page-head .page-image {
    padding: 3.4rem 7.2rem 0 9.5rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-image .twocol {
    width: 48%;
}

.page-head .image {
    display: flex;
    align-items: center;
}

.page-head .image img {
    height: 90%;
    object-fit: cover;
}

.page-id-10 .page-head .image img {
    height: 100%;
}

.page-image .quill {
    display: block;
    width: 10.4rem;
    height: 8.5rem;
    transform: rotate(33.258deg);
    filter: blur(.2rem);
    opacity: .3;
    position: absolute;
    left: -1.2rem;
    top: 6.7rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
    z-index: 2;
}

.page-image::before {
    content: '';
    display: block;
    width: 12rem;
    height: 9.8rem;
    transform: scaleX(-1);
    position: absolute;
    right: -6rem;
    bottom: 9.5rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
    z-index: 2;
}

.page-image::after {
    content: '';
    display: block;
    width: 14.9rem;
    height: 8.5rem;
    position: absolute;
    left: -5.2rem;
    top: 11.3rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
    z-index: 2;
}

.product-bg {
    background: url('images/bg_product.svg') no-repeat center / contain;
}

.product-bg img {
    width: 85rem;
    display: block;
    margin: 0 auto;
    transform: translateX(3rem);
}

.product-content {
    padding-top: 5rem;
}

.acc-header {
    overflow: hidden;
    padding-left: 4.6rem;
}

.acc-header span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2rem;
    background: url('images/card-border-primary.jpg') no-repeat center top / 100% 100%;
}

section.faq {
    padding-top: 0;
}

section.perevagi {
    padding-top: 0;
}

.grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 4.9rem;
    row-gap: 1.6rem;
    align-items: stretch;
}

.perevagi .grid::before {
    content: '';
    width: 9.2621rem;
    height: 5.2723rem;
    transform: rotate(153.974deg);
    filter: blur(.2rem);
    opacity: .5;
    position: absolute;
    left: 8rem;
    top: -5rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.perevagi .grid::after {
    content: '';
    width: 9.2621rem;
    height: 5.2723rem;
    transform: rotate(33.258deg);
    filter: blur(.2rem);
    opacity: .3;
    position: absolute;
    right: 1rem;
    top: -10rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
}

.grid .card,
.grid .per-pack {
    grid-column: span 4;
}

.perevagi .card {
    background-color: var(--white);
    box-shadow: var(--primary-shadow);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: start;
    padding: 4rem 3.5rem 4rem 6rem;
}

.card.bordered::before {
    width: 4.2rem;
}

.perevagi .card:first-of-type {
    grid-row: span 2;
}

.perevagi .card:first-of-type::after {
    content: '';
    position: absolute;
    right: 4rem;
    bottom: -3.4rem;
    width: 12rem;
    height: 9.8rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
    transform: scaleX(-1);
}

.perevagi .card:nth-of-type(3)::after {
    content: '';
    position: absolute;
    right: .4rem;
    top: -4.6rem;
    width: 14.9rem;
    height: 8.5rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.perevagi .card .ico-text {
    width: calc(100% - 5.1em);
    padding-top: .6em;
}

.perevagi .card .descr {
    padding-top: 2.22em;
}

.perevagi .card .ico-text p,
.perevagi .card .descr p {
    font-size: .88em;
}

.grid .per-pack {
    width: 98%;
    display: block;
    margin: 0 0 0 auto;
    position: relative;
    top: 1rem;
    right: -2rem;
    align-self: center;
}

section.page-content {
    padding-top: 0;
    line-height: 1.5;
}

.page-content h4 {
    margin-top: 2.5em;
    margin-bottom: .83em;
}

.page-content h5 {
    margin-top: 0;
    margin-bottom: 1.1em;
}

.page-content ul {
    margin-top: 0;
    margin-bottom: 1em;
}

.page-content ul li:last-of-type {
    margin-bottom: 0;
}

.page-content .card,
.page-content .twocol.pack {
    margin-top: 3.3em;
    margin-bottom: 3.3em;
}

.page-content .cards-inside {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    gap: 2rem;
    padding-bottom: 8rem;
}

.page-content .cards-inside::before {
    content: '';
    width: 9.2621rem;
    height: 5.2723rem;
    transform: rotate(153.974deg) translate(50%, -15%);
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    position: absolute;
    left: 0;
    top: 0;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.page-content .cards-inside::after {
    content: '';
    width: 9.7rem;
    height: 7.9rem;
    transform: translate(35%, -123%) scaleX(-1);
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('images/quill1.svg') no-repeat center / 100%;
}

.page-content .cards-inside .card {
    width: calc(40% - 1rem);
    margin: 0;
    padding: 1.4rem 2rem 1.4rem 6rem;
    background-color: var(--white);
    box-shadow: var(--second-shadow);
    display: flex;
    align-items: center;

}

.page-content .cards-inside .card::before {
    background: url('images/card-border-primary.jpg') no-repeat top / 100% auto
}

.page-content .cards-inside .card p {
    margin: 0;
}

.page-content .card h4 {
    margin-top: 0;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 2.8em;
}

.icon-columns5 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.icon-columns5 .icon-column {
    width: 13%;
}

.page-content .icon-columns4 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: .6em;
    padding-right: 0;
    margin-bottom: 0;
}

.page-content .icon-columns4 h4 {
    padding-right: 5rem;
}

.icon-columns4 .icon-column {
    width: 22%;
    margin-bottom: 1.2em;
}

.icon-columns4::after {
    content: '';
    width: 22%;
    height: 0;
}

.icon-column .ico-text {
    padding: 1.1em 0 0 0;
    font-weight: 700;
    max-width: 90%;
}

.icon-columns4 .bg-quill1 {
    display: block;
    width: 9.26rem;
    height: 5.27rem;
    transform: rotate(153.974deg);
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    position: absolute;
    left: 8rem;
    top: 7rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.icon-columns4 .bg-quill2 {
    display: block;
    width: 13.6rem;
    height: 7.8rem;
    transform: rotate(30deg);
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    position: absolute;
    right: 19.42rem;
    bottom: 6.3rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.icon-columns4 .bg-quill3 {
    display: block;
    width: 9.5rem;
    height: 7.77rem;
    transform: rotate(63.258deg);
    filter: blur(.2rem) brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    opacity: .5;
    position: absolute;
    right: 9.42rem;
    bottom: 16.3rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
}


.primary .icon-column .ico,
.page-content .cards-inside .card .ico {
    box-shadow: 0px 0px 1.1em 0px rgba(245, 109, 41, 0.20);
}

.primary .icon-column .ico img,
.page-content .cards-inside .card .ico img {
    box-shadow: 0px 0px .55em 0px rgba(245, 109, 41, 0.10);
}

.page-content .twocol.card {
    align-self: stretch;
    flex-flow: column;
    justify-content: center;
    padding: 3.3em;
}

.twocol.pack-descr {
    width: 45%;
    position: relative;
}

.twocol.pack-descr::before {
    content: '';
    width: 9.26rem;
    height: 5.27rem;
    transform: rotate(153.974deg);
    filter: blur(2px);
    opacity: .5;
    position: absolute;
    left: -4rem;
    top: 2rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

.twocol.pack-descr::after {
    content: '';
    width: 9.7rem;
    height: 7.9rem;
    position: absolute;
    transform: scaleX(-1);
    left: 3.3rem;
    bottom: -3rem;
    background: url('images/quill1.svg') no-repeat center / 100%;
}

.twocol.pack {
    width: 53%;
    position: relative;
}

.twocol.pack img {
    display: block;
    width: 115%;
}

.twocol.pack::before {
    content: '';
    width: 9.26rem;
    height: 5.27rem;
    transform: rotate(63.258deg) translateX(100%);
    filter: blur(2px);
    opacity: .3;
    position: absolute;
    right: -4rem;
    top: 0;
    background: url('images/quill1.svg') no-repeat center / 100%;
}

.twocol.pack::after {
    content: '';
    width: 13.6rem;
    height: 7.8rem;
    transform: rotate(30deg) translateX(52%);
    position: absolute;
    right: 0;
    top: 8rem;
    background: url('images/quill2.svg') no-repeat center / 100%;
}

/** Pge Syrop */
.page-syrop {}

.page-syrop .page-head .page-image {
    padding: 3rem 0 9rem;
    justify-content: flex-start;
    align-items: center;
}

.page-image::before {
    content: none;
}

.page-image .syr-img {
    width: 61.5%;
    background: url('images/blue_oduvan.svg') no-repeat right center / auto 44.3rem;
}

.page-image .syr-img img {
    width: 86%;
}

.page-image .syr-descr {
    width: 44.3rem;
    height: 44.3rem;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-light-color);
    border-radius: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 3rem;
}

.page-image .syr-descr::before {
    content: '';
    display: block;
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    background-color: var(--second-color);
    border-radius: 50%;
    border: 1rem solid #CCE2F1;
}

.content .syr-descr h2 {
    margin: 0;
    font-size: 3.6rem;
    line-height: 1.5;
}

.content .syr-descr p {
    margin: 0;
    background: transparent;
    font-size: 2.4rem;
    line-height: 1.5;
}

.page-syrop .page-image .quill {
    left: 6.8rem;
    top: -2.3rem;
}

.page-syrop .page-image::after {
    left: 1.8rem;
    top: 2.3rem;
}

.syr-descr .alergy {
    width: 22rem;
    height: 12rem;
    position: absolute;
    top: -1rem;
    left: -6.3rem;
    background: url('images/alergy.svg') no-repeat center / 100%;
}

.page-syrop .syr-descr .quill {
    content: '';
    display: block;
    width: 12rem;
    height: 9.8rem;
    transform-origin: center;
    transform: scaleX(-1);
    position: absolute;
    top: 0;
    left: auto;
    right: -4rem;
    background: url(images/quill1.svg) no-repeat center / 100%;
    z-index: 2;
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
}

.page-syrop .syr-descr .dandel1 {
    content: '';
    display: block;
    width: 6rem;
    height: 6.7rem;
    transform-origin: center;
    transform: scaleX(-1);
    position: absolute;
    bottom: -4.9rem;
    right: 4.6rem;
    background: url(images/dandel.svg) no-repeat center / 100%;
    z-index: 2;
}

.page-syrop .syr-descr .dandel2 {
    content: '';
    display: block;
    width: 6rem;
    height: 6.7rem;
    transform-origin: center;
    position: absolute;
    bottom: 1.9rem;
    right: -4.6rem;
    background: url(images/dandel.svg) no-repeat center / 100%;
    z-index: 2;
}

.syrop-content {
    align-items: stretch;
}

.syr-text h4,
.syr-text-sho h4 {
    position: relative;
    background-color: var(--white);
    padding: 2.6rem 8rem 2.9rem 3.6rem;
    margin-bottom: 0;
    box-shadow: var(--second-shadow);
    border-radius: 1rem;
    margin: 1em 0 1.2em;
}

.syr-text h4::after,
.syr-text-sho h4::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2rem;
    background: url(images/card-border-primary.jpg) no-repeat center top / 100% 100%;
    border-radius: 1rem 0 0 1rem;
}

.syr-text h4+p,
.syr-text h4+ul,
.syr-text h4+p+p,
.syr-text h4+p+ul,
.syr-text h4+ul+p {
    padding-left: 3.6rem;
}

.button.download {
    font-size: 1em;
    text-transform: uppercase;
    margin: 4rem auto 0;
    background-color: #fff;
    color: var(--primary-color);
    border-radius: 1rem;
    height: 6rem;
    padding: 0 0 0 2rem;
}

.button.download:hover {
    background-color: var(--primary-light-color);
}

.button.download::after {
    content: '';
    display: inline-block;
    width: 6rem;
    height: 6rem;
    margin-left: 2rem;
    border-left: 0.2rem solid var(--primary-color);
    background: url(images/ico_download.svg) no-repeat center / 2.4rem;
}

.syrop-content h2 {
    margin-top: 10rem;
}

.syrop-content h2 span {
    font-size: .6em;
    font-weight: normal;
    display: block;
    line-height: 1.5;
}

.syrop-img {
    width: 31%;
    background-color: #FCD3BF;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    position: relative;
}

.syrop-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.syrop-img::before {
    content: '';
    display: block;
    width: 14.9rem;
    height: 8.5rem;
    position: absolute;
    left: 16.8rem;
    top: 10.3rem;
    background: url(images/quill2.svg) no-repeat center / 100%;
    filter: brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    z-index: 2;
}

.syrop-img::after {
    content: '';
    display: block;
    width: 10.4rem;
    height: 8.5rem;
    transform: rotate(33.258deg);
    opacity: .7;
    position: absolute;
    left: 19.8rem;
    top: 2.7rem;
    background: url(images/quill1.svg) no-repeat center / 100%;
    filter: blur(0.2rem) brightness(0) saturate(100%) invert(58%) sepia(68%) saturate(3932%) hue-rotate(345deg) brightness(100%) contrast(93%);
    z-index: 2;
}

.syr-text-chomu {
    width: 65%;
}

.syr-text-chomu ul:last-of-type {
    margin-bottom: 0;
}

.syr-text-chomu li strong {
    color: var(--second-color);
}

.syr-text-sho h4 {
    font-size: 1em;
    line-height: 1.5;
    color: var(--black);
    font-weight: 600;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    margin: 0 0 2em;
}

.syr-text-sho h5 {
    color: var(--second-color);
}

.syr-text-sho td:first-of-type {
    width: 35% !important;

}

.faq h4 {
    margin: 0 !important;
}

.de {
    display: block;
    position: fixed;
    bottom: 6.8rem;
    right: 4.8rem;
    width: 16.2rem;
    height: 11rem;
    background: url("images/small_pack.png") no-repeat center / 100%;
    z-index: 1000;
}

.page-template-page_buy .de {
    display: none;
}

.de::after {
    content: attr(data-text);
    padding: 1rem;
    font-size: 1.6rem;
    text-align: center;
    color: var(--primary-color);
    font-weight: bold;
    position: absolute;
    top: 10rem;
    left: 0;
    right: 0;
    background: var(--white);
    border: .2rem solid var(--primary-color);
    border-radius: 0.6rem;
}

.page-template-page_syrop .de {
    background: url('../../uploads/2024/06/photo_2024-06-09_10-09-12-kopiya.png') no-repeat center / 130%;
    height: 14rem;
}

.page-template-page_syrop .de::after {
    top: 12rem
}

.literatura {
    padding-top: 0;
}

.literatura h4 {
    color: var(--primary-color);
}

.mobshow,
.tabletshow {
    display: none !important;
}

.flex-top {
    align-items: flex-start !important;
}

/* Responsive
--------------------------------------------- */
@media (max-width: 1920px) {
    body {
        width: 100%;
    }
}

@media (max-width: 1400px) {}



@media (max-width: 1200px) {
    :root {
        --content-width: 83.333vw;
    }

    body,
    body.home,
    body.page-template-page_buy {
        font-size: 0.6vw;
    }

    .meetnew .twocol:last-of-type {
        margin-top: 4rem;
    }

    .popup-win .win {
        max-width: 70.5vw;
    }

    .kl-oduvan h4 {
        max-width: 100%;
        margin: 1.5em 0;
    }

    .perevagi .card .ico-text p,
    .perevagi .card .descr p {
        font-size: 1em;
    }
}


@media (max-width: 1090px) {

    body,
    body.home,
    body.page-template-page_buy {
        font-size: 0.65vw;
    }

    :root {
        --content-width: 95%;
    }

    .popup-win .win {
        max-width: 80.5vw;
    }

    .kl-oduvan {
        padding-top: 1.2em;
    }

    .kl-oduvan h4 {
        max-width: 75%;
        margin: 1.4em 0;
    }

}

@media (max-width: 1050px) {

    .widget,
    .widget iframe {
        /height: 956px;
    }
}

@media (max-width: 860px) {
    .mobhide {
        display: none !important;
    }

    .mobshow,
    .tabletshow {
        display: flex !important;
    }

    .twocol {
        width: 100% !important;
    }

    :root {
        --content-width: 100%;
        --border-radius: 3.75rem
    }

    .wrapper {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    body,
    html {
        font-size: min(1.667vw, 10px);
        background-image: none !important;
    }


    h2,
    .h2,
    h1,
    .h1 {
        font-size: 4.5rem;
        line-height: 1.3;
    }

    .content {
        font-size: 2.25rem;
        line-height: 1.5;
    }

    section {
        padding: 11rem 0;
    }


    .centered {
        margin-top: 3rem;
    }

    header.site-header {
        padding: 0;
        border-bottom: 0.37rem solid var(--primary-color) !important;
    }

    .site-header .wrapper {
        justify-content: space-between;
        height: 8.4rem;
        padding: 0 min(2.866rem, 29px);
    }

    .site-menu.mobhide {
        display: flex !important;
        width: 100%;
    }

    .menu-main-container,
    .menu-menu-1-container {
        width: 100%;
    }

    header .site-branding img {
        width: 13rem;
    }

    .copy::before {
        font-weight: 900;
        font-size: 1.4rem;
        top: 2.8rem;
        right: -1.2rem;
        text-shadow: .05rem .05rem 0 var(--white), -.05rem .05rem 0 var(--white), .05rem -.05rem 0 var(--white), -.05rem -.05rem 0 var(--white);
    }

    .site-menu ul {
        align-items: stretch;
    }

    .site-menu ul li {
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
    }

    .site-menu ul li::after {
        content: '';
        display: block;
        width: 4.5rem;
        height: .18rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        background-color: #B6D0E0;
        transition: height .3s ease-in-out;
    }

    .site-menu ul li:last-of-type:after {
        content: none
    }

    .site-menu ul li a {
        justify-content: center;
        flex-wrap: wrap;
        font-size: 3rem;
        text-align: center;
        width: 100%;
        padding: 2.25rem;
        position: relative;
    }


    .site-menu ul li.current_page_item>a,
    .site-menu ul li.current_page_parent>a {
        background: transparent;
        color: var(--primary-color);
        font-weight: bold;
    }

    .site-menu ul li .sub-menu {
        display: block;
        width: 100%;
        opacity: 1;
        position: relative;
        background: transparent;
        box-shadow: none;
        pointer-events: auto;
        min-height: 0;
        font-size: 1.2rem;
        margin: -2rem 0 0;
    }

    .site-menu ul li .sub-menu li::after,
    .site-menu ul li .sub-menu li:last-of-type::after {
        content: none;
    }

    .site-menu ul li.menu-item-has-children a::after {
        content: none;
    }

    .site-menu ul li.menu-item-has-children a {
        padding-bottom: 3%;
    }

    .site-menu ul li .sub-menu a {
        font-size: min(2.7rem, 27px);
    }

    section.first-screen {
        padding-bottom: 0;
    }

    .first-screen::after {
        content: none;
    }

    .first-screen h1 {
        padding: 0;
        text-align: center;
        margin: 5rem 0 3rem;
    }

    .first-screen .pack {
        margin-right: -12rem;
        margin-left: -4rem;
    }

    .quill2,
    .quill2 {
        scale: 0.8;
    }

    .quill2 {
        right: -5.4rem;
    }

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

    .first-screen .descr {
        font-size: 2.6rem;
        font-weight: 700;
        text-align: center;
        padding: 0;
    }

    .first-screen .twocol:last-of-type {
        margin: 4rem -3rem 0;
        padding: 0 3rem 3rem;
        width: calc(100% + 6rem) !important;
        background: url(images/bg_fill.jpg) no-repeat center top / 100% 100%;
    }

    .benefit-items {
        background: url('images/bg_ben_bottom.svg') no-repeat center bottom / 100%,
            url('images/bg_ben_top_mob.svg') no-repeat center top / 100%;
    }

    .benefit-items .wrapper {
        padding: 10rem 3rem 12rem;
        gap: 3.75rem;
    }

    .benefit-items .item {
        width: 100%;

    }

    .benefit-items .item::before {
        width: 15.00938rem;
        height: 15.00938rem;
        margin-bottom: 3rem;
    }

    .kl-head .twocol:first-of-type {
        margin: 0;
    }

    .kl-oduvan {
        background: url('images/kl_oduvan.svg') no-repeat left -270% top / 52.1rem;
        padding-left: 16rem;
        padding-top: 5em;
        margin-top: -4em;
    }

    .kl-oduvan h4 {
        min-width: 100%;
        margin: 1.25em 0;
    }

    .koli .kl-head {
        order: 1;
    }

    .koli .illusration1 {
        order: 2;
    }

    .koli .descripttion1 {
        order: 3;
    }

    .koli .illusration2 {
        order: 4;
    }

    .koli .descripttion2 {
        order: 5;
    }

    .koli .illusration3 {
        order: 6;
    }

    .koli .descripttion3 {
        order: 7;
    }

    main.site-main {
        overflow-x: hidden;
        padding-top: 8.8rem;
    }

    h2,
    .h2 {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    h4,
    .h4 {
        font-size: 3rem;
    }

    .content ul li {
        margin-bottom: 0.9em;
        padding-left: 5rem;
    }

    .content ul li:before {
        width: 1.3em;
        height: 1.3em;
        top: -0.1em;
    }

    .illusration1,
    .illusration2,
    .illusration3 {
        margin-bottom: 3rem !important;
    }

    .illusration1 img,
    .illusration2 img,
    .illusration3 img {
        height: 55rem;
        object-fit: cover;
    }

    .card.bordered {
        padding: 5.6rem 3.5rem 5.6rem 8rem;
    }

    .card.bordered::before {
        border-radius: 3.75rem 0 0 3.75rem;
    }

    .arrow-link {
        font-size: 3.00188rem;
        font-weight: 600;
    }

    .yak .wrapper {
        gap: 5.6rem;
    }

    .yak .flex {
        flex-wrap: wrap;
        align-items: center;
    }

    .yak .ico-text {
        width: 100%;
        padding: 0;
    }

    .yak .card h3 {
        font-size: 1.5em;
        margin-bottom: 2em;
    }

    .yak .card h4 {
        width: calc(100% - 6.6em);
        margin-bottom: 0;
        font-size: 1.1em;
    }

    .yak .twocol:first-of-type::before {
        scale: .54;
        left: -3rem;
    }

    .yak .twocol:nth-of-type(2)::before {
        scale: .53;
        right: -2.3rem;
        top: -4rem;
    }

    .yak .descr {
        margin-top: 0;
    }

    .ico {
        width: 6em;
        height: 6em;
    }

    section.map {
        padding-top: 11rem;
        padding-bottom: 5rem;
    }

    .map .next-wrap {
        padding: 0 0 4rem;
    }

    .widget #title .gw-logo img {
        max-width: 100%;
    }

    .prevention {
        padding: 9rem 2.8rem 5rem;
    }

    .prevention img {
        width: 100%;
    }

    footer {
        border-width: .37rem;
        padding: 5.6rem 0 7.5rem;
    }

    .site-footer .wrapper {
        font-size: 2.8rem;
        flex-direction: column;
    }

    footer .site-menu {
        padding: 3.5rem 0;
    }

    .site-footer .site-menu ul {
        flex-direction: column;
    }

    footer .site-menu ul li .sub-menu {
        box-shadow: none;
    }

    .kusum {
        width: 21.5rem;
    }




    .acc-wrap {

        margin-bottom: 3.75rem;
    }

    .acc-wrap .acc-header {
        padding: 3rem 6.75rem 3rem 3rem;
        border-radius: 1.88rem;
    }

    .product-content .acc-header {
        padding-left: 6rem;
    }

    .acc-content .content {
        padding: 2rem 2.7rem 0;
    }

    .acc-header:not(.ico)::after,
    .acc-header:not(.ico)::before {
        width: 1.87rem;
        height: 0.45rem;
        border-radius: 0.75rem;
        top: 50%;
        right: 2.5rem;
    }

    .submenu .card {
        font-size: 2.25rem;
        padding: 3rem;
        border-radius: 1.87rem;
        margin-bottom: 1.88rem;
    }

    .submenu .card.active {
        border-width: 2px;
    }

    .inner-page h2,
    .inner-page .h2 {
        font-size: 4.5rem;
        width: 70%;
    }

    .inner-page .card {
        border-radius: 1.87rem;
    }

    .inner-page .card.bordered {
        padding: 5.63rem 3.94rem;
    }

    .page-head .card.bordered {
        padding: 5.63rem 4.88rem 5.63rem 6rem;
        width: calc(100% - 6rem) !important;
        margin: 0 auto;
    }

    .page-head .allergen2,
    .page-head .allergen1 {
        display: none !important;
    }

    .inner-page .card.bordered::before {
        width: 3rem;
        border-radius: 1.87rem 0 0 1.87rem;
    }

    .icon-columns5,
    .icon-columns4 {
        flex-flow: column;
    }

    .inner-page .card.bordered .icon-column {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3rem;
    }

    .inner-page .card.bordered .icon-column:last-of-type {
        margin-bottom: 0;
    }

    .page-content .twocol.card {
        padding: 3.75rem;
    }

    .twocol.pack-descr::before {
        left: 0rem;
        top: -3rem;
    }

    .twocol.pack-descr::after {
        left: auto;
        right: 3.3rem;
    }

    .page-content .twocol.pack {
        margin: 0 -3rem;
        width: calc(100% + 6rem);
    }

    .twocol.pack img {
        width: 128%;
    }

    .twocol.pack::before,
    .twocol.pack::after {
        display: none;
    }

    .page-info h2,
    .page-info .h2 {
        width: 90%;
    }

    .page-info h4 {
        font-size: 3.37711rem;
        margin-bottom: 1em;
        margin-top: 5.63rem;
    }

    .page-head .image img {
        height: 60rem !important;
        margin-bottom: 5.6rem;
    }

    .page-id-12 .page-head .image img {
        height: 54rem !important;
    }

    .icon-columns4 .bg-quill1,
    .icon-columns4 .bg-quill2,
    .icon-columns4 .bg-quill3 {
        display: none;
    }

    .page-content .icon-columns4 h4 {
        padding-right: 0;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .page-head h4 {
        width: 70%;
        margin: 0 auto 1em;
    }

    .content table {
        border-spacing: .94rem;
        margin: 0 -.94rem 1.2em;
        width: calc(100% + 1.88rem) !important;
    }

    .content thead td {
        font-size: 2.25rem;
        padding: 2.06rem 1.88rem;
    }

    .content td {
        font-size: 1.87rem;
        padding: 1.88rem;
    }

    .product-bg {
        background: none;
    }

    .product-bg img {
        width: 116%;
        transform: translateX(0);
    }

    .grid {
        display: flex;
        flex-direction: column;
        gap: 3.75rem;
    }

    .perevagi .grid::before,
    .perevagi .grid::after {
        display: none;
    }

    .perevagi .card::after {
        display: none;
    }

    .perevagi .card {
        font-size: 2.25rem;
        padding: 5.63rem 4.7rem 5.63rem 7rem;
    }

    .perevagi .card .ico {
        width: 10.6rem;
        height: 10.6rem;
    }

    .perevagi .card .ico-text {
        width: 100%;
        padding-left: 0;
        padding-top: 3rem;
    }

    .perevagi .card:first-of-type {
        padding-right: 0;
    }

    .perevagi .card:first-of-type .ico-text {
        width: calc(100% - 13rem);
        padding-left: .7em;
        padding-top: 0;
    }

    .perevagi .card .descr {
        padding-right: 4.7rem;
    }

    .perevagi .card:nth-of-type(3) {
        order: 4;
    }

    .page-head .page-image {
        width: calc(100% - 6rem);
        padding: 4.5rem;
    }

    .page-image::before {
        width: 9.56848rem;
        height: 7.87992rem;
        right: 0;
        bottom: -1.69rem;
    }

    .page-image .quill {
        width: 6.26623rem;
        height: 5.12139rem;
        left: 2.8rem;
        top: -2.3rem;
    }

    .page-image::after {
        width: 9.00563rem;
        height: 5.06567rem;
        left: -0.2rem;
        top: 0.3rem;
    }

    .icon-column .ico-text {
        text-align: center;
    }

    .page-content .cards-inside::before,
    .page-content .cards-inside::after {
        display: none;
    }

    .page-content .cards-inside {
        padding: 7.5rem 3rem;
        margin-left: -3rem;
        margin-right: -3rem;
        width: calc(100% + 6rem);
        border-radius: 0;
        gap: 3.75rem;
    }

    .page-content .cards-inside .card {
        width: 100%;
        padding: 3rem 3rem 3rem 6rem;
    }

    .page-content .cards-inside h4 {
        text-align: left;
        line-height: 1.5;
        margin-bottom: 3rem;
    }

    .page-content .cards-inside .ico {
        width: 12rem;
        height: 12rem;
    }

    @keyframes fall {
        0% {
            top: -15rem;
        }

        60%,
        100% {
            top: 70%;
        }
    }

    .page-image .syr-img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        background: none;
    }

    .page-image .syr-img img {
        width: 100%;
        margin-left: 5%;
    }

    .page-syrop .page-image::after {
        width: 11rem;
        left: 3.8rem;
        top: 3.3rem;
    }

    .page-image .quill {
        left: 6.8rem;
        top: -0.3rem;
        width: 8.26623rem;
        height: 6.12139rem;
    }

    .page-image .syr-descr {
        width: 54.8rem !important;
        height: 54.8rem;
        margin: 4rem auto 0;
    }

    .page-image .syr-descr::before {
        content: none;
    }

    .syr-descr .alergy {
        width: 20rem;
        height: 11rem;
        top: 1rem;
        left: 0;
    }

    .page-syrop .syr-descr .quill {
        width: 16rem;
        height: 13.8rem;
        right: 1rem;
        top: -1rem;
    }

    .page-syrop .syr-descr .dandel1 {
        right: 7.6rem;
    }

    .page-syrop .syr-descr .dandel2 {
        right: -1.6rem;
    }

    .content .syr-descr p {
        font-size: 2.7rem;
    }

    .syrop-img {
        margin-bottom: 6rem;
    }

    .syrop-img img {
        position: static;
    }

    .syrop-img::before {
        width: 20.9rem;
        height: 13.5rem;
        left: 21.8rem;
        top: 13.3rem;
    }

    .syrop-img::after {
        width: 15.4rem;
        height: 12.5rem;
        left: 25.8rem;
        top: 2.7rem;

    }

    .syr-text {
        width: 100%;
    }

    .syrop-content h2 {
        width: 85%;
    }

    .syrop-content h4 {
        font-size: 1.3em;
    }

    .syr-text-sho h4 {
        font-size: 1em;
    }

    .syr-text thead td {
        font-size: 1.8rem;
        padding: 2.06rem 1.1rem;
        font-weight: 600;
    }


    .faq .acc-wrap .acc-header,
    .acc-content .content {
        padding-left: 4rem;
    }

    .pharmacies {
        flex-wrap: wrap;
    }

    .widget {
        margin-bottom: 7.4rem;
    }

    .farm-item {
        width: 100%;
        font-size: 2.625rem;
        line-height: 1;
        padding: 1.5rem;
        min-height: 9.75rem;
        margin-bottom: 2.8rem;
        box-shadow: 0px 2.4rem 6.2rem 0px rgba(122, 32, 67, 0.1);
    }

    .farm-item img {
        width: 9.375rem;
        margin-right: 1.3rem;
    }

    .contact .content-block {
        padding: 6rem;
        width: 100%;
        border-radius: 7.5rem 1.2rem;
        flex-direction: column;
    }

    .contact-item {
        flex-direction: column;
        font-size: 2.62em;
        margin-bottom: 3.27rem;
        line-height: 2em;
    }

    .contact-item:last-of-type {
        margin-bottom: 0;
    }

    .contact-item:first-of-type {
        margin-right: 0;
    }

    .contact h3 {
        font-size: 3.375em;
        margin-bottom: 5.2rem;
    }

    .contact-item b {
        display: flex;
        align-items: center;
    }

    .contact-item b::before {
        width: 3.375rem;
        height: 3.375rem;
        margin-right: 1.87rem;
    }

    .mail b::before {
        width: 4.5rem;
        height: 4.5rem;
    }

    .caution {
        margin-top: 9rem;
    }


    .page-buy .map {
        padding-top: 0;
    }

    .info-page {
        padding-bottom: 3rem;
    }

    .fixed-buy {
        display: none;
    }


    .de {
        /* 		display: none; */
    }

    .literatura {
        width: 100%;
        padding: 0 3rem 11rem;
    }

}

@media (max-width: 600px) {}

@media (max-width: 480px) {}

@media (max-width: 320px) {}


@media (orientation: portrait) {}

main {
    position: relative;
    z-index: 2;
}

.dandelion-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    opacity: .4;
}

.dandelion {
    position: absolute;
    width: 10rem;
    height: 10rem;
    background: url('images/dandel.svg') no-repeat;
    background-size: cover;
    animation: dandelionFlight linear infinite;
    transform-origin: center;
}

@keyframes dandelionFlight {
    0% {
        transform: translateX(-100%) translateY(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100vw) translateY(-30vh) rotate(60deg);
        opacity: .6;
    }
}

.content p,
.content ul,
.content ol {
    background-color: var(--white);
}

.card p,
.card ul,
.card ol {
    background-color: transparent;
}

.acc-content .content p,
.acc-content .content ul,
.acc-content .content ol {
    background-color: transparent;
}



/***** Lang *****/

.lang {
    position: relative;
    display: inline-block;
}

.current-lang {
    display: flex;
    align-items: center;
    padding: 8px;
    gap: 8px;
    cursor: pointer;
    /* border-radius: 8px; */
    background: #ffffff;
}

.lang .current-lang::after {
    content: '';
    display: block;
    margin-left: 0.73rem;
    margin-top: -.3rem;
    width: .7rem;
    height: .7rem;
    transform: rotate(-45deg);
    border: .2rem solid var(--primary-color);
    border-top: none;
    border-right: none;
    transition: all 0.2s linear;
}

.lang:hover .current-lang::after {
    transform: rotate(135deg);
}

.current-lang img,
.select-lang li a img {
    width: 24px;
    height: 20px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.current-lang .sBtn-text,
.select-lang li a .sBtn-text {
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 550;
}

.select-lang {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    list-style: none;
    border-radius: 12px;
    min-width: 140px;
    padding: 6px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 100;
}

.lang:hover .select-lang {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-5px);
}

.select-lang li {
    border-radius: 6px;
    margin-bottom: 2px;
}

.select-lang li:hover {
    background-color: rgba(245, 109, 41, 0.08);
}

.select-lang li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-decoration: none;
    width: 100%;
}