@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@font-face{
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Bold.otf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Medium.otf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Regular.otf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Thin.otf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'e-Ukraine';
    src: url('../fonts/e-Ukraine-Light.otf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

body {
    font-family: 'e-Ukraine';
    background: #f5f5f2;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #163981;
}

a {
    transition: all .3s ease;
}

section {
    overflow: hidden;
}

.site-footer {
    padding: 60px 0 0;
    background: url(../img/Footer.svg) no-repeat center center / cover;
    color: #fff;
}

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

.flogo {
    display: block;
    min-width: 77px;
    width: 77px;
}

.footer_tel_txt {
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
}

.footer_tel a {
    text-decoration: none;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #00a5e2;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: calc(1660px + 1.5rem);
    }
}

.site-footer .menu_gap {
    gap: 20px;
}

.site-footer .menu-item {
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
}

.site-footer .menu-item a {
    color: #fff;
    text-decoration: none;
}

.site-footer .menu-item a:hover {
    text-decoration: underline;
}

.socials_list {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
}

.socials_list a {
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.soc_arrow {
    transition: all .3s ease;
    min-width: 10px;
}

.socials_list a:hover .soc_arrow {
    transform: rotate(45deg);
}

.site-footer .menu_gap {
    margin-bottom: 30px;
}

.left_line {
    border-left: 1px solid rgba(255,255,255,.2);
    padding-left: 30px;
}

.copy_block {
    padding: 24px 0;
    border-top: 1px solid rgba(255,255,255,.2);
}

.copy_block_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
    font-weight: 300;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 0.01em;
    text-align: center;
}

.bottom_slogan {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 95px 40px;
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    text-align: center;
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.site {
    margin-bottom: 251px;
    background: #f5f5f2;
}

.site-header {
    position: fixed;
    left: 0;
    top: 8px;
    width: 100%;
    z-index: 1050;
    transition: all .3s ease;
}

.site-header.hidden {
    top: -100px;
}

.header_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.hlogo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    min-width: 75px;
}

.site-header nav {
    /*    backdrop-filter: blur(37.5px);
        background: rgba(85, 88, 94, 0.35);*/
    border-radius: 30px;
    transition: all .3s ease;
    position: relative;
    /*padding: 14px;*/
}

.site-header nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    transition: all .3s ease;
}

.site-header.scrolled nav:before {
    backdrop-filter: blur(37.5px);
    background: rgba(85, 88, 94, 0.35);
}

.site-header .menu-item {
    padding: 9px 10px;
    position: relative;
}

.site-header .menu-item a {
    display: flex;
    align-items: center;
    justify-items: center;
    white-space: nowrap;
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
}

.site-header .menu-item a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.search_toggle, .header_right .menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
}

.header_right {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 30px;
    padding: 5px;
    backdrop-filter: blur(37.5px);
    background: rgba(85, 88, 94, 0.35);
}

.main_hero {
    position: relative;
    background: no-repeat center bottom / cover;
    z-index: 2;
    border-radius: 0 0 40px 40px;
    padding: 352px 0;
    overflow: hidden;
}

.main_hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(1, 39, 62, 0.3) 0%, rgba(1, 39, 62, 0.3) 100%);
}

.main_hero h1 {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    color: #fff;
    max-width: 445px;
    margin-bottom: 30px;
}

.main_hero .hero_desc {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    max-width: 445px;
    margin-bottom: 30px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 52px;
    gap: 0;
    background: #163981;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    color: #fff;
    border-radius: 40px;
    padding: 16px 24px;
    overflow: hidden;
}

.btn .overlay {
    background: linear-gradient(180deg, rgba(9, 80, 169, 0.3) 20.19%, rgba(0, 142, 253, 0.3) 100%);
    opacity: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
}

.btn .arrow {
    overflow: hidden;
    width: 0;
    height: 0;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn:hover {
    background: #163981;
    color: #fff;
    gap: 16px;
}

.btn:hover .overlay {
    opacity: 1;
}

.btn:hover .arrow {
    width: 40px;
    height: 40px;
}

.menu-item-has-children {
    position: relative;
}

.sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    border-radius: 30px;
    padding: 18px 20px;
    backdrop-filter: blur(37.5px);
    background: rgba(85, 88, 94, 0.45);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid rgba(255,255,255,0.3);
}

.menu-item-has-children:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.menu-item-object-product_type {

}

.sub-menu .menu-item {
    padding: 0;
}

.sub-menu .menu-item a {
    border-radius: 10px;
    padding: 14px 12px;
}

.sub-menu .menu-item.menu-item-object-product_type a {
    border-radius: 20px;
    padding: 3px;
    display: flex;
    gap: 15px;
    align-items: center;
}

.sub-menu .menu-item.menu-item-object-product_type a .mi_img {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    width: 70px;
    height: 70px;
    min-width: 70px;
    backdrop-filter: blur(37.5px);
    background: rgba(128, 135, 152, 0.35);
    padding: 9px 3px;
    border: 1px solid rgba(255,255,255,0.3);
    border-top: none;
}

.mi_img img {
    height: auto !important;
    width: 100% !important;
    max-height: 52px;
}

.sub-menu .menu-item:hover a {
    background: rgba(255, 255, 255, 0.15);
}

.product_top {
    position: relative;
    padding-top: 121px;
    padding-bottom: 120px;
}

.product_post_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    background: url(../img/Top.png) no-repeat bottom center / cover;
    border-radius: 0 0 40px 40px;
}

.breadcrumbs {
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    white-space: nowrap;
}

.breadcrumbs a {
    color: #fff;
    text-decoration: none;
}

.breadcrumbs a:hover {
    color: #fff;
    text-decoration: underline;
}

.breadcrumbs .breadcrumb_last {
    color: rgba(255,255,255,.5);
}

.breadcrumbs span span {
    position: relative;
    padding-right: 42px;
}

.breadcrumbs span span.breadcrumb_last {
    padding-right: 0;
}

.breadcrumbs span span:before {
    content: "";
    background: rgba(0, 165, 226, 0.2);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.breadcrumbs span span:after {
    content: "";
    background: #00a5e2;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
}

.breadcrumbs span span.breadcrumb_last:before, .breadcrumbs span span.breadcrumb_last:after {
    display: none;
}

.prod_info_block {
    max-width: 760px;
    margin-left: auto;
    padding-top: 141px;
}

.prod_info_block h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    color: #163981;
    margin-bottom: 40px;
}

.prod_desc {
    border-radius: 20px;
    padding: 20px;
    background: #fff;
    margin-bottom: 40px;
    color: #163981;
}

.prod_desc_block {
    padding: 20px;
    border: 1px solid #f5f5f2;
    border-radius: 20px;
}

.prod_desc p:last-child {
    margin-bottom: 0;
}

.rborder40 {
    border-radius: 40px;
}

.rborder18 {
    border-radius: 18px;
}

.rotate0 {
    transform: rotate(-5deg);
}

.rotate1 {
    transform: rotate(4deg);
}

.mySwiper2 {
    margin-bottom: 20px;
}

.mySwiper img {
    transition: all .3s ease;
}

.mySwiper img:hover {
    transform: rotate(0deg);
}

.mySwiper {
    padding: 15px;
}

.prod_links {
    display: flex;
    align-items: center;
    border-radius: 40px;
    padding: 0px 30px 0px 0px;
    background: rgba(187, 223, 252, 0.5);
    width: 100%;
    gap: 30px;
    margin-bottom: 30px;
}

.prod_links .btn {
    width: calc(100% - 170px);
}

.prod_rece {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    color: #163981;
}

.prod_info_block h2 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    color: #163981;
    margin-bottom: 15px;
}

.nutritionals {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.nutrit {
    border-radius: 12px;
    padding: 10px 15px;
    background: #fff;
    padding-left: 42px;
    position: relative;
    color: #163981;
}

.nutrit:before {
    content: "";
    background: rgba(0, 165, 226, 0.2);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.nutrit:after {
    content: "";
    background: #00a5e2;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 19px;
    transform: translateY(-50%);
}

.pr_info_txt {
    color: #163981;
    margin-bottom: 20px;
}

.pr_line {
    background: #00a5e2;
    height: 1px;
    width: 100%;
    margin-bottom: 20px;
    opacity: .2;
}

.product_bottom {
    padding-bottom: 120px;
}

.product_bottom_container {
    border-radius: 40px;
    padding: 40px;
    background: #163981;
    position: relative;
}

.product_bottom_container:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -65px;
    width: 112px;
    height: 140px;
    background: url(../img/more1.svg) no-repeat center center / contain;
}

.product_bottom_container:after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: -34px;
    width: 75px;
    height: 65px;
    background: url(../img/more2.svg) no-repeat center center / contain;
}

