html {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    margin-top: 0 !important;
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #FCFCFC;
    overflow-x: hidden;
}
@font-face {
    font-family: TTMasters-Bold; 
    src: url(../fonts/TTMastersBold.otf); 
}
@font-face {
    font-family: MullerRegular; 
    src: url(../fonts/Muller.ttf); 
}
@font-face {
    font-family: ShantellSansLight; 
    src: url(../fonts/ShantellSans-Light.ttf); 
}
header {
    width: 100%;
    height: 90px;
    background-color: #FCFCFC;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    transition: all .3s ease-out;
    will-change: auto;
}
.productHeader {
    background-color: transparent;    
}
ul li {
    list-style-type: none;
    padding-left: 0;
}
h1, h2 {
    margin: 0;
    font-weight: normal;
}
section {
    width: 100%;
    height: 100vh;
    position: relative;
    box-sizing: border-box;
}
a {
    text-decoration: none;
    outline: none;
}
input {
    outline: none;
}

.popup-info2 input[type="checkbox"]:checked, 
.popup-info2 input[type="checkbox"]:not(:checked),
.popup-info2-wh input[type="checkbox"]:checked, 
.popup-info2-wh input[type="checkbox"]:not(:checked)
{
    position: absolute;
    left: -9999px;
}
.popup-info2 input[type="checkbox"]:checked + label, 
.popup-info2 input[type="checkbox"]:not(:checked) + label,
.popup-info2-wh input[type="checkbox"]:checked + label, 
.popup-info2-wh input[type="checkbox"]:not(:checked) + label

  {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
}

.popup-info2 input[type="checkbox"]:checked + label:before, 
.popup-info2 input[type="checkbox"]:not(:checked) + label:before,
.popup-info2-wh input[type="checkbox"]:checked + label:before, 
.popup-info2-wh input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    background: #FCFCFC;
}

.popup-info2 input[type="checkbox"]:checked + label:before, 
.popup-info2 input[type="checkbox"]:not(:checked) + label:before,
.popup-info2-wh input[type="checkbox"]:checked + label:before, 
.popup-info2-wh input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 5px;
    background: transparent;
}
.popup-info2 input[type="checkbox"] + label:after {
    content: "";
    left: 5px;
    top: 5px;
    width: 12px;
    height: 10px;
    position: absolute;   
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(../img/check.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .3s ease;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.popup-info2-wh input[type="checkbox"] + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 12px;
    height: 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: url(../img/check-wh.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .3s ease;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;    
}

.popup-info2 input[type="checkbox"]:checked + label:after {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.popup-info2-wh input[type="checkbox"]:checked + label:after {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;   
}

.popup-info2 input[type="checkbox"]:checked + label:before, 
.popup-info2 input[type="checkbox"]:not(:checked) + label:after {
    background-color: #FCFCFC;
}
.popup-info2-wh input[type="checkbox"]:checked + label:before, 
.popup-info2-wh input[type="checkbox"]:not(:checked) + label:after {
    background-color: transparent;
}
button {
    outline: none;
}
body.blur-in > *:not(.callback-popup):not(.success-popup) {
    -webkit-animation: blur 0.8s forwards;
    -moz-animation: blur 0.8s forwards;
    -o-animation: blur 0.8s forwards;
    animation: blur 0.8s forwards;
}

body.blur-out > *:not(.callback-popup):not(.success-popup) {
    -webkit-animation: blur-out 0.8s forwards;
    -moz-animation: blur-out 0.8s forwards;
    -o-animation: blur-out 0.8s forwards;
    animation: blur-out 0.8s forwards;
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-moz-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-o-keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }
}

@-webkit-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-moz-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@-o-keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes blur-out {
    0% {
        -webkit-filter: blur(4px);
        -moz-filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        filter: blur(4px);
    }

    100% {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
    }
}
.container {
    width: 100%;
    box-sizing: border-box;
    padding-left: 140px;
    padding-right: 140px;
    margin: auto;
}
.container2 {
    width: 60%;
}
.slick-dots {
    bottom: 35px !important;
    display: none !important;
}
.slick-dots li {
    background: url(../img/dot-back.svg)!important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    transition: all .15s ease;
}
.slick-dots li:first-child {
    position: absolute;
    left: 45%;
    top: 10px;
}
.slick-dots li:nth-child(2) {
    bottom: 10px;
}
.slick-dots li:last-child {
    position: absolute;
    top: 10px;
    right: 45%;
}
.slick-dots li.slick-active {
    background: #FCFCFC !important;    
    opacity: 1 !important;
}
.slick-dots li button {
    width: 16px !important;
    height: 16px !important;
}
.slick-dots li button:before {
    width: 16px !important;
    height: 16px !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    line-height: 19px !important;
}
.slick-dots li.slick-active button:before {
    color: #E73743 !important;    
}
.megatitle {
    font-family: TTMasters-Bold;
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #E73743;
}
.megatitle-wh {
    font-family: TTMasters-Bold;
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #FCFCFC;
}
.header-wrap {
    display: flex;
    display: -moz-box;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
}
.logo {
    width: 197px;
}
.logo img {
    width: 197px;
    height: 69px;
    transition: all .5s ease-out;
}
.menu {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.menu-icon {
    display: none;
}
.menu-link {
    list-style-type: none;
    height: 100%;
    overflow-x: hidden;
}
.menu-link:not(:last-child) {
    padding-right: 30px;    
}
.menu-link a {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
}
.menu-link.catalog {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: default;    
}
.catalog-link .p {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;    
    margin: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
}
/*
.menu-link a:after, .catalog-link p:after {
    content: url(../img/menu-link.svg);
    width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    transition: all 0.9s;
    transform: translateX(-120%);
}
.menu-link a:hover::after, .catalog-link p:hover::after {
    left: 50%;
    transform: translateX(-50%);
}
*/
.mark-link {
    position: absolute;
    top: 60%;
    width: 100%;
    height: 9px;
    background: url(../img/menu-link.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    background-color: transparent;
    background-position: left center;
    transition-property: background-position;
}
.mark-link::after{
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition-duration: 0.4s;
    transition-timing-function: ease-in;
    background-position: -100% center;
    background-color: #FCFCFC;  
}
.menu-link a.actual .mark-link::after {
    background-color: transparent;      
}
.blog-category .mark-link {
    top: 90%;
}
.blog-category .mark-link::after {
    background-color: #F5F4F2;
}
.menu-link:hover .mark-link, .category-link:hover .mark-link, .blog-category:hover .mark-link {
    background-position: 0 center;  
}
.menu-link:hover .mark-link::after, .category-link:hover .mark-link::after, .blog-category:hover .mark-link::after {
    width: 0;
}

/*
.link-path path {
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    animation: none;
}

.menu-link a:hover > .mark-link path, .catalog-link p:hover > .mark-link path {
    animation: letter-animation 5s linear forwards;
}
*/
/*

*/
.catalog-dropdown-wrap {
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    background: #F5F4F2;
    padding: 0;
    margin: 0;
     -moz-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1);
}
.catalog-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;    
}
.catalog-dropdown-link {
    list-style-type: none;
    text-align: center;
}
.catalog-dropdown-link:not(:last-child) {
    padding-right: 40px;    
}
.catalog-dropdown-link a {
    text-transform: none;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #2E2A25;
}
.catalog-dropdown-link a:hover {
    color: #E73743;
}
.catalog-dropdown-link a:after {
    content: none;
}
.catalog-footer-link {
    list-style-type: none;
    text-align: left;    
    padding-bottom: 10px;
}
.catalog-footer-link a {
    text-transform: none;
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;   
}
.search-line-wrap {
    background: #F5F4F2;
    width: 100%;
    display: none;
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;   
     -moz-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1);
}
.search-line {
    background: #F5F4F2;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: relative;
}
.addresses-section .search-line {
    background: transparent;
    margin-top: 30px;
}
.search-line input {
    width: calc(100% - 90px);
    border: 1px solid #DBDCDE;
    box-sizing: border-box;
    border-radius: 10px;
    background: #FCFCFC;
    height: 60px;
    border-left: none;
    padding-left: 67px;
    font-size: 16px;
    color: #A2A4A6;
}
.addresses-section .search-line input {
    width: 100%;
}
.search-line input:hover, .search-line input:focus {
    color: #2E2A25;
    border: 1px solid #D6D5D4;  
    border-left: none;  
}
.search-btn {
    background: #FCFCFC;
    border: 1px solid #DBDCDE;
    box-sizing: border-box;
    border-radius: 10px;
    border-right: none;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
}
.search-btn:before {
    content: url('../img/search.svg');
    width: 24px;
    height: 24px;    
    display: block;
}
.search-line-closer {
    background: url(../img/closer.svg);
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-left: 50px;
    position: absolute;
    right: 0;
}
.search-line-closer:hover {
    background: url(../img/closer-hover.svg);    
}
.search-line select {
    height: 60px;
    background: #FCFCFC;
    border: 1px solid #DBDCDE;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #48332C;
    position: absolute;
    right: 90px;
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
}
.search-line select option {

}
.contacts-link {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.contacts-link:hover {
    color: #E73743;
}
.contacts-link:before {
    content: url(../img/Pin.svg);
    display: block;
    margin-right: 5px;
}
.menu-link.contacts-link {
    display: none;
}
.top-section {
    height: calc(100vh - 90px);
    position: relative;
    top: 90px;
    margin-bottom: 90px;
    overflow: hidden;
}
.top-slider-wrap {
    width: 100%;
    height: 100%;
}
.top-slider {
    width: 100%;
    height: 100%;
}
.top-slider .slick-list, .top-slider .slick-track {
    height: 100%;
}
.top-slide {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    outline: none;
}
.top-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .4s, -webkit-transform 1s;
    transition: transform 1s, opacity .4s;
    transition: transform 1s, opacity .4s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
}
.top-slide.loaded img {
    opacity: 1;
    transform: scale(1);
}
.top-slider-curve {
    position: absolute;
    bottom: -1px;
    left: 50%;

    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    transform: translateX(-50%);
    pointer-events: none;
}
.top-slider-curve-with-wedge {
    display: -ms-flexbox;
    display: flex; 
    -ms-flex-align: end;
    align-items: flex-end; 
    position: relative;
}
.svg-curve {
    width: 100%;
    height: 60px;
}
.svg-wedge-home {
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    fill: #fff;
}
.top-slider-curve-wedge {
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-21px);
    bottom: -20px;
    cursor: pointer;
       -moz-animation: loop 2s infinite;
-webkit-animation: loop 2s infinite;
     -o-animation: loop 2s infinite;
        animation: loop 2s infinite;
}
.cart-top .svg-wedge-home {
    bottom: 0;
}
.cart-top .top-slider-curve-wedge {
    animation: none;
    bottom: -24px;
}
@keyframes loop {
    0% { bottom: -10px; }
    50% { bottom: -22px; }
    100% { bottom: -10px; }
}