.product_bottom_container h2 {
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    margin-bottom: 0;
}

.header_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    /*margin-bottom: 40px;*/
}

.pr_controls {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 40px;
    padding: 1px;
    background: rgba(255, 255, 255, 0.06);
}

.pr_controls .swiper-button-next, .pr_controls .swiper-button-prev {
    position: inherit;
    margin: 0;
    transform: none;
    padding: 8px;
    opacity: .6;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 40px;
    overflow: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    color: transparent;
}

.pr_controls .btn_content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    transition: all .3s ease;
}

.pr_controls .swiper-button-next .btn_content {
    transform: translateX(-44px);
}

.pr_controls .swiper-button-next::-webkit-scrollbar, .pr_controls .swiper-button-prev::-webkit-scrollbar  {
  display: none;
}

.pr_controls .swiper-button-next:after, .pr_controls .swiper-button-prev:after {
    display: none;
}

.pr_controls .swiper-button-next:hover, .pr_controls .swiper-button-prev:hover {
    opacity: 1;
    backdrop-filter: blur(16px);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.23), 0 8px 8px 0 rgba(0, 0, 0, 0.16), 0 19px 11px 0 rgba(0, 0, 0, 0.15), 0 33px 13px 0 rgba(0, 0, 0, 0.04), 0 52px 15px 0 rgba(0, 0, 0, 0.01);
}

.pr_controls .swiper-button-next:hover .btn_content {
    transform: translateX(0%);
}

.pr_controls .swiper-button-prev:hover .btn_content {
    transform: translateX(-44px);
}

.more_product {
    display: flex;
    align-items: center;
    gap: 40px;
    border-radius: 20px;
    padding: 16px;
    background: #fff;
    height: auto;
}

.product_bottom_container .swiper-wrapper {
    align-items: stretch;
}

.more_product_img img {

}

.more_product_img {
    min-width: 342px;
    max-width: 342px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: url(../img/mpbg.svg) no-repeat center center / 100%;
    transition: all .5s ease;
}

.more_product:hover .more_product_img {
    background-size: 120%;
    border-radius: 20px;
}

.more_product_info {
    width: 100%;
}

.more_product_info h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    color: #163981;
    margin-bottom: 60px;
}

.more_product_info h3 a {
    color: #163981;
    text-decoration: none;
}

.more_product_btns {
    display: flex;
    align-items: center;
    gap: 24px;
}

.more_product_btns .prod_rece {
    text-decoration: none;
    font-size: 15px;
    line-height: 130%;
    color: #163981;
}

.more_product_term {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 13px;
    line-height: 130%;
    background: linear-gradient(135deg, rgba(0,165,226,.8) 0%, rgba(96,96,249,.8) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
}

.more_product_term:before {
    content: "";
    background: rgba(0, 165, 226, 0.2);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.more_product_term:after {
    content: "";
    background: #00a5e2;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
}

.tax_pt_top {
    padding-top: 121px;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding-bottom: 120px;
}

.product_post_top_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 611px;
    border-radius: 0 0 40px 40px;
    background: url(../img/pt-background.png) no-repeat center bottom / cover;
}

.tax_pt_top h1 {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    color: #fff;
    margin-bottom: 80px;
}

.tax_pt_item {
    width: 260px;
    height: 220px;
    padding: 2px 20px 20px;
    background: #0069c8;
    border-radius: 20px;
    position: relative;
    color: #fff;
    text-decoration: none;
    display: block;
}

.tax_pt_item_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 5;
    position: relative;
    height: 100%;
    border-radius: 20px;
}

.tax_pt_item h3 {
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.tax_pt_item_img {
    height: 149px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tax_pt_item_img img {
    max-height: 100%;
    max-width: 160px;
}

.tax_pt_item_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: overlay;
    opacity: 0.22;
    border-radius: 20px;
}

.tax_pt_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(347deg, #0147af 0%, #008efd 100%);
    opacity: 0;
    transition: all .3s ease;
    z-index: 2;
    border-radius: 20px;
}

.tax_pt_item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/tpt_a.svg) no-repeat center bottom / cover;
    opacity: 0;
    transition: all .3s ease;
    z-index: 3;
    border-radius: 20px;
}

.tax_pt_item:hover:before, .tax_pt_item:hover:after, .tax_pt_item.active:before, .tax_pt_item.active:after {
    opacity: 1;
}

.tax_pt_top .swiper {
    padding-bottom: 25px;
}

.tax_pt_item .dot {
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 165, 226, 0.3);
    display: block;
}

.tax_pt_item .dot2 {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #00a5e2;
    display: block;
}

.tax_products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 75px;
}

.tax_products .more_product {
    background: #f5f5f2;
}

.hp_products {
    background: #163981 url(../img/bghppr.png) no-repeat center bottom / cover;
    padding-top: 216px;
    padding-bottom: 156px;
    position: relative;
    margin-top: -94px;
    color: #fff;
}

.heading_desc {
    max-width: 540px;
}

h2 {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
}

h2 span:not(.aline), .hp_about .num_heading .num, .dovira span, .hp_recipes .num_heading .num,
.buy_section num_heading .num, .history_slogan span {
    background: linear-gradient(135deg, #00a5e2 0%, #6060f9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.num_heading {
    display: flex;
    margin-bottom: 80px;
    gap: 9px;
}

.num_heading .num {
    font-weight: 300;
    font-size: 24px;
    line-height: 130%;
    white-space: nowrap;
}

.tax_pt_hp_item_img2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    border-radius: 20px;
    transition: all .3s ease;
}

.tax_pt_hp_item_img2 img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.tax_pt_hp_item_img {
    height: 424px;
    min-height: 424px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.tax_pt_item:hover .tax_pt_hp_item_img {
    height: 454px;
    min-height: 454px;
}

.tax_pt_item:hover .tax_pt_hp_item_img2 {
    opacity: 1;
}

.tax_pt_item_arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    background: rgba(22,57,129,.4);
    z-index: 6;
}

.tax_pt_item:hover .tax_pt_item_arrow {
    transform: rotate(45deg);
}

.tax_pt_hp_item {
    padding: 0;
    height: 540px;
    width: 400px;
    transition: all .3s ease;
}

.tax_pt_hp_item:hover {
    height: 570px;
}

.tax_pt_hp_item:hover:after, .tax_pt_hp_item:after {
    display: none;
}

.hp_products .swiper {
    overflow: visible;
    margin-top: 80px;
    height: 570px;
}

.tax_pt_hp_item_txt {
    padding: 24px 30px 34px;
    text-align: center;
}

.tax_pt_hp_item h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 15px;
}

.tax_pt_hp_item_txt_desc {
    font-weight: 300;
    font-size: 12px;
    line-height: 130%;
    opacity: 0.7;
}

.hp_about {
    margin-top: -40px;
    position: relative;
    z-index: 2;
    padding-bottom: 120px;
}

.hp_about_top {
    border-radius: 40px;
    padding-top: 120px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0%, #f5f5f2 100%);
}

.hp_about_top:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 616px;
    background: url(../img/Background.png) no-repeat center bottom / cover;
}

.sub_heading {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    max-width: 680px;
}

.hp_about_desc {
    max-width: 539px;
    margin-left: auto;
}

.ab_row {
    margin-bottom: 70px;
}

.hp_about_numbers_container {
    border-radius: 40px;
    height: 711px;
    display: flex;
    align-items: flex-end;
    padding: 50px;
    background: no-repeat center center / cover;
    margin-bottom: 80px;
}

.numbers {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px;
    backdrop-filter: blur(37.5px);
    background: rgba(85, 88, 94, 0.35);
    border-radius: 20px;
}

.number {
    border-radius: 12px;
    padding: 12px;
    width: 193px;
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
}

.number .num {
    font-weight: 400;
    font-size: 46px;
    line-height: 110%;
}

.prefs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.pref {
    display: flex;
    gap: 8px;
    font-weight: 100;
    font-size: 14px;
    line-height: 150%;
    color: rgba(255,255,255,.8);
    position: relative;
}

.pref_icon {
    min-width: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pref h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 5px;
    color: #fff;
}

.pref:nth-child(4n), .pref:nth-child(4n-1), .pref:nth-child(4n-2) {
    padding-left: 70px;
}

.pref:nth-child(4n):before, .pref:nth-child(4n-1):before, .pref:nth-child(4n-2):before {
    height: 53px;
    width: 1px;
    background: rgba(255,255,255,.2);
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
}

.dovira {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    text-align: center;
    max-width: 1380px;
    margin: 80px auto 40px;
}

.dov_gal {
    position: relative;
    margin: 90px auto 0;
    width: max-content;
    max-width: 100%;
}

.dov_gal_container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    flex-wrap: wrap;
    width: 100%;
}

.dov_gal:before {
    content: "";
    position: absolute;
    top: -30px;
    left: -61px;
    width: 127px;
    height: 130px;
    background: url(../img/gb.svg) no-repeat center center / contain;
}

.dov_gal:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -54px;
    right: -42px;
    width: 73px;
    height: 83px;
    background: url(../img/ga2.svg) no-repeat center center / contain;
    z-index: 12;
}

.dov_gal_decor {
    position: absolute;
    top: -31px;
    right: 375px;
    width: 172px;
    height: 61px;
    background: url(../img/gd.svg) no-repeat center center / contain;
    z-index: 12;
}

.dov_gal_item {
    border-radius: 18px;
    width: 263px;
    height: 230px;
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
    z-index: 3;
}

.dov_gal_item img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.dov_gal_item:hover {
    transform: rotate(0deg);
}

.recipe_row {
    display: flex;
    align-items: center;
    gap: 80px;
}

.recipe_video {
    width: 560px;
    height: 995px;
    min-width: 560px;
    border-radius: 40px;
    overflow: hidden;
}

.recipe_video video {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.recipe_info h1 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 40px;
}

.recipe_info {
    width: 100%;
}

.recipe_info_row {
    display: flex;
    align-items: flex-start;
}

.recipe_ingr {
    border-radius: 20px;
    padding: 20px;
    background: rgba(187, 223, 252, 0.5);
    min-width: 320px;
    width: 320px;
}

.recipe_info_row h2 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 15px;
}

.recipe_ingr b, .recipe_ingr strong {
    font-weight: 500;
}

.recipe_ingr ul:last-child, .recipe_ingr p:last-child {
    margin-bottom: 0;
}

.recipe_info_row ul li:not(:last-child), .vacancy_content ul li:not(:last-child) {
    margin-bottom: 15px;
}

.recipe_info_row ul li::marker, .vacancy_content ul li::marker {
    color: #00a5e2;
}

.recipe_prig {
    padding-top: 20px;
    padding-left: 40px;
}

.recipe_time {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
    border-radius: 10px;
    padding: 10px 15px;
    background: #fff;
}

.recipe_info_row ol {
    margin-bottom: 0;
    padding: 0;
}

.recipe_info_row ol li {
    margin-bottom: 20px;
    display: flex !important;
    gap: 20px;
}

.recipe_info_row ol > li {
    counter-increment: my-counter; /* Увеличиваем счетчик */
}

.recipe_info_row ol > li::before {
    content: counter(my-counter);
    border-radius: 50px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background: rgba(187, 223, 252, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
}

.rec_decor, .wp-block-pullquote blockquote:before {
    padding: 0 20px;
    background: #163981;
    position: absolute;
    left: 50%;
    top: 20px;
    z-index: 5;
    transform: translateX(-50%);
}

.rec_decor.rec_decor_bottom, .wp-block-pullquote blockquote:after {
    padding: 0 20px;
    background: #163981;
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 20px;
    z-index: 5;
    transform: translateX(-50%);
}

.recipe_content, .wp-block-pullquote blockquote {
    border-radius: 20px;
    padding: 68px 20px;
    position: relative;
    background: #163981;
    color: #fff;
    text-align: center;
    margin-top: 40px;
}

.recipe_content:before, .wp-block-pullquote:before {
    content: "";
    height: 1px;
    width: calc(100% - 40px);
    position: absolute;
    top: 34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: #00a5e2;
    opacity: .2;
}

.recipe_content:after, .wp-block-pullquote:after {
    content: "";
    height: 1px;
    width: calc(100% - 40px);
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: #00a5e2;
    opacity: .2;
}

.recipe_bottom {
    padding-bottom: 120px;
    padding-top: 80px;
    background: #fff;
    border-radius: 40px 40px 0 0;
}

.recipe_bottom .swiper, .hp_recipes .swiper {
    height: 780px;
}

.recipe_bottom .pr_controls {
    background: #163981;
}

.recipe_item {
    height: 740px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    padding-top: 0;
}

.recipe_item_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .3s ease;
}

.recipe_item_img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(1, 39, 62, 0.3) 0%, rgba(1, 39, 62, 0.3) 100%);
}

.recipe_item_img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.recipe_item_top {
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,.6);
    position: relative;
}

.recipe_item_top_item {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    padding: 11px 34px;
}

.recipe_item_top_item span {
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
}

.recipe_item_top_item_border {
    border-left: 1px solid rgba(255,255,255,.6);
}

.recipe_item_bottom {
    border-radius: 20px;
    padding: 20px;
    backdrop-filter: blur(37.5px);
    background: rgba(85, 88, 94, 0.35);
    position: relative;
}

.recipe_item_bottom h3 {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 12px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
}

.recipe_item:hover {
    height: 780px;
}

.recipe_item:hover .recipe_item_img {
    transform: scale(1.1);
}

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

.recipes_grid .recipe_item:hover {
    height: 740px;
}

.page_pagination {
    border-radius: 40px;
    padding: 20px;
    background: #163981;
    margin-top: 20px;
    max-width: 100%;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.page-numbers {
    transition: all .3s ease;
    text-decoration: none;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #00a5e2;
}

.page-numbers:hover {
    color: #fff;
}

.next.page-numbers, .prev.page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: transparent;
    transition: all .3s ease;
    opacity: .6;
}

.next.page-numbers:hover, .prev.page-numbers:hover {
    opacity: 1;
    backdrop-filter: blur(16px);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.23), 0 8px 8px 0 rgba(0, 0, 0, 0.16), 0 19px 11px 0 rgba(0, 0, 0, 0.15), 0 33px 13px 0 rgba(0, 0, 0, 0.04), 0 52px 15px 0 rgba(0, 0, 0, 0.01);
}

.page-numbers.current {
    color: #fff;
}

.recipes_filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.recipes_filter_left {
    display: flex;
    align-items: center;
    gap: 60px;
}

.prt_select {
    border-radius: 26px;
    padding: 18px 20px;
    position: relative;
    padding-right: 46px;
    min-width: 300px;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #fff;
    z-index: 800;
}

.prt_select:before {
    content: "";
    border-radius: 26px;
    backdrop-filter: blur(37px);
    background: rgba(85, 88, 94, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.prt_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: all .3s ease;
}

.prt_select.active .prt_arrow  {
    transform: translateY(-50%) rotate(0deg);
}

.prt_select_dropdown {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-radius: 30px;
    padding: 18px 20px;
    backdrop-filter: blur(37px);
    background: rgba(85, 88, 94, 0.45);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 800;
}

.prt_select.active .prt_select_dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 800;
}

.prt_select_dropdown_item {
    display: flex;
    align-items: center;
    border-radius: 20px;
    padding: 3px;
    gap: 20px;
    transition: all .3s ease;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #fff;
    white-space: nowrap;
}

.prt_select_dropdown_item:hover, .prt_select_dropdown_item.active {
    background: rgba(255, 255, 255, 0.15);
}

.prt_select_dropdown_item_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    padding: 5px;
    backdrop-filter: blur(37.5px);
    background: rgba(128, 135, 152, 0.35);
    width: 70px;
    height: 70px;
    min-width: 70px;
}

.prt_select_dropdown_item_icon img {
    max-height: 60px;
}

.difs {
    display: flex;
    align-items: center;
    gap: 20px;
}