@-moz-keyframes loop {
    0% { bottom: -10px; }
    50% { bottom: -22px; }
    100% { bottom: -10px; }
}

@-webkit-keyframes loop {
    0% { bottom: -10px; }
    50% { bottom: -22px; }
    100% { bottom: -10px; }
}

@-o-keyframes loop {
    0% { bottom: -10px; }
    50% { bottom: -22px; }
    100% { bottom: -10px; }
}

.top-slide-content {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
}
.slider-title {
    font-family: TTMasters-Bold;
    font-size: 75px;
    line-height: 120%;
    color: #FCFCFC;
    width: 50%;
    text-transform: uppercase;
    z-index: 1;
    margin-bottom: 20px;
}
.pink-btn {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FCFCFC;
    background: #E73743;
    border-radius: 90px;
    padding: 20px 28px 20px 28px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border: none;
}
.white-btn {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #E73743;
    background: #FCFCFC;
    border-radius: 90px;
    padding: 20px 28px 20px 28px;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #E73743;
}
.link-info .white-btn {
    border: none;
}
.HOVER {
    --width: 100%;
    --time: 0.7s;
    position: relative;
    overflow: hidden;
}

.HOVER text {
    position: relative;
    z-index: 5;
    transition: color 0.7s;
}

.white-btn:hover {
    background-color: initial;
    transition: background-color 0.1s ease-in 0.2s;
    -webkit-transition:  background-color 0.1s ease-in 0.2s;
}

.HOVER:hover text {
    color: #FCFCFC;
}

.HOVER span {
    border-radius: 100%;
    position: absolute;
    display: block;
    content: "";
    z-index: 0;
    width: 0;
    height: 0;

    background: #FA2533;
    transform: translate(-50%, -50%);
    transition: width var(--time), padding-top var(--time);
}
.white-btn.HOVER span {
    background: #E73743;    
}



.HOVER:hover span {
    width: calc(var(--width) * 2.3);
    padding-top: calc(var(--width) * 2.2);
}

.animated {
    --angle: 5deg;
    animation: shake 0.3s;
}

@keyframes shake {
    25% {transform: rotate(calc(var(--angle) * -1));}
    50% {transform: rotate(var(--angle));}
    100% {transform: rotate(0deg);}
}
@-moz-keyframes shake {
    25% {transform: rotate(calc(var(--angle) * -1));}
    50% {transform: rotate(var(--angle));}
    100% {transform: rotate(0deg);}
}

@-webkit-keyframes shake {
    25% {transform: rotate(calc(var(--angle) * -1));}
    50% {transform: rotate(var(--angle));}
    100% {transform: rotate(0deg);}
}

@-o-keyframes shake {
    25% {transform: rotate(calc(var(--angle) * -1));}
    50% {transform: rotate(var(--angle));}
    100% {transform: rotate(0deg);}
}
.revealator-customscale {
    transform: scale(1.1);
    opacity: 0;
}
.revealator-customscale.revealator-within {
    transform: scale(1);    
    opacity: 1;
}