.dif {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(255,255,255,0);
    transition: all .3s ease;
    color: rgba(255,255,255,.6);
    padding-bottom: 6px;
    cursor: pointer;
}

.dif:has(input:checked) {
    color: #fff;
    border-bottom-color: #fff;
}

.dif_marker {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 50%;
    background: rgba(0, 165, 226, 0.2);
    position: relative;
}

.dif_marker_point {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.clear_filter {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #fff;
    opacity: .6;
}

.clear_filter:hover {
    opacity: 1;
}

.hp_recipes {
    padding: 120px 0;
    background: #fff;
    border-radius: 80px;
}

.hp_recipes .num_heading {
    justify-content: center;
}

.hp_recioes_desc {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    text-align: center;
}

.hp_recipes_all, .prod_rece {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    transition: all .3s ease;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    color: #163981;
    text-decoration: none;
    margin-bottom: 50px;
    padding-right: 15px;
}

.prod_rece {
    margin-bottom: 0;
}

.hp_recipes_all span, .prod_rece span {
    position: relative;
}

.hp_recipes_all span:after, .prod_rece span:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #163981;
    transition: all .3s ease;
}

.hp_recipes_all:hover span:after, .prod_rece:hover span:after {
    width: 100%;
}

.hp_recipes_all:hover {
    gap: 30px;
    padding-right: 0;
}

.hp_recipes .swiper-wrapper, .buy_section .swiper-wrapper {
    align-items: center;
    -webkit-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
    position: relative;
}

.hp_recipes .recipe_item {
    width: 540px;
}

.shops_top_bg {
    background-image: url(../img/shops_bg.jpg);
}

.contacts_top_bg {
    background-image: url(../img/contacts_bg.jpg);
}

.shops_grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    margin-bottom: 80px;
}

.shop_type {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 40px;
}

.white_color {
    color: #fff;
}

.shop_grid_margin {
    margin-bottom: 80px;
}

.shop_item {
    background: #fff;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
    height: 185px;
}

.shop_item img {
    transition: all .3s ease;
}

a.shop_item:hover img {
    transform: scale(1.1);
}

.shop_arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
}

a.shop_item:hover .shop_arrow {
    opacity: 1;
    visibility: visible;
}

.buy_section {
    padding: 120px 0;
    position: relative;
}

.buy_section .subttl {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    max-width: 680px;
    margin-bottom: 40px;
}

.buy_section p {
    max-width: 680px;
    margin-bottom: 160px;
}

.buy_img {
    border-radius: 20px;
}

.shop_types {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    gap: 4px;
}

.offline_label, .online_label {
    border-radius: 6px;
    padding: 3px 10px;
    background: #163981;
    font-weight: 300;
    font-size: 13px;
    line-height: 130%;
    text-align: center;
    color: #fff;
}

.online_label {
    background: #00a5e2;
}

.buy_section .swiper {
    padding: 15px 0;
    position: absolute;
    bottom: 125px;
    left: 0;
    width: 100%;
}

.buy_section .shop_item {
    height: 200px;
    width: 334px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.buy_section .shop_item:hover {
    height: 230px;
    margin-bottom: 0;
    margin-top: 0;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
}

.buy_section .shop_item:hover .shop_types {
    opacity: 1;
    visibility: visible;
}

.hp_links_section {
    padding-bottom: 120px;
}

.hp_links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.hp_link {
    height: 678px;
    background: no-repeat center center / cover;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    text-align: center;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    flex-direction: column;
}

.hp_link_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    background: url(../img/links_bg.png) no-repeat center center / cover;
}

.white_btn {
    background: #fff;
    color: #163981;
}

.white_btn:hover {
    background: #fff;
    color: #163981;
}

.hp_link:hover .hp_link_overlay {
    opacity: 1;
    visibility: visible;
}

.post_content {
    padding-bottom: 120px;
    padding-top: 80px;
}

.post_content h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 30px;
}

.post_content ul li::marker {
    color: #00A5E2;
}

.post_content ul li:not(:last-child) {
    margin-bottom: 20px;
}

.wp-block-pullquote {
    padding: 0;
    position: relative;
}

.wp-block-pullquote blockquote {
    text-align: center;
    color: #fff;
    position: relative;
}

.wp-block-pullquote blockquote:before {
    content: '';
    width: 80px;
    height: 30px;
    background: #163981 url(../img/bq_b.svg) no-repeat center center;
    z-index: 3;
}

.wp-block-pullquote blockquote:after {
    content: '';
    width: 80px;
    height: 30px;
    background: #163981 url(../img/bq_a.svg) no-repeat center center;
    z-index: 3;
}

.wp-block-pullquote blockquote p {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 20px;
}

.wp-block-pullquote blockquote cite {
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    font-style: normal;
}

.post_excerpt {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    color: #163981;
}

.post_excerpt_decor {
    padding: 0 20px;
    background: #f5f5f2;
    position: relative;
    display: flex;
    justify-content: center;
    margin: 50px 0;
}

.post_excerpt_decor:before {
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background: #00a5e2;
    position: absolute;
    top: 50%;
    right: calc(50% + 40px);
    transform: translateY(-50%);
    opacity: .2;
}

.post_excerpt_decor:after {
    content: "";
    width: calc(50% - 40px);
    height: 1px;
    background: #00a5e2;
    position: absolute;
    top: 50%;
    left: calc(50% + 40px);
    transform: translateY(-50%);
    opacity: .2;
}

.post_top {
    border-radius: 0 0 40px 40px;
    background: no-repeat center bottom / cover;
    background-image: url(../img/pt-background.png);
    height: 611px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
    padding-top: 121px;
    padding-bottom: 20px;
}

.post_info {
    display: flex;
    align-items: center;
    gap: 36px;
}

.post_date {
    border-radius: 10px;
    padding: 5px 10px;
    background: #00a5e2;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #fff;
}

.a2a_kit a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 50px;
    width: 50px;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    margin-right: 15px;
}

.a2a_kit a .a2a_label {
    display: none !important;
}

.a2a_kit a .a2a_svg.a2a_s__default {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.post_content a {
    text-decoration: none;
    color: #00a5e2;
}

.post_content a:hover {
    text-decoration: underline;
}

.swiper_gall {
    margin-bottom: 50px;
}

.swiper_gall .swiper-slide {
    overflow: hidden;
    border-radius: 20px;
    height: 473px;
}

.swiper_gall .swiper-slide img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.swiper_gall .swiper-button-next, .swiper_gall .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    padding: 10px;
    backdrop-filter: blur(16px);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.23), 0 8px 8px 0 rgba(0, 0, 0, 0.16), 0 19px 11px 0 rgba(0, 0, 0, 0.15), 0 33px 13px 0 rgba(0, 0, 0, 0.04), 0 52px 15px 0 rgba(0, 0, 0, 0.01);
}

.post_item {
    height: 472px;
    padding: 10px;
}

.recipe_bottom .swiper.swiper_posts {
    height: 472px;
}

.post_item:hover {
    height: 472px;
}

.post_item .recipe_item_bottom {
    padding: 10px;
}

.post_item .recipe_item_top {
    opacity: 0;
}

.post_item .recipe_item_img::after, .big_post_item .recipe_item_img:after {
    opacity: 0;
    transition: all .3s ease;
}

.post_item:hover .recipe_item_img::after, .big_post_item:hover .recipe_item_img:after {
    opacity: 1;
}

.recipes_grid .recipe_item.post_item:hover {
    height: 472px;
}

.big_post_item {
    height: 472px;
    display: flex;
    align-items: stretch;
    gap: 20px;
    border-radius: 20px;
    grid-column: span 2;
    background: linear-gradient(146deg, #008EFD, #0147AF);
    text-decoration: none;
    color: #fff;
    position: relative;
}

.big_post_item .recipe_item_img img {
    transition: all .3s ease;
}

.big_post_item .recipe_item_img {
    height: 472px;
    width: calc(50% - 10px);
    min-width: calc(50% - 10px);
    position: relative;
    border-radius: 20px;
}

.big_post_item .recipe_item_bottom {
    align-self: flex-end;
    background: none;
    text-align: left;
}

.big_post_item .recipe_item_bottom h3 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    padding: 0 20px 60px;
    border: none;
    text-align: left;
}

.big_post_item_arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(22,57,129,.3);
    transition: all .3s ease;
    z-index: 6;
}

.big_post_item:hover .big_post_item_arrow {
    transform: rotate(45deg);
}

.big_post_item:hover .recipe_item_img img {
    transform: scale(1.1);
}

.vacancy_container {
    border-radius: 40px;
    padding: 60px;
    background: #fff;
}

.vacancy_container .post_excerpt_decor {
    margin-top: 50px;
    margin-bottom: 0;
}

.vacancy_content {
    display: flex;
    align-items: flex-start;
    gap: 50px;
}

.vacancy_left {
    width: 100%;
}

.vacancy_right {
    border-radius: 30px;
    padding: 30px;
    width: 480px;
    min-width: 480px;
    background: #f5f5f2;
}

.vacancy_content h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 30px;
}

.vacancy_content strong, .vacancy_content b {
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
}

.vacancy_content a[href^="tel"] {
    text-decoration: none;
    color: #163981;
}

.vac_date {
    margin-bottom: 50px;
}

.vac_infos {
    border-radius: 20px;
    padding: 20px;
    background: #ddeffd;
    /*padding-bottom: 0;*/
    margin-bottom: 50px;
}

.vac_info, .vac_info_left {
    display: flex;
    align-items: center;
}

.vac_info_left {
    gap: 10px;
    width: 220px;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
}

.vac_info {
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.modal {
    background: url(../img/history_bg.jpg) no-repeat center bottom / cover;
}

.modal_close {
    position: absolute;
    top: 26px;
    right: 26px;
    transition: all .3s ease;
    opacity: .8;
}

.modal_close:hover {
    opacity: 1;
}

.modal-content {
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 4px 10px 0 rgba(23, 22, 39, 0.4), 0 17px 17px 0 rgba(23, 22, 39, 0.3), 0 39px 23px 0 rgba(23, 22, 39, 0.15), 0 69px 28px 0 rgba(23, 22, 39, 0.05), 0 108px 30px 0 rgba(23, 22, 39, 0.01);
    background: #fff;
    position: relative;
}

input {
    border: 1px solid rgba(22, 57, 129, 0.5);
    border-radius: 26px;
    padding: 18px 20px;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #163981;
}

label {
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    margin-bottom: 20px;
}

.back_to_vac {
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    color: #fff;
    position: absolute;
    top: -40px;
    left: 0;
    cursor: pointer;
}

.more_vac_item {
    display: block;
    text-decoration: none;
    color: #163981;
    border-radius: 20px;
    padding: 15px;
    background: #fff;
    margin-bottom: 15px;
}

.more_vac_item h3 {
    border-radius: 10px;
    padding: 10px;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    margin-bottom: 15px;
    background: rgba(187, 223, 252, 0.5);
    transition: all .3s ease;
}

.more_vac_item:hover h3 {
    color: #00a5e2;
    background: rgba(187, 223, 252, 0.3);
}

.more_vac_item_city {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vacancy_right h2 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 30px;
}

.all_vac_link {
    text-decoration: none;
    font-size: 15px;
    line-height: 130%;
    color: #163981;
}

.all_vac_link:hover {
    text-decoration: underline;
}

.vacancies_content h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 20px;
}

.vacancies_numbers {
    margin: 0 auto;
}

.vacancies_numbers .numbers {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border-radius: 20px;
    padding: 10px;
    background: #ddeffd;
}

.vacancies_numbers .number {
    border: 1px solid #fff;
    border-radius: 20px;
    text-align: center;
    width: 100%;
    color: #163981;
    gap: 12px;
}

.vacancies_numbers .num {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
}

.vac_count_heading {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-top: 100px;
    margin-bottom: 30px;
}

.vac_count_heading span {
    border-radius: 30px;
    padding: 10px 20px;
    background: #163981;
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.filter_vacs {
    border-radius: 20px;
    padding: 20px;
    background: #ddeffd;
    margin-bottom: 20px;
}

.vacancies_list {
    border-radius: 20px;
    padding: 40px;
    background: #f5f5f2;
}

.filter_vacs select {
    border: 1px solid rgba(22, 57, 129, 0.5);
    border-radius: 26px;
    padding: 18px 20px;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    color: #163981;
}

.vac_arrow {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #163981;
    transition: all .3s ease;
}

.more_vac_item_top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.more_vac_item_top h3 {
    width: 100%;
}

.more_vac_item:hover .vac_arrow {
    transform: rotate(45deg);
}

.more_vac_item_hidden {
    display: none;
}

.history_hero_section {
    background: no-repeat center bottom / cover;
    border-radius: 0 0 40px 40px;
    position: relative;
    z-index: 2;
}

.history_hero_content {
    padding: 305px 0;
    position: relative;
}

.history_hero_section .breadcrumbs {
    position: absolute;
    top: 121px;
    left: 0;
}

.history_hero_txt {
    max-width: 539px;
    color: #fff;
}

.history_hero_section h1 {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    margin-bottom: 40px;
}

.history_section {
    /*position: relative;*/
    z-index: 1;
    background: url(../img/history_bg.jpg) no-repeat center bottom / cover;
    background-attachment: local;
    padding: 161px 0 120px;
    margin-top: -41px;
    color: #fff;
}

.history_item_top {
    padding-left: 36px;
    padding-bottom: 32px;
    position: relative;
}

.history_item_top:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(../img/Dot.svg) no-repeat center center / contain;
}

.history_item_top:before {
    content: "";
    position: absolute;
    bottom: 16px;
    left: 31px;
    width: calc(100% - 31px);
    height: 1px;
    background: linear-gradient(to right, #fff, rgba(255,255,255,0));
}

.history_item_top_content {
    max-width: max-content;
    text-align: center;
}

.history_m {
    opacity: 0.6;
    margin-top: 5px;
}

.history_section h2 {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    margin-bottom: 0;
}

.history_item_body {
    padding-left: 176px;
}

.history_section .history_item:not(:last-child) {
    margin-bottom: 50px;
}

.history_img {
    position: sticky;
    top: 120px;
    align-self: flex-start;
}

.history_slogan {
    padding: 120px 0;
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    text-align: center;
}

.mission_section {
    padding: 120px 0;
}

.history_slogan_txt {
    max-width: 1380px;
    margin: 0 auto;
}

.mission_row {
    display: flex;
    gap: 57px;
    font-weight: 300;
    font-size: 16px;
}

.mission_row h2 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    white-space: nowrap;
}

.prod_slogan {
    background: #1b3276;
    padding: 141px 0 120px;
    border-radius: 0 0 40px 40px;
    margin-top: -41px;
    color: #fff;
}

.prod_steps_section {
    padding: 120px 0;
}

.prod_steps_text {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 80px;
}

.prod_steps .prod_step:not(:last-child) {
    margin-bottom: 50px;
}

.prod_step {
    display: flex;
    align-items: center;
    gap: 140px;
}

.prod_step_img {
    width: 50%;
    min-width: 50%;
    text-align: center;
}

.prod_step_img img {
    border-radius: 30px;
}