.bottom-section {
    background: url(../img/family.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 120px;
    height: 1072px;
}
.bottom-section .megatitle {
    margin-bottom: 20px;
}
.bottom-section .pretext {
    width: 755px;
}
.bottom-section-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pretext {
    text-align: center;
    color: #686562;
    font-family: MullerRegular;
    font-size: 18px;
    line-height: 150%;
}
.pretext-wh {
    text-align: center;
    color: #FCFCFC;
    font-family: MullerRegular;
    font-size: 18px;
    line-height: 150%;  
}
.bottom-section .h2 {
    padding-top: 40px;
}
.subtitle {
    font-family: TTMasters-Bold;
    font-size: 50px;
    line-height: 100%;
    color: #E73743;
}
.text-bold {
    font-family: TTMasters-Bold;
    font-size: 24px;
    line-height: 120%;
    color: #2E2A25;
    text-align: left;
}
.text-bold a {
    color: #2E2A25;
    text-decoration: none;
    cursor: pointer;    
}





.contacts-section, .addresses-section, #privacy {
    padding-top: 120px;
    background: #FCFCFC;
    height: auto;
    margin-bottom: 90px;
}
#privacy {
    position: relative;
    padding-bottom: 120px;
}
#privacy .megatitle {
    margin-bottom: 40px;
}
#privacy .pretext {
    text-align: left;
}
#privacy .privacy-title {
    font-size: 19px;
    color: #2E2A25;
    font-weight: 600;
    margin-top: 10px;
}
#privacy .privacy-descr {
	padding-left: 20px
}
#map {
    width: 100%;
    height: 590px;
    position: relative;
}
#map-crym, #map-moskva{
    width: 100%;
    height: 100%;
}
.contacts-wrap {
    margin-top: 100px;
    margin-bottom: 80px;
    display: flex;
    width: 100%;
    height: auto;
}
.contacts-info {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.contacts-form {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}
.contacts-form .pink-btn {
    width: 180px;
}
.contacts-info .pretext {
    text-align: left;
    margin-top: 10px;
    width: 367px;
}
.contacts-info .text-bold {
    margin-top: 20px;
    width: 255px;
font-family: MullerRegular;
font-size: 18px;
line-height: 150%;
font-weight: 600;
}
.contacts-info .text-bold:last-child {
    margin-top: 30px;
    width: 100%;
}
.contacts-info .text-bold a {
    margin-right: 20px;
}
#contacts-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#contacts-form input {
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #686562;
    padding: 17px 0 14px 20px;
    margin-bottom: 15px;
}
#contacts-form input[type=email], #contacts-form #contacts-phone {
    width: 49%;
}
#contacts-form input:hover, #contacts-form input:focus {
    color: #2E2A25;
    border: 1px solid #D6D5D4;
}
#contacts-form .pink-btn {
    width: 180px;
}
.contacts-form .popup-info2 {
    margin-top: 5px;
}
.partnership-form .popup-info2 {
    text-align: center;
}
.text-bold-L {
    font-family: TTMasters-Bold;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
}
.advantages, .managers, .goods {
    padding-top: 120px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
}
.advantages .megatitle, .goods .megatitle {
    width: 40%;
}
.advantages .pretext {
    margin-top: 20px;
    width: 620px;
}
.goods .pretext {
    margin-top: 20px;
    width: 555px;
}
.advantage-item .pretext {
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
}
.advantages-wrap {
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 65%;
}
.advantage-item {
    width: 30%;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.advantage-icon {
    margin-bottom: 20px;
}
.advantage-item1 .advantage-icon:before {
    content: url('../img/extra charge.svg');
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.advantage-item2 .advantage-icon:before {
    content: url('../img/sales.svg');
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.advantage-item3 .advantage-icon:before {
    content: url('../img/support.svg');
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.advantage-item4 .advantage-icon:before {
    content: url('../img/losses.svg');
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.advantage-item5 .advantage-icon:before {
    content: url('../img/Crimea.svg');
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.advantage-item6 .advantage-icon:before {
    content: url('../img/leader.svg');
    width: 50px;
    height: 50px;
    margin-bottom: 25px;
}
.managers {
    height: auto;
    background: url(../img/gr-back.png);
    background-size: 100% 100%;
    z-index: 1;
}
.managers-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.manager {
    background: #FCFCFC;
    border-radius: 5px;
    width: 48.5%;
    margin-bottom: 30px;
    padding: 25px 30px 25px 30px;
    box-sizing: border-box;
}
.manager-photo {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 30px;
    margin-bottom: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.manager-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manager-name {
    font-family: TTMasters-Bold;
    font-size: 24px;
    line-height: 120%;
    color: #2E2A25;
    margin-bottom: 10px;
}
.manager-info {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #686562;
    margin-bottom: 10px;
}
.manager-mail {
    margin-bottom: 10px;
}
.manager-mail a {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #E73743;
}
.manager-phone a {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #2E2A25;
}
.goods {
    background: url(../img/back.png);
    background-size: 100% 100%;

}
.categories {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: center;
}
.category-link {
    list-style-type: none;
    position: relative;
    overflow-x: hidden;
    height: 60px;
    margin-right: 70px;
}
.category-link:last-child {
    margin-right: 0;
}
.category-link a {
    font-family: TTMasters-Bold;
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    color: #FCFCFC;
    cursor: pointer;
    position: relative;
}
.category-link .mark-link {
    background: url(../img/category-link.svg);
    top: 100%;
    position: absolute;
    width: 100%;
    height: 9px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    background-position: left center;
    transition-property: background-position;
}
.category-link .mark-link::after {
    background-color: #E73743;

}
/*
.category-link a:after {
    content: url(../img/category-link.svg);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
    transform: translateX(-120%);
}
.category-link a:hover::after {
    left: 50%;
    transform: translateX(-50%);
}
*/
.section-blog {
    background: url('../img/chef.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 150px;
    padding-bottom: 140px;
    box-sizing: border-box;
    height: 768px;
    background-color: #F0EFE9;
    background-position-x: right;
}
.section-blog .megatitle {
    text-align: left;
}
.blog-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
}
.blog-info .pretext {
    text-align: left;
    margin-bottom: 20px;
}
.blog-info .pink-btn {
    width: 178px;
}
.partnership-form {
    height: 640px;
    background: #FCFCFC;
    padding-top: 218px;
    padding-bottom: 150px;
    margin-bottom: -70px;
    top: -70px;
    z-index: 0;
}
.partnership-form .pretext {
    margin-top: 20px;
    margin-bottom: 40px;
}
.bottom-curve {
    position: absolute;
    width: 100%;
    top: -5px;
    transform: rotateX(180deg);
}
#partnership-callback {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
#partnership-callback input {
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    background: #FCFCFC;
    width: 30%;
    margin-right: 20px;
    padding-left: 25px;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    padding: 17px 0 14px 20px;
    color: #686562;
}
#partnership-callback input:hover, #partnership-callback input:focus {
    color: #2E2A25;
    border: 1px solid #D6D5D4;
}
#partnership-callback input[type=name] {
    width: 290px;
}
#partnership-callback input[type=email] {
    width: 300px;
}
#partnership-callback button.pink-btn {
    width: 180px;
    justify-content: center;
}
#partnership-callback input::placeholder {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    opacity: 0.7;
}
.section-404 {
    height: auto;
    overflow: hidden;
}
.title-404 {
    font-family: TTMasters-Bold;
    font-size: 288px;
    line-height: 120%;
    color: #E73743;
    position: absolute;
    bottom: -100px;
    z-index: 2;
}
.title-404-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 180px;
    height: 50vh;
    position: relative;
}
.text-404-back .pretext-wh {
    width: 573px;
}
.text-404-back .white-btn {
    margin-top: 40px;
    border: none;
    border: 1px solid #FCFCFC;
    width: 180px;
}
.text-404-back {
    position: relative;
    background: #E73743;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 110px;
    padding-top: 80px;
    box-sizing: border-box;
    height: 50vh;
}
.section-link {
    height: auto;
    padding-top: 120px;
    padding-bottom: 120px;
  //  background: linear-gradient(180deg, rgba(231,55,67,1) 0%, rgba(250,246,240,1) 118%);
    background-size: 100% 100%;
    background-image: url(../img/gradient.png);
}
.section-link-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.section-link .revealator-rotateright {
    transform: translate(-100px,0) rotate(-20deg) !important;
}
.section-link .revealator-rotateright.revealator-within {
    transform: translate(0,0) rotate(0) !important;
}
.image-wrap img {
    width: 100%;
}
.section-link-wrap .image-wrap {
    position: relative;
    width: 50%;
}
.section-link-wrap .image-wrap img {
    width: auto;
    height: 100%;
}
.polaroid1 {
    position: absolute;
    z-index: 2;
    right: 80px;
}
.polaroid2 {
    position: absolute;
    right: 125px;
}
.link-info {
    width: 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px;
    padding-right: 0;
    justify-content: center;
}
.link-info .megatitle-wh {
    text-align: left;
    width: 463px;
}
.link-info .pretext-wh {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: left;
    width: 466px;
}
.cart-pic-banner {
    overflow: hidden;
    width: 100%;
    height: auto;
}
.cart-pic-banner img {
    width: 100%;
    transition: opacity .4s, -webkit-transform 1s;
    transition: transform 1s, opacity .4s;
    transition: transform 1s, opacity .4s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
}
.cart-pic-banner.loaded img {
    width: 100%;
    opacity: 1;
    transform: scale(1);
}
.cart-info {
    padding-top: 150px;
    padding-bottom: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../img/fon-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.cart-info .megatitle {
    width: 790px;
}
.cart-info .pretext {
    width: 790px;
}
.cart-info .pretext {
    margin-top: 20px;
}
.recommended {
    height: 350px;
    position: relative;
  //  background-image: url(../img/fon-bottom.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.recommended-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
}
.recommended-wrap .slick-track {
    width: 100%;
    display: flex;
    justify-content: space-between;    
}
.recommended-col {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

}
.recommended-col .text-bold {
    font-size: 35px;
    margin-bottom: 15px;
}
.recommended-col .subtitle {
    margin-bottom: 30px;
    width: 505px;
}
.bottom-product {
    position: relative;
    bottom: 0;
    left: auto;
    right: -140px;
    width: 65%;
    height: 350px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.bottom-product img {
    height: 350px;
}
.bottom-elem {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 25px;
}
.bottom-elem img {
    width: 100%;
}
.recommended-items .megatitle {
    margin-bottom: 53px;
}
.recommended-items .blog-item {
    box-sizing: border-box;
    padding: 10px;
}
.cart-recipe {
    padding-bottom: 120px;
    padding-top: 120px;
    overflow: hidden;
    height: auto;
}
.cart-recipe-pic {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    z-index: -2;
    height: 100%;
    width: 52%;
}
.cart-recipe-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-recipe-pic2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;  
    background: url('../img/gr.png');  
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100%;
    width: 55%;
    height: 100%;
}

.cart-recipe-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 40%;
}
.cart-recipe-wrap .pretext {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.recipe-items {
    display: flex;
    margin-bottom: 40px;
}
.recipe-time, .recipe-output, .recipe-load {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;
    display: flex;
    align-items: center;
    cursor: default;
}
.recipe-load a {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;
    text-decoration: none;  
}
.recipe-load a:hover {
    color: #E73743;
}
.recipe-time {
    margin-right: 30px;
}
.recipe-time:before {
    content: url(../img/circular-clock.svg);
    margin-right: 10px;
}
.recipe-output:before {
    content: url(../img/tray.svg);
    margin-right: 10px;
}
.recipe-load {
    margin-left: 30px;
}
.recipe-load:before {
    content: url(../img/printer.svg);
    margin-right: 10px; 
}
.recipe-load:hover:before {
    content: url(../img/printer-hov.svg);    
}
.main-foodzone {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: -10px;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    will-change: transform;
    transition: opacity .4s, -webkit-transform 1s;
    transition: transform 1s, opacity .4s;
    transition: transform 1s, opacity .4s, -webkit-transform 1s;
}
.main-foodzone.loaded {
    opacity: 1;
    transform: scale(1);
}
.main-foodzone img {
    width: 100%;
}
.cart {
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    height: calc(100vh - 260px);
}
.cart-pic {
    width: 60%;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}
.product-wrap {
    width: 80%;
    height: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: center;    
}
.product-wrap img {
    width: 100%;
}
.foodzone {
    position: absolute;
    right: 80px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: -1;
}
.cart-descr {
    width: 40%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.cartCatogories-wrap {

}
.cartCatogories {
    position: absolute;
    bottom: 80px;
    top: auto;
    width: 100%;
}
.cart-categories {
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: center;
}
.cart-category {
    list-style-type: none;
}
.cart-category:not(:last-child) {
    margin-right: 22px;
}
.cart-category a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: MullerRegular;
    font-size: 12px;
    line-height: 130%;
    color: #686562;
    text-align: center;
    width: 62px;
}
.cart-category-pic {
    border-radius: 50%;
    width: 62px;
    height: 62px;
    background: #FCFCFC;    
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(248, 199, 25, 0.2);
    margin-bottom: 10px;
}
.cart-category-pic img {
    
}
.cart-category-pic:hover {
    background: #FFBB00;
}
.cart-descr .megatitle {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 40px;
    width: 398px;
}
.cart-category.active {

}
.cart-specif {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cart-specif-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    height: 100%;
}
.cart-specif-wrap img {
    width: 80%;
    max-height: 780px;
    object-fit: contain;
}
.cart-specif-pic {
    width: 60%;
}
.cart-specif-pic img {
    width: 100%;
}
.specifications {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.specifications .megatitle {
    text-align: left;
    width: 485px;
}
.specifications-wrap {
    border-top: 1px solid #F0EEED;
    margin-top: 40px;    
}
.specif-item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #686562;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #F0EEED;
}
.section-info {
    background: url(../img/fam-main.png) 100% 100% no-repeat;
    background-size: cover;
    background-position: top;
    box-sizing: border-box;
    height: 1030px;
}
.section-info-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-info .megatitle {
    margin-bottom: 40px;
    width: 760px;
}
.section-info .pretext {
    width: 764px;
}
.section-info-wrap .pretext:first-child {
    margin-right: 30px;
}
.top-blog {
    height: calc(100vh - 90px);
    position: relative;
    top: 90px;
    margin-bottom: 90px;
}
.random-recipe {
    padding-bottom: 100px;
}
.random-recipe-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.random-recipe .subtitle {
    margin-bottom: 50px;
}
.blog-items {
    padding-bottom: 100px;
    padding-top: 50px;
}
.blog-item {
    width: 31.5%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin-bottom: 30px;
    padding-bottom: 28px;
    position: relative;
    padding-right: 13px;
}
.blog-items-wrap {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 50px;
    margin-right: -30px;
}
.blog-item-pic {
    width: 100%;
    border-radius: 10px;
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.blog-item-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hover-mask {
    background: #E73743;
    opacity: 0;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.4s ease-out;
    z-index: 2;
}
.hover-mask:before {
    content: url(../img/fork-and-knife-in-cross.svg);
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    transition: all 1s ease-out;
}
.blog-item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.blog-item-link .hover-mask {
    display: block;
}
.preview-name {
    font-family: TTMasters-Bold;
    font-size: 24px;
    line-height: 120%;
    color: #E73743;
    margin-bottom: 7px;
    margin-top: 17px;
}
.preview-text {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;
}
.load-more {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #80776F;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 70px;
    width: 100%;
    margin-top: 50px;
    padding: 20px 28px 20px 28px;
    background: transparent;
}
.load-more:hover {
    cursor: pointer;
    border: 1px solid #D6D5D4;
}
.blog-desctop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.blog-title {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.blog-categories {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    margin-top: 80px;
}
.blog-category {
    list-style-type: none;
    margin-right: 30px;
    position: relative;
}
.blog-category:last-child {
    margin-right: 0;
}
.blog-category a {
    font-family: TTMasters-Bold;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
    text-decoration: none;
    cursor: pointer;
}
.blog-category a:hover {
    color: #E73743;
}
.blog-filter {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 50px;
    border-top: 1px solid #F0EEED;
}
.blog-filter-wrap {
	display: flex;
}
.blog-filter-wrap .pink-btn {
	width: 170px;
	height: 50px;
}
.random-item {
    display: flex;
    margin-top: 30px;
    box-sizing: border-box;
    justify-content: space-between;
}
.random-recipe-wrap2 {
    display: none;
}
.random-item-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
}
.random-item-info .subtitle {
    font-size: 30px;
    margin-bottom: 20px;
}
.random-item-info .text-bold {
    font-size: 18px;
    margin-bottom: 10px;
}
.random-item-info .pretext {
    text-align: left;
    width: 80%;
    margin-bottom: 30px;
}
.random-item-info .recipe-items {
    margin-bottom: 25px;
}
.random-recipe-wrap .white-btn {
    margin-top: 80px;
}
.random-item-pic {
    width: 50%;
    border-radius: 10px;
    overflow: hidden;
}
.random-item-pic img {
    width: 100%;
    height: 100%;
}
.clear-filters {
    border: none;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #80776F;
    background: transparent;
    cursor: pointer;
    justify-content: flex-end;
}
.clear-filters:before {
    content: url('../img/dark-gr-cross.svg');
    margin-right: 16px;
}
.clear-filters:hover {
    color: #E73743;
}
.clear-filters:hover:before {
    content: url('../img/dark-red-cross.svg');    
}
.blog-filter select {
    background: #FCFCFC;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    display: flex;
    align-items: center;
    color: #80776F;
    padding: 14px 0 12px 20px;
    outline: none;
    width: 25%;
}
.blog-filter select:hover, .blog-filter select:focus {
    border: 1px solid #D6D5D4;
}
.blog-filter select > option {
    background: #FCFCFC;
    padding: 14px 120px 12px 20px;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    box-shadow: 0px 10px 54px rgba(104, 101, 98, 0.15);
    -moz-box-shadow: 0px 10px 54px rgba(104, 101, 98, 0.15);
    -webkit-box-shadow: 0px 10px 54px rgba(104, 101, 98, 0.15);
    border-radius: 5px;
}
.blog-filter-btn {
    display: none;
}
.blog-filter-mob {
    display: none;
}
.mob-categories-list {
    display: none;
}
.blog-categories-mob-wrap {
    display: none;
}
.recommended-items {
    padding-top: 190px;
    padding-bottom: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.recommended-items .load-more {
    width: 210px;
}
.recommended-items .megatitle:before {
    content: url('../img/cap.svg');
    position: absolute;
    left: 50%;
    top: -100px;
    transform: translateX(-50%);
}
.article-content {
    padding-top: 80px;
    width: 100%;
    position: relative;
    height: auto;
    box-sizing: border-box;
}
.article-content .recipe-items {
    margin-bottom: 50px;
}
.article-content .megatitle {
    text-align: left;
    margin-bottom: 50px;
    width: 60%;
}
.article-text {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #686562;
}
.article-steps {

}
.article-steps-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    margin-bottom: 40px;
}
.article-steps-top .article-title {
    margin-bottom: 0;
}
.article-steps-wrap2 {
    box-sizing: border-box;
}
.article-steps-wrap2 {
    position: relative;
}
.article-steps-wrap2 iframe {
    width: 100%;
    height: 450px;
}
.article-step {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}
.article-step-pic {
    width: 50%;
    overflow: hidden;
}
.article-step-pic img {
    width: 100%;
}
.article-step-text {
    width: 50%;
    padding-left: 30px;
}
.article-title {
    font-family: MullerRegular;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: #2E2A25;
    margin-bottom: 30px;
}
.energy-blocks {
    width: 100%;
    display: flex;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.energy-block {
    background: #FCFCFC;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 10px;
    width: 120px;
    padding-top: 20px;
}
.energy-block .article-title {
    margin-top: 10px;
    margin-bottom: 20px;
}
.ingredients-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    box-sizing: border-box;
}
.ingredients {
    width: 50%;
    box-sizing: border-box;
}
.ingredients-pic {
    width: 50%;
    overflow: hidden;
}
.ingredients-pic img {
    width: 100%;
}
.sharing {
    width: 100%;
    border-top: 1px solid #F0EEED;
    border-bottom: 1px solid #F0EEED;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    display: flex;
    margin-top: 80px;
    align-items: center;
}
.sharing .article-title {
    margin-bottom: 0;
    cursor: default;
    margin-right: 38px;
}
.share-icon {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    cursor: pointer;
}
.share-vk {
    background: url(../img/sh-vk.svg);
}
.share-ok {
    background: url(../img/sh-od.svg);
}
.share-pin {
    background: url(../img/sh-pin.svg);
}
.share-fb {
    background: url(../img/sh-fb.svg);
}
.share-vk:hover {
    background: url(../img/sh-vk2.svg);
}
.share-ok:hover {
    background: url(../img/sh-od2.svg);
}
.share-pin:hover {
    background: url(../img/sh-pin2.svg);
}
.share-fb:hover {
    background: url(../img/sh-fb2.svg);
}
.main-ingredient {
    color: #E73743;
}

/* переключатель в карточке рецепта */
.toggle-button-cover {
    display: table-cell;
    position: relative;
    box-sizing: border-box;
}
.button-cover, .knobs, .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.button {
    position: relative;
    top: 50%;
    width: 230px;
    height: 40px;
    margin: -20px auto 0 auto;
}
.button.r, .button.r .layer {
    border-radius: 100px;
}
.button.b2 {
    border-radius: 2px;
}
.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
.knobs {
    z-index: 2;
}
.layer {
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 90px;
    transition: 0.3s ease all;
    z-index: 1;
}
/* Button 1 */
#recipe-option .knobs:before {
    content: 'списком';
    position: absolute;
    top: 0;
    left: 1px;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
    background: #E73743;
    box-sizing: border-box;
    border-radius: 90px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    color: #FCFCFC;
    z-index: 1;
}
#recipe-option .knobs:after {
    content: 'видео';
    position: absolute;
    top: 0;
    right: 1px;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    box-sizing: border-box;
    border-radius: 90px;
    color: #686562;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
}
#recipe-option .checkbox:checked + .knobs:before {
    content: 'видео';
    top: 0;
    right: 1px;
    left: auto;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
    background: #E73743;
    box-sizing: border-box;
    border-radius: 90px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    color: #FCFCFC;
    z-index: 1;
}
#recipe-option .checkbox:checked + .knobs:after {
    content: 'списком';
    top: 0;
    left: 1px;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    box-sizing: border-box;
    border-radius: 90px;
    color: #686562;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
}
#recipe-option .checkbox:checked ~ .layer {
    background: #FCFCFC;
}
#recipe-option .knobs, #recipe-option .knobs:before, #recipe-option .layer {
    transition: 0.3s ease all;
}