.prod_step_top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.prod_step_num {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
    background: linear-gradient(135deg, #00a5e2 0%, #6060f9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.prod_step h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 0;
}

.serts_section {
    overflow: hidden;
}

.sert_item {
    width: 316px;
    height: 454px;
    display: block;
    cursor: pointer;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 10px 0 rgba(23, 22, 39, 0.4), 0 17px 17px 0 rgba(23, 22, 39, 0.3), 0 39px 23px 0 rgba(23, 22, 39, 0.15), 0 69px 28px 0 rgba(23, 22, 39, 0.05), 0 108px 30px 0 rgba(23, 22, 39, 0.01), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.sert_item img {
    object-fit: contain;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.sert_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    display: flex;
    align-items: flex-end;
    padding: 10px;
    background: rgba(1,124,231,.6);
}

.sert_overlay_content {
    border-radius: 20px;
    padding: 10px;
    backdrop-filter: blur(37.5px);
    background: #0062c4;
}

.sert_item h3 {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 8px;
    height: 163px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    text-align: center;
    color: #fff;
}

.sert_item:hover {
    transform: scale(1.05);
}

.sert_item:hover .sert_overlay {
    opacity: 0;
}

.serts_section .swiper {
    overflow: visible;
    margin-top: 40px;
}

.logos_section {
    padding: 120px 0;
}

.logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    /*flex-wrap: wrap;*/
}

.error-404 {
    padding: 171px 0;
    background: url(../img/history_bg.jpg) no-repeat center bottom / cover;
}

.error-404 h1 {
    margin-top: 30px;
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    background: linear-gradient(98.24deg, #00a5e2 0%, #6060f9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}

.text_404 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    color: #fff;
}

.spiv_content h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 30px;
}

.spiv_content b, .spiv_content strong {
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
}

.spiv_content ul li::marker {
    color: #00a5e2;
}

.spiv_content ul li {
    margin-bottom: 20px;
}

.spiv_content .wp-block-image img {
    border-radius: 40px;
}

.spiv_content .wp-block-image {
    margin: 40px 0;
}

.spiv_content a {
    text-decoration: none;
    color: #00a5e2;
}

.spiv_content a:hover {
    text-decoration: underline;
}

.spiv_content iframe {
    width: 100%;
    height: 80vh;
}

.spiv_nav.menu_gap {
    gap: 40px;
}

.spiv_nav {
    border-top: 1px solid rgba(255,255,255,.6);
    border-bottom: 1px solid rgba(255,255,255,.6);
    margin-bottom: 40px;
}

.spiv_nav .menu-item a {
    text-decoration: none;
    color: rgba(255,255,255,.6);
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    display: block;
    padding: 20px 0;
    border-bottom: 2px solid rgba(255,255,255,0);
}

.spiv_nav .menu-item a:hover {
    color: rgba(255,255,255,1);
}

.spiv_nav .menu-item.current_page_item a {
    border-bottom: 2px solid rgba(255,255,255,1);
}

.spiv_content .nav.nav-pills {
    border-radius: 20px;
    padding: 20px;
    background: #f5f5f2;
    margin-bottom: 20px;
    gap: 20px;
}

.spiv_content .nav-item {
    margin-bottom: 0;
}

.spiv_content .nav-link {
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    color: #163981;
    border: 1px solid rgba(22, 57, 129, 0.6);
    border-radius: 30px;
    padding: 16px 20px;
}

.spiv_content .nav-link.active, .spiv_content .nav-link:hover {
    color: #fff;
    border-color: #163981;
    background: #163981;
}

.spiv_content .nav-link:hover {
    text-decoration: none;
}

.map_toggles {
    min-width: 488px;
    overflow: auto;
    height: 621px;
}

.map_row {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    border-radius: 20px;
    padding: 20px;
    background: #f5f5f2;
}

.map {
    width: 100%;
    height: 621px;
    border-radius: 20px;
}

.tab-pane {

}

.map_toggle {
    cursor: pointer;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.tab-pane .map_toggle:not(:last-child) {
    margin-bottom: 15px;
}

.map_toggle_name {
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    margin-bottom: 15px;
}

.map_toggle_where {
    border-radius: 10px;
    padding: 10px;
    background: rgba(187, 223, 252, 0.5);
    font-weight: 400;
    font-size: 17px;
    line-height: 130%;
    margin-bottom: 15px;
}

.map_toggle .more_vac_item_city a, .contact_row .more_vac_item_city a {
    text-decoration: none;
    color: #163981;
}

.map_toggle .more_vac_item_city:not(:last-child) {
    margin-bottom: 15px;
}

.map_toggle.active {
    color: #fff;
    background: #163981;
}

.map_toggle.active .map_toggle_where, .map_toggle.active .more_vac_item_city a {
    color: #fff;
}

.hot_phone_ttl {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 20px;
}

.hot_phone {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    color: #fff;
    margin-bottom: 60px;
    text-decoration: none;
    display: block;
}

.contact_form {
    border-radius: 30px;
    padding: 40px 40px 60px;
    width: 620px;
    min-width: 620px;
    backdrop-filter: blur(8px);
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
    background: #163981;
    color: #fff;
    margin-top: -217px;
}

.contact_form h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 40px;
    color: #fff;
}

.contact_form input, .contact_form textarea {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 26px;
    padding: 18px 20px;
    color: #fff;
    background: #163981;
    width: 100%;
}

.contact_form textarea {
    height: 130px;
}

.contacts_container {
    display: flex;
    gap: 40px;
}

.contact_row {
    display: flex;
    gap: 20px;
    margin-bottom: 80px;
}

.contact_row h2 {
    width: 340px;
    min-width: 340px;
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
}

.contact_row .more_vac_item_city:not(:last-child) {
    margin-bottom: 20px;
}

.socials {
    display: flex;
    align-items: center;
    gap: 15px;
}

.socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    border: 1px solid rgba(22,57,129,.5);
}

.socials a:hover {
    border: 1px solid rgba(22,57,129,1);
}

.socials a svg {
    transition: all .3s linear;
}

.socials a:hover svg {
    transform: scale(1.1);
}

.principles_container {
    background: url(../img/history_bg.jpg) no-repeat center bottom / cover;
    color: #fff;
    border-radius: 40px;
    padding: 80px 100px 120px;
    max-width: 1860px;
    margin: 0 auto;
}

.principles_container h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    text-align: center;
    margin-bottom: 50px;
}

.cardSwiper .swiper-slide {
    box-shadow: 0 4px 10px 0 rgba(23, 22, 39, 0.4), 0 17px 17px 0 rgba(23, 22, 39, 0.3), 0 39px 23px 0 rgba(23, 22, 39, 0.15), 0 69px 28px 0 rgba(23, 22, 39, 0.05), 0 108px 30px 0 rgba(23, 22, 39, 0.01);
    border-radius: 30px;
    overflow: hidden;
    max-width: 820px;
    height: 420px;
}

.cardSwiper .swiper-slide img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.cardSwiper {
    width: 820px;
    margin: 0 auto;
}

.principles_container .pr_controls {
    max-width: max-content;
    margin-top: -21px;
    background: #163981;
    position: relative;
    z-index: 100;
}

.card_top {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.card_num {
    font-weight: 400;
    font-size: 56px;
    line-height: 110%;
}

.card_top h3 {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 0;
}

.cardTextSwiper {
    max-width: 820px;
    margin: 40px auto 0;
}

a.prt_select_dropdown_item {
    text-decoration: none;
}

.product_bottom .header_row {
    margin-bottom: 40px;
}

.history_hero_img {
    text-align: center;
}

.burger {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    min-width: 37px;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
}

.burger .line {
    height: 2px;
    width: 17px;
    background: #fff;
    transition: all .3s ease;
    position: relative;
}

.burger.active .line:first-child {
    transform: rotate(45deg);
    top: 4px;
}

.burger.active .line:last-child {
    transform: rotate(-45deg);
    top: -4px;
}

.offcanvas {
    background: url(../img/history_bg.jpg) center top / cover;
    padding: 160px 20px 20px;
    height: 100vh;
    overflow: auto;
}

.offcanvas .menu_gap {
    gap: 30px;
}

.offcanvas .menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0.01em;
    transition: all .3s ease;
}

.offcanvas .menu-item a {
    color: #fff;
    text-decoration: none;
}

.offcanvas .menu-item.menu-item-has-children:after {
    content: url(../img/Arrow_Right.svg);
    transition: all .3s ease;
}

.offcanvas .menu-item.hidden {
    display: none;
}

.offcanvas .menu-item.menu-item-has-children.active {
    display: flex;
    padding-left: 40px;
    flex-wrap: wrap;
}

.offcanvas .menu-item.menu-item-has-children:hover .sub-menu {
    opacity: 0;
    top: 0;
    visibility: hidden;
}

.offcanvas .menu-item.menu-item-has-children.active .sub-menu {
    opacity: 1;
    top: 200%;
    visibility: visible;
    position: relative;
    margin-left: -40px;
    margin-top: 20px;
    width: 100%;
}

.offcanvas .menu-item.menu-item-has-children.active .sub-menu .menu-item a {
    width: 100%;
}

.offcanvas .menu-item.menu-item-has-children.active:after {
    position: absolute;
    left: 0;
    top: -2px;
    transform: rotate(180deg);
}

.search_container {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 1343px;
    opacity: 0;
    visibility: hidden;
}

.search-field {
    width: 100%;
    border: 1px solid rgba(22, 57, 129, 0.5);
    border-radius: 26px;
    padding: 5px 40px;
    height: 52px;
    transition: all .3s ease;
}