/* переключатель в карточке товара */

#cart-option {
    width: 260px;
}
/* Button 1 */
#cart-option .knobs:before {
    content: 'блочок';
    position: absolute;
    top: 0;
    left: 1px;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
    background: #E73743;
    box-sizing: border-box;
    border-radius: 90px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    color: #FCFCFC;
    z-index: 1;
}
#cart-option .knobs:after {
    content: 'ванночка';
    position: absolute;
    top: 0;
    right: 1px;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    box-sizing: border-box;
    border-radius: 90px;
    color: #686562;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
}
#cart-option .checkbox:checked + .knobs:before {
    content: 'ванночка';
    top: 0;
    right: 1px;
    left: auto;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
    background: #E73743;
    box-sizing: border-box;
    border-radius: 90px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    color: #FCFCFC;
    z-index: 1;
}
#cart-option .checkbox:checked + .knobs:after {
    content: 'блочок';
    top: 0;
    left: 1px;
    background: #FCFCFC;
    border: 1px solid #FCFCFC;
    box-sizing: border-box;
    border-radius: 90px;
    color: #686562;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 12px 35px 12px 35px;
}
#cart-option .checkbox:checked ~ .layer {
    background: #FCFCFC;
}
#cart-option .knobs, #cart-option .knobs:before, #cart-option .layer {
    transition: 0.3s ease all;
}



.circle {
    width: 760px;
    height: 760px;
    background: #8B3396;
    position: absolute;
    left: -376px;
    top: 117px;
    border-radius: 50%;
    z-index: -2;
    -moz-animation: circl 2s forwards;
    -webkit-animation: circl 2s forwards;
    -o-animation: circl 2s forwards;
    animation: circl 2s forwards;
    transition-property: top;
    -webkit-transition-property: top;
    transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}
@keyframes circl {
    0% { left: -1012px; }
    100% { left: -376px; }
}

@-moz-keyframes circl {
    0% { left: -1012px; }
    100% { left: -376px; }
}

@-webkit-keyframes circl {
    0% { left: -1012px; }
    100% { left: -376px; }
}

@-o-keyframes circl {
    0% { left: -1012px; }
    100% { left: -376px; }
}

.circle-bottom {
    position: absolute;
    z-index: -3;
    right: 0;
    bottom: -5px;
    display: none;
}

.article-steps-wrap {
    display: none;
}

.article-steps-top .toggle-button-cover {
    width: 230px;
}
.btn-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-center span {
    width: 80px;
    height: 80px;
    display: block;
    transition: all .3s ease-out;
}
.btn-center span:hover {
    transform: scale(1.1);    
    cursor: pointer;
}
.callback-popup {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 5;

}
.callback-popup .callback-popup-content {
    display: flex;
    width: 566px;
    height: 516px;
    background: #FCFCFC;
    box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    padding: 50px;
    box-sizing: border-box;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.callback-popup .callback-popup-content, .callback-popup.active .callback-popup-content {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.callback-popup.active {
    display: flex;
}
.callback-popup.active .callback-popup-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.callback-popup .pink-btn {
    width: 230px;
}
.success-popup {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 5;
}
.success-popup .success-popup-content {
    width: 566px;
    height: 516px;
    background: #FCFCFC;
    box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 4px 84px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px;
    box-sizing: border-box; 
}
.success-popup-content .popup-closer {
    opacity: 1 !important;
}
.animated-letter {
    position: relative;
    width: 160px;
    height: 85px;
    box-sizing: border-box;
}
.wing1 {
    position: absolute;
    left: 10px;
    top: -25px;
    animation: leftwing 1.5s forwards;
}
.wing2 {
    position: absolute;
    right: 0;
    top: 10px;
    animation: rightwing 1.5s forwards;
}
.envelope {
    position: absolute;
    left: 45px;
    top: 0;
    animation: takeoff 0.5s forwards;
}
.letter-shadow {
   position: absolute;
   bottom: 0;
   top: auto;
   left: 50px;
   animation: shadow 0.5s forwards;
}
.animated-letter.done .envelope {
    animation: takeoff 1s forwards;

}
@keyframes takeoff {
    0% {
        top: 40px;
        left: 20px;
    }

    100% {
        top: 0;
        left: 45px;
    }
}
@keyframes shadow {
    0% {
        bottom: -20px;
        left: 30px;
    }

    100% {
        bottom: 0;
        left: 50px;
    }
}
@keyframes leftwing {
    0% {
        left: 0px;
        top: -15px;
    }

    25% {
        left: 10px;
        top: -25px; 
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0);
    }

    75% {
        transform: rotate(10deg);
    }

    100% {
        transform: rotate(0);
    }
}
@keyframes rightwing {
    0% {
        top: 20px;
        right: -10px;
    }

    25% {
        right: 0;
        top: 10px; 
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(0);
    }

    75% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(0);
    }
}

.popup-title {
    font-family: TTMasters-Bold;
    font-size: 50px;
    line-height: 100%;
    color: #E73743;
    margin-bottom: 20px;
}
.success-popup .popup-title {
    margin-top: 50px;
}
.popup-info {
    font-family: MullerRegular;
    font-size: 18px;
    line-height: 150%;
    color: #686562;
    text-align: center;
}
.success-popup .popup-info {
    margin-bottom: 30px;
}
.popup-info2 {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;
    margin-bottom: 20px;
}
.popup-info2-wh {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #FCFCFC;
    margin-bottom: 20px;    
    text-align: center;
}
.popup-info2 a {
    color: #686562;
    border-bottom: 1px solid #D6D5D4;
}
.popup-info2-wh a {
    color: #FCFCFC;
    border-bottom: 1px solid #FCFCFC;   
}
.popup-closer {
    background: url(../img/popup-closer.png);
    width: 16px;
    height: 16px;
    position: absolute;
    background-size: cover;
    cursor: pointer;
    top: 32px;
    right: 32px;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.callback-popup.active .popup-closer {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 1;
}
.callback-popup.active div, .callback-popup.active form {
    opacity: 1;
}
.callback-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
.callback-form input {
    width: 100%;
    background: #FCFCFC;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #686562;
    padding: 17px 0 14px 20px;
}
.callback-form input:first-child {
    margin-bottom: 15px;
}
.callback-form .popup-info2 {
    margin-top: 20px;
}
.callback-form input:hover, .callback-form input:focus {
    border: 1px solid #D6D5D4;
    color: #2E2A25;
}
#cookiepolicy {
    background: #FCFCFC;
    box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 14px 74px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 30px;
    box-sizing: border-box;
    position: fixed;
    width: 60vw;
    bottom: 20px;
    right: 20px;
    left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2E2A25;
    z-index: 1;
}
#cookiepolicy .white-btn {
    width: 114px;
    height: 40px;
    padding: 0;
}
#cookiepolicy-btn.white-btn {
    color: #E73743;
    background: #FCFCFC;
    border-radius: 90px;
    border: 1px solid #E73743;    
}
#cookiepolicy .pretext {
    color: #2E2A25;
    font-size: 16px;
    text-align: left;
    width: 60%;
}

footer {
    width: 100%;
    background: #F5F4F2;
    position: relative;
}
.footer-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
}