.search_container.active {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.lupa {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.close_search, .clear_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.clear_search {
    right: 45px;
}

.search_page_form .lupa {
    left: auto;
    right: 5px;
    cursor: pointer;
    border: none;
    background: none;
    z-index: 5;
}

.search_page_form .search-field {
    padding-right: 100px;
    padding-left: 20px;
    border: 1px solid rgba(22, 57, 129, 0.5);
    background-color: transparent;
}

.search_page_form {
    background: #ddeffd;
    border-radius: 20px;
    padding: 20px;
}

.search_res_ttl {
    font-weight: 400;
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 50px;
}

.srchttl {
    font-weight: 400;
    font-size: 36px;
    line-height: 140%;
    margin-top: 50px;
    margin-bottom: 30px;
}

.aline_mask, .bottom_slogan_container {
    display: block;
    overflow: clip;
}

.aline, .bottom_slogan_txt {
    display: inline-block;
    transition: all .5s linear;
    transform: translate(0, 110%);
}

.aline_mask.show .aline, .bottom_slogan_container.show .bottom_slogan_txt {
    transform: translate(0, 0%);
}

.hp_link_mark_circle {
    border-radius: 50%;
    background: #fff;
    width: 5px;
    height: 5px;
    min-width: 5px;
}

.hp_link_marks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    font-size: 16px;
}

@media screen and (max-width: 1699.8px) {
    .product_bottom .more_product_img {
        min-width: 250px;
        max-width: 250px;
    }
    .single_recipe_top.product_post_top {
        height: 168px;
    }
}

@media screen and (max-width: 1399.8px) {
    .product_bottom .more_product_img {
        min-width: 250px;
        max-width: 250px;
    }
    .recipe_prig {
        padding-top: 20px;
        padding-left: 0;
    }
    .recipe_info_row {
        flex-wrap: wrap;
    }
    .recipe_row {
        gap: 40px;
    }
    .hlogo {
        height: 64px;
        width: 64px;
    }
}

@media screen and (max-width: 1399.8px) {
    .site-header nav {
        display: none;
    }
    .more_product_img, .product_bottom .more_product_img {
        min-width: 250px;
        max-width: 250px;
    }
    .more_product {
        gap: 20px;
    }
    .product_bottom_container {
        padding: 20px;
    }
    .contacts_container {
        flex-wrap: wrap;
    }
    .contact_form {
        margin-top: 40px;
    }
    .search_container.active {
        top: 120%;
    }
}

@media screen and (max-width: 1199.8px) {
    .footer_desc {
        flex-wrap: wrap;
    }
    .copy_block_row {
        gap: 20px;
    }
    .more_product_img, .product_bottom .more_product_img {
        min-width: 200px;
        max-width: 200px;
    }
    .more_product_info h3 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .recipes_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .recipe_row {
        flex-wrap: wrap;
    }
    .recipe_video {
        width: 100%;
        height: 500px;
    }
    .single_recipe_top.product_post_top {
        height: 266px;
    }
    .recipe_info_row {
        flex-wrap: nowrap;
        gap: 20px;
    }
    .map_toggles {
        min-width: 350px;
    }
    .map_row {
        gap: 20px;
    }
    .spiv_content .nav.nav-pills {
        flex-wrap: nowrap;
        overflow: auto;
    }
    .spiv_content .nav-link {
        white-space: nowrap;
    }
    .shops_grid {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 40px;
    }
    .vacancy_content {
        flex-wrap: wrap;
        gap: 25px;
    }
    .vacancy_right {
        width: 100%;
        min-width: 0;
    }
    .mission_row {
        gap: 32px;
    }
    .cardSwiper, .cardTextSwiper {
        width: 720px;
    }
    .prod_step {
        gap: 70px;
    }
}

@media screen and (max-width: 991.8px) {
    .buy_section p {
        margin-bottom: 40px;
    }
    .hp_links {
        grid-template-columns: repeat(1, 1fr);
    }
    .hp_link {
        height: 500px;
    }
    .prefs {
        grid-template-columns: repeat(2, 1fr);
    }
    .pref:nth-child(4n-1) {
        padding-left: 0;
    }
    .pref:nth-child(4n-1):before {
        display: none;
    }
    .number {
        width: 150px;
    }
    .hp_about_numbers_container {
        height: 600px;
    }
    .footer_tel_txt {
        font-size: 12px;
    }
    .footer_tel a {
        font-size: 17px;
    }
    .main_hero {
        padding: 246px 0;
    }
    .more_product {
        gap: 12px;
        padding: 12px;
        align-items: flex-start;
    }
    .more_product_img, .product_bottom .more_product_img {
        min-width: 102px;
        max-width: 102px;
        border-radius: 16px;
    }
    .more_product_term {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .more_product_info h3 {
        font-size: 16px;
    }
    .more_product .btn {
        font-size: 14px;
        padding: 10px 16px;
    }
    .more_product_btns .prod_rece {
        font-size: 14px;
    }
    .more_product_btns {
        gap: 12px;
    }
    .prod_info_block {
        padding-top: 60px;
        max-width: 100%;
    }
    .product_bottom .header_row {
        margin-bottom: 20px;
    }
    .recipes_filter {
        flex-wrap: wrap;
        gap: 20px;
    }
    .recipes_filter_left {
        gap: 20px;
        flex-wrap: wrap;
    }
    .big_post_item .recipe_item_bottom h3 {
        font-size: 20px;
        padding: 0 10px 30px;
    }
    .blog_grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .big_post_item {
        grid-column: span 1;
        flex-wrap: wrap;
        height: auto;
    }
    .big_post_item .recipe_item_img {
        width: 100%;
        height: 306px;
    }
    .big_post_item .recipe_item_bottom {
        padding: 16px;
        padding-top: 0;
    }
    .big_post_item .recipe_item_bottom h3 {
        padding: 0;
        padding-right: 50px;
        margin-bottom: 0;
    }
    .big_post_item_arrow {
        top: 326px;
        right: 16px;
    }
    .blog_grid .recipe_item {
        height: 306px;
    }
    .swiper_gall .swiper-slide {
        height: 307px;
    }
    .map {
        display: none;
    }
    .map_toggles {
        min-width: 0;
        width: 100%;
        height: auto;
    }
    .contact_form {
        width: 100%;
        min-width: 0;
    }
    .vacancies_numbers .numbers {
        grid-template-columns: repeat(1, 1fr);
    }
    .vacancies_numbers .number {
        height: auto;
    }
    .history_img {
        text-align: center;
    }
    .history_hero_img {
        text-align: left;
        max-width: 150px;
        margin-bottom: 20px;
    }
    .history_hero_content {
        padding: 200px 0;
    }
    .history_section {
        max-height: 1621px;
        overflow: auto;
    }
    .cardSwiper, .cardTextSwiper {
        width: 600px;
    }
    .prod_step {
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .prod_step_img {
        width: 100%;
    }
    .prod_step:nth-last-child(2n) {
        flex-wrap: wrap-reverse;
    }
    .prod_step_top {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767.8px) {
    body, .main_hero .hero_desc, .number, .spiv_content b, .spiv_content strong,
    .more_vac_item h3, .vacancy_content strong, .vacancy_content b, .vac_info_left {
        font-size: 15px;
    }
    .main_hero h1, h2, .number .num, .recipe_item_top_item, .hp_link,
    .bottom_slogan, .tax_pt_top h1, .history_hero_section h1, .history_section h2,
    .card_num, .prod_step_num {
        font-size: 36px;
    }
    .single-vacancies .tax_pt_top h1 {
        font-size: 24px;
    }
    .num_heading .num, .sub_heading, .dovira, .hp_recioes_desc, .buy_section .subttl,
    .prod_info_block h1, .product_bottom_container h2, .recipe_info h1, .recipe_bottom h2,
    .post_content h2, .spiv_content h2, .shop_type, .hot_phone, .contact_row h2,
    .contact_form h2, .vac_count_heading, .vacancy_content h2, .history_slogan_txt,
    .mission_row h2, .principles_container h2, .prod_steps_text, .error-404 h1,
    .serts_section h2, .srchttl {
        font-size: 20px;
    }
    .tax_pt_hp_item h3, .pref h3, .recipe_item_bottom h3, .prod_info_block h2,
    .recipe_info_row h2, .hot_phone_ttl, .vac_count_heading span, .card_top h3,
    .prod_step h3, .text_404, .search_res_ttl {
        font-size: 16px;
    }
    .recipe_item_top_item span {
        font-size: 13px;
    }
    .tax_pt_hp_item_txt_desc {
        font-size: 9px;
    }
    .error-404 .post_excerpt_decor {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .tax_pt_hp_item h3 {
        margin-bottom: 8px;
    }
    .recipe_item_top_item {
        padding: 5px 16px;
    }
    .num_heading, .prod_steps_text {
        margin-bottom: 40px;
    }
    .sub_heading, .prod_info_block h1, .prod_desc, .nutritionals, .recipes_filter,
    .recipe_info h1, .post_content h2, .spiv_content h2, .shop_type, .hot_phone,
    .contact_form h2, .vac_count_heading, .vacancy_content h2, .vac_infos, .vac_date,
    .history_hero_section h1, .principles_container h2, .card_top {
        margin-bottom: 20px;
    }
    .serts_section .swiper {
        margin-top: 20px;
    }
    .tax_pt_top h1 {
        margin-bottom: 30px;
    }
    .hot_phone_ttl {
        margin-bottom: 10px;
    }
    .recipe_content, .wp-block-pullquote blockquote {
        margin-top: 20px;
    }
    .error-404 h1, .srchttl {
        margin-top: 15px;
        margin-bottom: 12px;
    }
    .contact_row h2 {
        min-width: 0;
        width: 100%;
    }
    .contact_row {
        gap: 12px;
        margin-bottom: 40px;
        flex-wrap: wrap;
    }
    .dovira {
        margin: 40px 0 20px;
    }
    .tax_pt_hp_item_txt {
        padding: 16px 10px;
    }
    .tax_pt_hp_item_img {
        height: 150px;
        min-height: 150px;
        padding-top: 10px;
    }
    .tax_pt_item:hover .tax_pt_hp_item_img {
        height: 160px;
        min-height: 150px;
    }
    .tax_pt_hp_item:hover {
        height: 276px;
    }
    .main_hero h1, .main_hero .hero_desc, .history_section .history_item:not(:last-child),
    .search_res_ttl {
        margin-bottom: 25px;
    }
    .hp_products {
        margin-top: -40px;
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .hp_recipes, .buy_section, .tax_pt_top, .product_top, .recipe_bottom,
    .post_content, .history_slogan, .mission_section, .prod_slogan,
    .prod_steps_section, .logos_section {
        padding: 60px 0;
    }
    .hp_links_section, .product_bottom {
        padding-bottom: 60px;
    }
    .history_slogan_txt {
        line-height: 1.4;
    }
    .hp_recipes {
        border-radius: 30px;
    }
    .hp_products .num_heading {
        margin-bottom: 40px !important;
    }
    .prod_slogan {
        margin-top: -30px;
    }
    .hp_products .header_row {
        flex-direction: column;
    }
    .hp_products .header_row .pr_controls {
        align-self: flex-end;
    }
    .hp_products .header_row, .buy_section .subttl, .footer_desc {
        margin-bottom: 20px;
    }
    .hp_products .swiper {
        margin-top: 0;
        height: 276px;
    }
    .tax_pt_hp_item {
        height: 276px;
        width: 170px;
    }
    .main_hero, .history_hero_section {
        border-radius: 0 0 30px 30px;
    }
    .tax_pt_item_arrow {
        width: 30px;
        height: 30px;
        top: 5px;
        right: 5px;
    }
    .hp_about_top {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .hp_about_numbers_container {
        height: 350px;
        border-radius: 20px;
        padding: 25px;
    }
    .contact_form {
        border-radius: 30px;
        padding: 30px 20px 40px;
    }
    .numbers {
        padding: 10px;
        gap: 10px;
        transform: translateY(75%);
    }
    .number {
        border-radius: 12px;
        padding: 6px;
        width: 130px;
        height: 95px;
    }
    .pref {
        flex-wrap: wrap;
    }
    .dov_gal_container {
        overflow: auto;
        flex-wrap: nowrap;
        height: 165px;
    }
    .dov_gal_item {
        width: 163px;
        height: 150px;
        min-width: 150px;
    }
    .hp_recipes .recipe_item {
        width: 300px;
    }
    .recipe_item {
        height: 411px;
        border-radius: 20px;
        padding: 0px 10px 10px;
    }
    .recipe_item:hover, .recipe_bottom .swiper, .hp_recipes .swiper, .recipes_grid .recipe_item:hover {
        height: 430px;
    }
    .recipe_item_bottom {
        border-radius: 12px;
        padding: 8px;
    }
    .buy_section .shop_item {
        height: 138px;
        width: 200px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .buy_section .shop_item:hover {
        height: 158px;
    }
    .shop_types {
        opacity: 1;
        visibility: visible;
    }
    .buy_section .swiper {
        bottom: 50px;
    }
    .hp_link {
        height: 290px;
        gap: 25px;
    }
    .bottom_slogan {
        padding-left: 10px;
        padding-right: 10px;
    }
    .tax_products {
        grid-template-columns: repeat(1, 1fr);
    }
    .tax_products {
        margin-top: 60px;
    }
    .breadcrumbs {
        display: none;
    }
    .product_post_top_bg {
        height: 266px;
    }
    .post_top {
        height: auto;
        padding-bottom: 30px;
        border-radius: 0 0 30px 30px;
    }
    .prod_desc {
        padding: 10px;
    }
    .prod_desc_block {
        padding: 10px;
    }
    .nutritionals {
        gap: 10px;
    }
    .product_bottom_container {
        border-radius: 30px;
        padding: 16px;
    }
    .recipes_filter_right {
        display: none;
    }
    .page_pagination {
        padding: 10px;
    }
    .recipe_video {
        height: 350px;
    }
    .recipe_info_row {
        flex-wrap: wrap;
        gap: 20px;
    }
    .recipe_ingr {
        min-width: 0;
        width: 100%;
    }
    .vacancy_container {
        border-radius: 30px;
        padding: 30px 18px;
    }
    .spiv_content .nav.nav-pills {
        gap: 10px;
        border-radius: 20px;
        padding: 12px;
    }
    .map_row, .vacancies_list, .filter_vacs {
        padding: 12px;
    }
    .spiv_content .wp-block-image img, .prod_step_img img {
        border-radius: 20px;
    }
    .shops_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .vacancies_numbers .numbers {
        transform: translateY(0);
    }
    #reg_filter {
        margin-bottom: 12px;
    }
    .vac_info_left {
        width: 200px;
    }
    .history_hero_img {
        max-width: 90px;
    }
    .history_hero_content {
        padding: 179px 0;
    }
    .history_section {
        margin-top: -30px;
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .history_img {
        z-index: 0;
    }
    .history_item_body {
        padding-left: 32px;
    }
    .mission_row {
        gap: 0;
        flex-wrap: wrap;
    }
    .cardSwiper, .cardTextSwiper {
        width: 100%;
    }
    .principles_container {
        border-radius: 30px;
        padding: 40px 20px 60px;
    }
    .cardSwiper .swiper-slide {
        height: 300px;
    }
    .error-404 {
        padding: 156px 0;
    }
    .logos {
        flex-wrap: wrap;
        gap: 20px;
        /*flex-wrap: wrap;*/
    }
    .logos img:nth-child(3n), .logos img:nth-child(3n-2) {
        width: calc(25% - 15px);
    }
    .logos img:nth-child(3n-1) {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 575.8px) {
    .hp_about_numbers_container {
        padding: 10px;
        margin-bottom: 150px;
    }
    .numbers {
        transform: translateY(65%);
    }
    .number {
        width: calc(50% - 5px);
    }
    .pref:nth-child(4n), .pref:nth-child(4n-1), .pref:nth-child(4n-2) {
        padding-left: 0;
    }
    .socials_list {
        flex-direction: row;
        gap: 10px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .recipes_grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .difs {
        gap: 10px;
    }
    .dif {
        gap: 5px;
    }
    .shop_item {
        padding: 15px;
        height: 117px;
    }
    .cardSwiper .swiper-slide {
        height: 150px;
    }
    .long_num {
        width: 100%;
    }
}