.footer-bottom {
    display: flex;
    width: 100%;
    border-top: 1px solid #DBDCDE;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #80776F;
}
.footer-bottom a {
    color: #80776F;    
}
.footer-bottom a:hover {
    color: #2E2A25;    
}
.footer-menu {
    padding: 0;
    margin: 0;
    height: 100%;
}
.footer-menu a {
    text-align: left;
}
.footer-menu a:hover {
    color: #E73743;
}
.footer-menu .menu-link {
    padding-bottom: 10px;
    padding-right: 0;
    height: auto;
}
.footer-contact a {
    font-family: TTMasters-Bold;
    font-size: 18px;
    line-height: 120%;
    text-decoration: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #2E2A25;
}
.callback {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;
    border-bottom: 1px dashed #A4A4A6;
    cursor: pointer;
    width: fit-content;
    margin-top: 10px;
}
.callback:hover {
    color: #E73743;
    border-bottom: 1px dashed #E73743;
}
.socials {
    width: 100px;
    display: flex;
    justify-content: space-between;
}
.fb {
    background: url(../img/fb.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    background-position: center;
}
.vk {
    background: url(../img/vk.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    background-position: center;
}
.insta {
    background: url(../img/insta.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
}
.fb:hover {
    background: url(../img/fb-hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    background-position: center;
}
.insta:hover {
    background: url(../img/insta-hover.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.vk:hover {
    background: url(../img/vk-hover.svg);    
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    background-position: center;
}

.animation-1 {
    position: absolute;
    left: 165px;
    top: 240px;
}
.animation-2 {
    position: absolute; 
    left: 479px;
    top: 113px;
}
.animation-3 {
    position: absolute; 
    right: 144px;
    left: auto;
    top: 134px;
}
.animation-4 {
    position: absolute; 
    left: auto;
    top: auto;
    bottom: 157px;
    right: 140px;
}
.animation-5 {
    position: absolute; 
    left: 275px;
    top: auto;
    bottom: 91px;
}
.animation-6 {
    position: absolute; 
    left: 245px;
    top: auto;
    bottom: 246px;
}
.animation-7 {
    position: absolute;
    left: auto;
    top: 274px;
    right: 333px;
}
.main-animation {
    position: absolute; 
    left: 50%;
    top: 349px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}





.option-wrap {
    align-items: center;
    background: #FCFCFC;
    display: flex;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 230px;
    border: 1px solid #F0EEED;
    border-radius: 70px;
    box-sizing: border-box;
}
.bar {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    height: 38px;
    left: 0;
    position: absolute;
    width: 100%;
}
.bar-color {
    background: #E73743;
    color: white;
    clip-path: polygon(
            221px 0,
            243px 38px,
            32px 38px,
            15.775442px 37.67494px,
            11.772078px 36.74264px,
            9.054248px 35.26745px,
            6.686292px 33.31371px,
            4.732549px 30.94575px,
            3.257359px 28.22792px,
            1.925063px 25.22456px,
            0.89px 19px,
            1.925063px 12.77544px,
            3.257359px 9.77208px,
            4.732549px 7.05425px,
            6.686292px 4.68629px,
            9.054248px 2.73255px,
            11.772078px 1.25736px,
            14.775442px 0.32506px,
            32px 0
    );
   -webkit-clip-path: polygon(
            221px 0,
            243px 38px,
            32px 38px,
            15.775442px 37.67494px,
            11.772078px 36.74264px,
            9.054248px 35.26745px,
            6.686292px 33.31371px,
            4.732549px 30.94575px,
            3.257359px 28.22792px,
            1.925063px 25.22456px,
            0.89px 19px,
            1.925063px 12.77544px,
            3.257359px 9.77208px,
            4.732549px 7.05425px,
            6.686292px 4.68629px,
            9.054248px 2.73255px,
            11.772078px 1.25736px,
            14.775442px 0.32506px,
            32px 0
    );
    
    transition: clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.option {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 10px;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.option a {
    color: #686562; 
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
}

.option-wrap-cart .bar-outer {
	clip-path: polygon(0 0, 120px 0, 120px 32px, 0 32px);
	clip-path: polygon(
		0 0,
		0 38px,
		89px 38px,
		92.22456px 37.67494px,
		95.22792px 36.74264px,
		97.94575px 35.26745px,
		100.31371px 33.31371px,
		102.26745px 30.94575px,
		103.74264px 28.22792px,
		104.67494px 25.22456px,
		105.55px 19px,
		104.67494px 12.77544px,
		103.74264px 9.77208px,
		102.26745px 7.05425px,
		100.31371px 4.68629px,
		97.94575px 2.73255px,
		95.22792px 1.25736px,
		92.22456px 0.32506px,
		89px 0
		);
	-webkit-clip-path: polygon(
		0 0,
		0 38px,
		89px 38px,
		92.22456px 37.67494px,
		95.22792px 36.74264px,
		97.94575px 35.26745px,
		100.31371px 33.31371px,
		102.26745px 30.94575px,
		103.74264px 28.22792px,
		104.67494px 25.22456px,
		105.55px 19px,
		104.67494px 12.77544px,
		103.74264px 9.77208px,
		102.26745px 7.05425px,
		100.31371px 4.68629px,
		97.94575px 2.73255px,
		95.22792px 1.25736px,
		92.22456px 0.32506px,
		89px 0
		);
	height: 38px;
	pointer-events: none;
	transition: clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
	width: 100%;
}

.option-wrap-cart .bar-outer.pos2 .bar-color {
	clip-path: polygon(
		360px 0,
		360px 38px,
		119px 38px,
		115.775442px 37.67494px,
		112.772078px 36.74264px,
		110.054248px 35.26745px,
		107.686292px 33.31371px,
		105.732549px 30.94575px,
		104.257359px 28.22792px,
		103.325063px 25.22456px,
		102.55px 19px,
		103.325063px 12.77544px,
		104.257359px 9.77208px,
		105.732549px 7.05425px,
		107.686292px 4.68629px,
		110.054248px 2.73255px,
		112.772078px 1.25736px,
		115.775442px 0.32506px,
		119px 0
		);
	-webkit-clip-path: polygon(
		360px 0,
		360px 38px,
		119px 38px,
		115.775442px 37.67494px,
		112.772078px 36.74264px,
		110.054248px 35.26745px,
		107.686292px 33.31371px,
		105.732549px 30.94575px,
		104.257359px 28.22792px,
		103.325063px 25.22456px,
		102.55px 19px,
		103.325063px 12.77544px,
		104.257359px 9.77208px,
		105.732549px 7.05425px,
		107.686292px 4.68629px,
		110.054248px 2.73255px,
		112.772078px 1.25736px,
		115.775442px 0.32506px,
		119px 0
		);
}
.option-wrap-cart .bar-outer.pos1.left {
	clip-path: polygon(
		0 0,
		0 38px,
		89px 38px,
		92.22456px 37.67494px,
		95.22792px 36.74264px,
		97.94575px 35.26745px,
		100.31371px 33.31371px,
		102.26745px 30.94575px,
		103.74264px 28.22792px,
		104.67494px 25.22456px,
		105.45px 19px,
		104.67494px 12.77544px,
		103.74264px 9.77208px,
		102.26745px 7.05425px,
		100.31371px 4.68629px,
		97.94575px 2.73255px,
		95.22792px 1.25736px,
		92.22456px 0.32506px,
		89px 0
		); 
	-webkit-clip-path: polygon(
		0 0,
		0 38px,
		89px 38px,
		92.22456px 37.67494px,
		95.22792px 36.74264px,
		97.94575px 35.26745px,
		100.31371px 33.31371px,
		102.26745px 30.94575px,
		103.74264px 28.22792px,
		104.67494px 25.22456px,
		105.45px 19px,
		104.67494px 12.77544px,
		103.74264px 9.77208px,
		102.26745px 7.05425px,
		100.31371px 4.68629px,
		97.94575px 2.73255px,
		95.22792px 1.25736px,
		92.22456px 0.32506px,
		89px 0
		);    
} 

#map .bar-outer.pos2 .bar-color {
	clip-path: polygon(
		360px 0,
		360px 38px,
		119px 38px,
		115.775442px 37.67494px,
		112.772078px 36.74264px,
		110.054248px 35.26745px,
		107.686292px 33.31371px,
		105.732549px 30.94575px,
		104.257359px 28.22792px,
		103.325063px 25.22456px,
		102.55px 19px,
		103.325063px 12.77544px,
		104.257359px 9.77208px,
		105.732549px 7.05425px,
		107.686292px 4.68629px,
		110.054248px 2.73255px,
		112.772078px 1.25736px,
		115.775442px 0.32506px,
		119px 0
		);
	-webkit-clip-path: polygon(
		360px 0,
		360px 38px,
		119px 38px,
		115.775442px 37.67494px,
		112.772078px 36.74264px,
		110.054248px 35.26745px,
		107.686292px 33.31371px,
		105.732549px 30.94575px,
		104.257359px 28.22792px,
		103.325063px 25.22456px,
		102.55px 19px,
		103.325063px 12.77544px,
		104.257359px 9.77208px,
		105.732549px 7.05425px,
		107.686292px 4.68629px,
		110.054248px 2.73255px,
		112.772078px 1.25736px,
		115.775442px 0.32506px,
		119px 0
		);
}


.article-steps .bar-outer {
	clip-path: polygon(0 0, 0 38px, 100px 38px, 103.22456px 37.67494px, 106.22792px 36.74264px, 108.94575px 35.26745px, 111.31371px 33.31371px, 113.26745px 30.94575px, 114.74264px 28.22792px, 115.67494px 25.22456px, 116.65px 20px, 115.67494px 12.77544px, 114.74264px 9.77208px, 113.26745px 7.05425px, 111.31371px 4.68629px, 108.94575px 2.73255px, 106.22792px 1.25736px, 103.22456px 0.32506px, 100px 0);
    -webkit-clip-path: polygon(0 0, 0 38px, 100px 38px, 103.22456px 37.67494px, 106.22792px 36.74264px, 108.94575px 35.26745px, 111.31371px 33.31371px, 113.26745px 30.94575px, 114.74264px 28.22792px, 115.67494px 25.22456px, 116.65px 20px, 115.67494px 12.77544px, 114.74264px 9.77208px, 113.26745px 7.05425px, 111.31371px 4.68629px, 108.94575px 2.73255px, 106.22792px 1.25736px, 103.22456px 0.32506px, 100px 0);
	height: 38px;
	pointer-events: none;
	transition: clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
	width: 100%;
}
.article-steps .bar-outer.pos2 .bar-color {
	clip-path: polygon(
		360px 0,
		360px 38px,
		119px 38px,
		115.775442px 37.67494px,
		112.772078px 36.74264px,
		110.054248px 35.26745px,
		107.686292px 33.31371px,
		105.732549px 30.94575px,
		104.257359px 28.22792px,
		103.325063px 25.22456px,
		102.55px 19px,
		103.325063px 12.77544px,
		104.257359px 9.77208px,
		105.732549px 7.05425px,
		107.686292px 4.68629px,
		110.054248px 2.73255px,
		112.772078px 1.25736px,
		115.775442px 0.32506px,
		119px 0
		);
	-webkit-clip-path: polygon(
		360px 0,
		360px 38px,
		119px 38px,
		115.775442px 37.67494px,
		112.772078px 36.74264px,
		110.054248px 35.26745px,
		107.686292px 33.31371px,
		105.732549px 30.94575px,
		104.257359px 28.22792px,
		103.325063px 25.22456px,
		102.55px 19px,
		103.325063px 12.77544px,
		104.257359px 9.77208px,
		105.732549px 7.05425px,
		107.686292px 4.68629px,
		110.054248px 2.73255px,
		112.772078px 1.25736px,
		115.775442px 0.32506px,
		119px 0
		);
}
.bar-outer {
	clip-path: polygon(0 0, 120px 0, 120px 32px, 0 32px);
	clip-path: polygon(
		0 0,
		0 38px,
		89px 38px,
		92.22456px 37.67494px,
		95.22792px 36.74264px,
		97.94575px 35.26745px,
		100.31371px 33.31371px,
		102.26745px 30.94575px,
		103.74264px 28.22792px,
		104.67494px 25.22456px,
		105.55px 19px,
		104.67494px 12.77544px,
		103.74264px 9.77208px,
		102.26745px 7.05425px,
		100.31371px 4.68629px,
		97.94575px 2.73255px,
		95.22792px 1.25736px,
		92.22456px 0.32506px,
		89px 0
		);
	-webkit-clip-path: polygon(
		0 0,
		0 38px,
		89px 38px,
		92.22456px 37.67494px,
		95.22792px 36.74264px,
		97.94575px 35.26745px,
		100.31371px 33.31371px,
		102.26745px 30.94575px,
		103.74264px 28.22792px,
		104.67494px 25.22456px,
		105.55px 19px,
		104.67494px 12.77544px,
		103.74264px 9.77208px,
		102.26745px 7.05425px,
		100.31371px 4.68629px,
		97.94575px 2.73255px,
		95.22792px 1.25736px,
		92.22456px 0.32506px,
		89px 0
		);
	height: 38px;
	pointer-events: none;
	transition: clip-path 200ms cubic-bezier(0.4, 0, 0.2, 1);
	width: 100%;
}

.bar-outer.pos2 .bar-color {
    clip-path: polygon(
360px 0,
        360px 38px,
             145px 38px,
            141.775442px 37.67494px,
            138.772078px 36.74264px,
            136.054248px 35.26745px,
            133.686292px 33.31371px,
            131.732549px 30.94575px,
            130.257359px 28.22792px,
            128.825063px 25.22456px,
            127.63px 19px,
            128.825063px 12.77544px,
            130.257359px 9.77208px,
            131.732549px 7.05425px,
            133.686292px 4.68629px,
            136.054248px 2.73255px,
            138.772078px 1.25736px,
            141.775442px 0.32506px,
            145px 0
    );
    -webkit-clip-path: polygon(
360px 0,
        360px 38px,
             145px 38px,
            141.775442px 37.67494px,
            138.772078px 36.74264px,
            136.054248px 35.26745px,
            133.686292px 33.31371px,
            131.732549px 30.94575px,
            130.257359px 28.22792px,
            128.825063px 25.22456px,
            127.63px 19px,
            128.825063px 12.77544px,
            130.257359px 9.77208px,
            131.732549px 7.05425px,
            133.686292px 4.68629px,
            136.054248px 2.73255px,
            138.772078px 1.25736px,
            141.775442px 0.32506px,
            145px 0
    );
}
.bar-outer.pos2 {
    clip-path: polygon(
0 0,
            0 38px,
            210px 38px,
            213.22456px 37.67494px,
            216.22792px 36.74264px,
            218.94575px 35.26745px,
            221.31371px 33.31371px,
            223.26745px 30.94575px,
            224.74264px 28.22792px,
            225.67494px 25.22456px,
            226.65px 20px,
            225.67494px 12.77544px,
            224.74264px 9.77208px,
            223.26745px 7.05425px,
            221.31371px 4.68629px,
            218.94575px 2.73255px,
            216.22792px 1.25736px,
            213.22456px 0.32506px,
            210px 0
    );
    -webkit-clip-path: polygon(
0 0,
            0 38px,
            210px 38px,
            213.22456px 37.67494px,
            216.22792px 36.74264px,
            218.94575px 35.26745px,
            221.31371px 33.31371px,
            223.26745px 30.94575px,
            224.74264px 28.22792px,
            225.67494px 25.22456px,
            226.65px 20px,
            225.67494px 12.77544px,
            224.74264px 9.77208px,
            223.26745px 7.05425px,
            221.31371px 4.68629px,
            218.94575px 2.73255px,
            216.22792px 1.25736px,
            213.22456px 0.32506px,
            210px 0
    );
}

.bar-outer.left .bar-color {
    transition-delay: 0;
}
.bar-outer.left {
    transition-delay: 80ms;
}
.bar-outer.right .bar-color {
    transition-delay: 80ms;
}
.bar-outer.right {
    transition-delay: 0;
}
.bar-color .option a {
    color: #FCFCFC;
}

#recipe-option-list:hover, #recipe-option-video:hover {
    color: #E73743;
}










.wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 300px;
    padding-right: 20px;
}
.selClassA {
    position: relative;
    background: #FCFCFC;
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 50px;
    display: flex;
    align-items: center;
    color: #80776F;
    padding: 14px 0 12px 20px;
    outline: none;
}
.selClassA:hover, .selClassA:focus {
    border: 1px solid #D6D5D4;
}
.selClassA .custOptionsList {
    border: 1px solid #F0EEED;
    box-sizing: border-box;
    box-shadow: 0px 10px 54px rgba(104,101,98,0.15);
    -moz-box-shadow: 0px 10px 54px rgba(104,101,98,0.15);
    -webkit-box-shadow: 0px 10px 54px rgba(104,101,98,0.15);
    border-radius: 5px; 
    background-color: white;
    padding-left: 0;
    z-index: 10;
    margin-top: 0;
    margin-bottom: 0;
}
.selClassA .custOptionsList > li > a{
    padding: 0 25px;
    min-width: 300px;
    width: 100%;
    transition-property: color;
    transition-duration: 0.5s;
}
.selClassA .custOptionsList > li > a:hover {
    color: #E73743;
}
.custSelect .tickImage {
    transition-timing-function: linear;
    transition-property: transform;
    transform: rotateZ(0);  
    transform-origin: center center;    
}
.custSelect.opened .tickImage {
    transform: rotateZ(-180deg);
}
.tickWrapper {
    padding-left: 60px;
}
.addresses-section .searchingWrapp {
    width: 100%;
}

header .selClassA, .addresses-section .selClassA {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #D6D5D4;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100% !important;
    width: 132px !important;
}
header .custOptionsList, .addresses-section .custOptionsList {
    width: inherit;
}
.searchingWrapp{
    width: calc(100% - 90px);
    position: relative;
}
.searchingSelect ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.searchingWrapp input[type = 'text']{
    width: 100%;
    -webkit-appearance: none;
}
.searchingSelect{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    line-height: 60px;
    border: none;
    border-left: 1px solid #F0EEED;
}
.search-btn{
    z-index: 1;
}










.search-results-wrap {
    width: 100%;
    display: flex;
    margin-top: 50px;
}
.search-results-column {
    width: 30%;
    display: flex;
    flex-direction: column;
    padding-right: 10px;
    box-sizing: border-box;
}
.search-results-subtitle {
    font-family: MullerRegular;
    font-size: 18px;
    line-height: 150%;
    color: #2E2A25;
    border-bottom: 1px solid #F0EEED;
    padding-bottom: 29px;
}
.search-results-map {
    height: 700px;
    width: 70%;
}
.search-results {
    display: flex;
    flex-direction: column;
}
.search-result {
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #F0EEED;
}
.search-result-title {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 150%;
    color: #2E2A25;
}
.search-result-title:hover {
    color: #E73743;
    cursor: pointer;
}
.search-result-address {
    font-family: MullerRegular;
    font-size: 14px;
    line-height: 150%;
    color: #686562;
    margin-top: 5px;
}





.brand-1 {
    height: 1134px;
    background-image: url(../img/brand1.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 120px;
    box-sizing: border-box;
}
.brand-1-wrap, .brand-bottom-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.brand-1-wrap .megatitle, .brand-bottom-wrap .megatitle {
    width: 795px;
}
.brand-1-wrap .pretext, .brand-bottom-wrap .pretext {
    width: 763px;
    margin-top: 20px;
}
.brand-2 {
    height: auto;
    padding-top: 150px;
    padding-bottom: 150px;
}
.brand-2-wrap {
    display: flex;
    justify-content: space-between;
}
.brand-2-col {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-right: 130px;
    width: 400px;
}
.brand-2 img {
    transition: opacity .4s, -webkit-transform 1s;
    transition: transform 1s, opacity .4s;
    transition: transform 1s, opacity .4s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform;
}
.brand-2-col.loaded img, .brand-2-pic.loaded img {
    opacity: 1;
    transform: scale(1);
}

.brand-2-col .megatitle, .brand-2-col .pretext {
    text-align: left;
}
.brand-2-col .pretext {
    margin-bottom: 20px;
}
.brand-2-col .megatitle {
    margin-bottom: 30px;
}
.brand-2-col-pic {
    margin-top: 50px;
    margin-bottom: 80px;
    overflow: hidden;
}
.brand-2-pic {
    width: 664px;
}
.brand-2-pic img {
    width: 100%;
    position: sticky;
    top: 0;
}
.brand-2-pic.sticky {
    position: fixed;
    top: 0;
    left: 669px;
}
.brand-bottom {
    height: 1170px;
    background-image: url(../img/brand-bottom.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-top: 150px;
    box-sizing: border-box;
    background-color: #FAF7F2;
}
.brand-3 {
    background: #E63743;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing: border-box;
    height: auto;
}
.brand-3-wrap {
    display: flex;
    flex-wrap: wrap;
}
.brand-3-wrap .pretext-wh {
    padding-right: 120px;
    box-sizing: border-box;
    
}
.brand-3-wrap .megatitle-wh {
    text-align: left;
    width: 892px;
}
.brand-3-video {
    position: relative;
    margin-top: 100px;
    width: 100%;
    height: 600px;
}
.brand-3-video iframe {

}
.brand-4 {
    height: 1990px;
    padding-top: 150px;
    padding-bottom: 150px;
    box-sizing: border-box;
    position: relative;

}
.brand-4-wrap .megatitle {
   text-align: left;
}
.brand-item {
    width: 370px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
}
.brand-item1 {
    top: 150px;
    right: 18%;
}
.brand-item2 {
    top: 395px;
    left: 18%;
}
.brand-item3 {
    top: 665px;
    right: 18%;
}
.brand-item4 {
    top: 915px;
    left: 18%;
}
.brand-item5 {
    top: 1185px;
    right: 18%;
}
.brand-item6 {
    top: 1430px;
    left: 18%;
}
.brand-item .megatitle {
    margin-top: 30px;
}
#brand-line {
    position: absolute;
    top: 270px;
    bottom: 150px;
    left: 140px;
    right: 140px;
    z-index: -1;
}
#brand-line-mob {
    display: none;
}
.brand-spec-wrap {
    display: flex;
    flex-direction: column;
}
.brand-item-pic {
    overflow: hidden;
    height: 250px;
    width: 100%;
}
.brand-item-pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#brand-line svg {
    width: 100% !important;
    height: 95% !important;
}
.coveringLoadingElement {
    display: none !important;
}
.success-popup .pink-btn {
    width: 180px;
}


.product .megatitle, .product .subtitle {
    color: #8B3396;
}
.product .HOVER, .product .bar-color {
    background: #8B3396;
}



.cartСategories{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    font-family: MullerRegular, sans-serif;
    color: #686562;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    line-height: 1.3em;
    position: relative;
    z-index: 1; 
}
.absoluteCenter{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.cartСategories .imagePart{
    width: 83px;
    height: 83px;
    border-radius: 41.5px;
    position: relative;
    overflow: hidden;
}
.cartСategories > li{
    width: 83px;
}
.cartСategories > li > a{
    display: block;
    cursor: pointer;
}
.cartСategories .productName{
    padding-top: 8px;
    color: #686562;
}
.cartСategories .firstImWrapper{
    width: 75px;
    height: 75px;
    border-radius: 37.5px;
    background-color: #FCFCFC;
    z-index: 2;
}
.cartСategories .secondImWrapper{
    width: 66px;
    height: 66px;   
    border-radius: 33px;
    box-sizing: border-box;
    border: 2px solid #fce8cc;
    overflow: hidden;   
    transition-property: border-color, border-width;
    -webkit-transition-property: border-color, border-width;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
.cartСategories .thirdImageWrapper{
    background-color: #fb9e11;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    opacity: 0;
    transition-property: opacity, transform;
    -webkit-transition-property: opacity, transform;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}
/*Класс Active нужной ссылке можно навешивать после загрузки страницы*/
/*либо при скроле экрана до меню*/
.cartСategories > li > a:hover .thirdImageWrapper,
.cartСategories > li > a.active .thirdImageWrapper{
    opacity: 1;
    transform: scale(7);
}
.cartСategories > li > a:hover .secondImWrapper,
.cartСategories > li > a.active .secondImWrapper{
    border-color: transparent;
    border-width: 0;
}
.cartСategories .secondImWrapper{
    display: flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.cartСategories .productImage{
//  width: 75%;
//  height: 75%;
//  background-position: center center;
//  background-repeat: no-repeat;
//  background-size: contain;
//  transition-property: width, height;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    position: relative;
    z-index: 1;
//  background-image: url('http://crimeacow.com/catalog/view/theme/img/cheese5.png'); 
    width: 90%;
}
.cartСategories > li > a:hover .productImage,
.cartСategories > li > a.active .productImage{
//  width: 85%;
//  height: 85%;
    width: 100%;
}
.cartСategories .ringWrapper{
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1s;    
    transition-timing-function: linear;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1s;    
    -webkit-transition-timing-function: linear;    
}
.cartСategories a.active .ringWrapper{
    opacity: 1;
}
.cartСategories .ringWrapper,
.cartСategories .pseudoRing{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.cartСategories .ringWrapper .pseudoRing{
    background-color: #fb9e11;  
    transform: rotateZ(-115deg);
    transition-duration: 3s;
    transition-property: transform;
    transition-delay: 0;
    transition-timing-function: linear;
    -webkit-transition-duration: 3s;
    -webkit-transition-property: transform;
    -webkit-transition-delay: 0;
    -webkit-transition-timing-function: linear;
}
.cartСategories a.active .ringWrapper .pseudoRing{
    transform: rotateZ(0);
    transition-delay: 1s;   
}
.cartСategories .ringWrapper .pseudoRing::before,
.cartСategories .ringWrapper .pseudoRing::after{
    content: '';
    display: clock;
    background-color: #fce8cc;
    position: absolute;
}
.cartСategories .ringWrapper .pseudoRing::before{
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.cartСategories .ringWrapper .pseudoRing::after{
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
}
.cartСategories .ringCoveringEl{
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #fce8cc; 
    z-index: 1;
}
/* Вся окружность */


.cartСategories > li.arced .productImage{
	width: 85%;
	height: 85%;
}
.cartСategories > li.arced .thirdImageWrapper{
/*	opacity: 1;
	transform: scale(7);*/
	animation-name: thirdImageAnim;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-timing-function: linear;
}
.cartСategories > li.arced .secondImWrapper{
	border-color: transparent;
	border-width: 0;
}
.cartСategories li.arced .ringWrapper{
	opacity: 1;
}
.cartСategories .productImage{
    object-fit: contain;
	animation-name: menuProductImageAnim;
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-timing-function: linear;	
}
@keyframes menuProductImageAnim{
	from{
		
	}to{
		width: 85%;
		height: 85%;
	}
}
@keyframes thirdImageAnim{
	from{
		opacity: 0;
		transform: scale(1);
	}to{
		transform: scale(7);
		opacity: 1;
	}
} 
/*- animation -*/
.cartСategories > li{
    animation-name: cartСategoriesItems;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-timing-function: linear;  
    animation-play-state: paused;
    -webkit-animation-name: cartСategoriesItems;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-timing-function: linear;  
    -webkit-animation-play-state: paused;
}
.cartСategories > li.runningAnimation{/*класс нужно навесить, если пункты появляются не сразу на экране, а после скрола вниз*/
    animation-play-state: running;  
    -webkit-animation-play-state: running;      
}
@keyframes cartСategoriesItems{
    from{
        transform: scale(0.8);
    }to{
        transform: scale(1);
    }
}
@-webkit-keyframes cartСategoriesItems{
    from{
        transform: scale(0.8);
    }to{
        transform: scale(1);
    }
}


/*- animation end -*/

/*-- colors --*/
.cartСategories .blue .thirdImageWrapper,
.cartСategories .blue .ringWrapper .pseudoRing{
    background-color: #0cacca;
}
.cartСategories .blue .secondImWrapper{
    border-color: #ccecf2;
}
.cartСategories .blue .ringWrapper .pseudoRing::before,
.cartСategories .blue .ringWrapper .pseudoRing::after,
.cartСategories .blue .ringCoveringEl{
    background-color: #ccecf2;
}

.cartСategories .rose .thirdImageWrapper,
.cartСategories .rose .ringWrapper .pseudoRing{
    background-color: #a90e4f;
}
.cartСategories .rose .secondImWrapper{
    border-color: #ebccd9;
}
.cartСategories .rose .ringWrapper .pseudoRing::before,
.cartСategories .rose .ringWrapper .pseudoRing::after,
.cartСategories .rose .ringCoveringEl{
    background-color: #ebccd9;
}

.cartСategories .rose .thirdImageWrapper,
.cartСategories .rose .ringWrapper .pseudoRing{
    background-color: #a90e4f;
}
.cartСategories .rose .secondImWrapper{
    border-color: #ebccd9;
}
.cartСategories .rose .ringWrapper .pseudoRing::before,
.cartСategories .rose .ringWrapper .pseudoRing::after,
.cartСategories .rose .ringCoveringEl{
    background-color: #ebccd9;
}

.cartСategories .paleRed .thirdImageWrapper,
.cartСategories .paleRed .ringWrapper .pseudoRing{
    background-color: #e8393b;
}
.cartСategories .paleRed .secondImWrapper{
    border-color: #f8d1d2;
}
.cartСategories .paleRed .ringWrapper .pseudoRing::before,
.cartСategories .paleRed .ringWrapper .pseudoRing::after,
.cartСategories .paleRed .ringCoveringEl{
    background-color: #f8d1d2;
}

.cartСategories .purple .thirdImageWrapper,
.cartСategories .purple .ringWrapper .pseudoRing{
    background-color: #8b3396;
}
.cartСategories .purple .secondImWrapper{
    border-color: #eedae7;
}
.cartСategories .purple .ringWrapper .pseudoRing::before,
.cartСategories .purple .ringWrapper .pseudoRing::after,
.cartСategories .purple .ringCoveringEl{
    background-color: #eedae7;
}

.cartСategories .yellow .thirdImageWrapper,
.cartСategories .yellow .ringWrapper .pseudoRing{
    background-color: #ffbb00;
}
.cartСategories .yellow .secondImWrapper{
    border-color: #fbf1cf;
}
.cartСategories .yellow .ringWrapper .pseudoRing::before,
.cartСategories .yellow .ringWrapper .pseudoRing::after,
.cartСategories .yellow .ringCoveringEl{
    background-color: #fbf1cf;
}

.cartСategories .yellow2 .thirdImageWrapper,
.cartСategories .yellow2 .ringWrapper .pseudoRing{
    background-color: #fb9e11;
}
.cartСategories .yellow2 .secondImWrapper{
    border-color: #fce9cc;
}
.cartСategories .yellow2 .ringWrapper .pseudoRing::before,
.cartСategories .yellow2 .ringWrapper .pseudoRing::after,
.cartСategories .yellow2 .ringCoveringEl{
    background-color: #fce9cc;
}

.cartСategories .caramel .thirdImageWrapper,
.cartСategories .caramel .ringWrapper .pseudoRing{
    background-color: #c34e18;
}
.cartСategories .caramel .secondImWrapper{
    border-color: #e2d9d4;
}
.cartСategories .caramel .ringWrapper .pseudoRing::before,
.cartСategories .caramel .ringWrapper .pseudoRing::after,
.cartСategories .caramel .ringCoveringEl{
    background-color: #e2d9d4;
}

.cartСategories .salad .thirdImageWrapper,
.cartСategories .salad .ringWrapper .pseudoRing{
    background-color: #0c902a;
}
.cartСategories .salad .secondImWrapper{
    border-color: #cdddd2;
}
.cartСategories .salad .ringWrapper .pseudoRing::before,
.cartСategories .salad .ringWrapper .pseudoRing::after,
.cartСategories .salad .ringCoveringEl{
    background-color: #cdddd2;
}

.cartСategories .blue2 .thirdImageWrapper,
.cartСategories .blue2 .ringWrapper .pseudoRing{
    background-color: #1495d7;
}
.cartСategories .blue2 .secondImWrapper{
    border-color: #d1e5e3;
}
.cartСategories .blue2 .ringWrapper .pseudoRing::before,
.cartСategories .blue2 .ringWrapper .pseudoRing::after,
.cartСategories .blue2 .ringCoveringEl{
    background-color: #d1e5e3;
}

/*-- colors end --*/

.search-btn{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;  
    cursor: pointer;
}


/*-- для слайдера --*/
/*ul.cowPageSlider{
    position: relative;
    left: 0;
    top: 0;
}*/

[data-cowPageSlide]{
    box-sizing: border-box;
//  border: 1px solid black;
    min-height: 100vh;
    line-height: 5em;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display: none;
    overflow:hidden;
    padding-left: 400px;
}
ul.cowPageSliderMenu{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding-left: 10px;
    z-index: 1;
}
.cowPageSliderMenu > li:nth-of-type(1n + 2){
    margin-top: 10px;
}
.cowPageSliderMenu > li > a{
    display: block;
    cursor: pointer;
    transition-property: color;
    transition-duration: 0.5s;
}
.cowPageSliderMenu > li > a.active{
    color: red;
}
section{
//  height: auto;
}
/*-- для слайдера завершение--*/

/*-- для анимации товара --*/
.animatedProductA{
    width: 400px;
    height: 400px;  
//  background-color: green;
    width: 550px;
    height: 550px;
    width: 597px;
    height: 597px;          
//  transform: translateY(-50px);
    flex-grow: 0;
    flex-shrink: 0; 
    flex-basis: auto;
}
.animatedProductSlideWrapper{
    width: 60%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
    align-items: center;    
}
.animatedProductSlideWrapper .innerImage{
    position: absolute;
}
.animatedProductSlideWrapper .onion{
    width: 316px;
    height: 211px;
    top: 40%;
    right: 40px;
}
.animatedProductSlideWrapper .thyme{
    width: 264px;
    height: 161px;
    right: 30px;
    top: 50%;
}
.animatedProductSlideBox{

}
body.withAnimatedProduct{
    overflow: hidden;
}
html{
    scroll-behavior: auto;
}
.coveringLoadingElement{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, #2e5da6 0%, #589ed7 100%);
    z-index: 2;
    font-family: TTMasters-Bold, sans-serif;
    line-heght: normal;
    color: white;
    font-size: 24px;
    text-align: center;
    box-shadow: 2px 2px 2px rgba(100,100,100,0.7);
}
.infoWrapper{
    transform: translateY(-20%);    
}
.coveringLoadingElement .preloadingTitle{
    font-size: 30px;
}


.animationElement{
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
}
.testAnimatoinEl{
    width: 400px;
    height: 400px;
}
section.cart-specif{
    padding-top: 0;
    box-sizing: border-box;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-image: url('../img/leaf.png'); 
}

/*-- для анимации товара завершение--*/
/*верхний*/

.cart-top{
    padding-top: 90px;
    top: 0;
    margin-bottom: 0;
//  border-bottom: 1px solid green; 
}





.blog-description-wrap {
    width: 100%;
    padding-top: 120px;
    height: auto;
}
.blog-description {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.blog-description .megatitle {
    text-align: left;
    width: 535px;
    margin-bottom: 20px;
}
.blog-description .preview-text {
    font-size: 18px;
}
.blog-descr-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
    box-sizing: border-box;
    padding-right: 30px;
}
.blog-descr-text p {
    margin: 0;
}
.blog-descr-text p:last-child {
    margin-top: 40px;
}
.blog-descr-pic {
    width: 50%;
    overflow: hidden;
}
.blog-descr-pic img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.map-switcher {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 40px;
    z-index: 2;
}

#to-top {
    width: 60px;
    height: 60px;
    background-color: #E73743;
    position: fixed;
	opacity: 0;
    bottom: 50px;
    left: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
#to-top:before {
    content: url('../img/arrow-totop.svg');
    display: block;
}
#map-moskva {
    display: none;
}

.youtube-channel {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 40px;
}
.youtube-channel a {
    width: 245px;
    border: 1px solid #FCFCFC;
}
.megatitle .info-name {
    font-size: 50px;
}
.megatitle .info-category {
    text-transform: none;
    font-size: 40px;
}

.video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
}
.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/*- попап формы обратной связи -*/
/*.success-popup{
	display: flex;
}*/

/*- попап формы обратной связи -*/

.product__btns-box {
    max-width: 240px;
    border: 1px solid #F0EEED;
    border-radius: 100px;
}
.product__btns {
    display: flex;
    gap: 10px;
}
.product__btn {
    border-radius: 100px;
    padding: 12px 30px;
    transition: background-color .3s;
}
.product__btn a {
    transition: color .3s;
}
.product__btn--active {
    transition: background-color .3s;
}
.product__btn--active a {
    color: #fff !important;
    transition: color .3s;
}

.product__img img {
    height: 100%;
    object-fit: contain;
}

.dish_items .article-text p {
    display: inline;
}
.recommended-wrap-mob {
    width: 100%;
}

.wpc-filters-widget-wrapper {
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
}
@media (max-width: 700px) {
    .wpc-filters-widget-wrapper {
        display: block !important;
    } 
    .wpc-filters-section {
        max-width: 100% !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}
.wpc-filter-title {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 22px;
}
.wpc-filters-section {
    margin-bottom: 0 !important;
}
@media (max-width: 700px) {
    .wpc-filters-section {
        margin-bottom: 20px !important;
    }
}
.wpc-filters-widget-content select {
    font-family: MullerRegular;
    font-size: 16px;
    line-height: 42px;
    min-height: 48px !important;
    background-color: transparent;
    border: 1px solid #F0EEED;
    border-radius: 5px;
    color: #80776F;
    outline: none;
    margin-bottom: 0 !important;
}
.wpc-filter-layout-submit-button {
    max-width: 170px !important;
}
@media (max-width: 700px) {
    .wpc-filter-layout-submit-button {
        max-width: 100% !important;
    }
}
.wpc-filters-submit-button {
    font-family: TTMasters-Bold;
    font-size: 14px;
    line-height: 16px;
    max-width: 170px !important;
    width: 170px !important;
    height: 36px;
    border-radius: 90px !important;
}
@media (max-width: 700px) {
    .wpc-filters-submit-button {
        max-width: 100% !important;
        width: 100% !important;
    }
}
.wpc-filters-reset-button {
    display: none !important;
}

.about__mission-video iframe {
    width: 100%;
    height: 100%;
}

.megatitle {
    width: 100% !important;
}
.managers__items {
    display: flex;
    width: 100%;
    gap: 24px;
    padding-left: 0;
    margin-top: 55px;
}
@media (max-width: 991px) {
    .managers__items {
        display: block;
    }
}
.managers__item {
    width: 100%;
}
@media (max-width: 991px) {
    .managers__item:not(:last-child) {
        margin-bottom: 24px;
    }
}
.managers__box {
    position: relative;
    max-width: 420px;
    max-height: 420px;
    margin: 0 auto;
}
@media (max-width: 991px) {
    .managers__box {
        max-width: 240px;
        max-height: 240px;
    }
}
.managers__box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../img/managers-circle.svg');
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
}
.managers__img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.managers__item-title {
    font-family: TTMasters-Bold;
    font-size: clamp(18px, calc((100vw * 40) / 1920), 40px);
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 4px;
}
.managers__post {
    display: block;
    font-family: MullerRegular;
    font-size: clamp(16px, calc((100vw * 24) / 1920), 24px);
    text-align: center;
    color: #686562;
    margin-bottom: 16px;
}
.managers__mail {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: ShantellSansLight;
    font-size: clamp(16px, calc((100vw * 24) / 1920), 24px);
    color: #E73743;
    gap: 12px;
}
.managers__mail::before {
    content: '';
    display: block;
    width: clamp(26px, calc((100vw * 36) / 1920), 36px);
    height: clamp(26px, calc((100vw * 36) / 1920), 36px);
    background-image: url('../img/managers-mail.svg');
    background-repeat: no-repeat;
    background-size: contain;
}