/* Start:/local/components/header/main/templates/.default/style.css?17493189591005*/
.header-list_s_active{
    color: #e6af9a;
}

.chat-container {
    position: fixed;
    display: flex;
    flex-direction: column;
    right: 10px;
    bottom: 10px;
    z-index: 10;
  }
  
  .message {
    display: flex;
    bottom: 5px;
    flex-direction: row-reverse;
    filter: drop-shadow(1px 1px 3px black);
  }
  
  .message svg {
    flex-shrink: 0;
    position: relative;
    margin-left: 18px;
  }
  
  .chat-bubble {
    position: relative;
    background-color: #F5F5DC;
    padding: 10px;
    height: 60px;
    margin-top: 10px;
    border-radius: 20px 20px 20px 20px;
  }

  .chat-bubble:before {
    content: '';
    left: initial;
    position: absolute;
    right: 0;
    top: 50%;
    width: 13px;
    height: 13px;
    background-color: #F5F5DC;
    transform: translateY(-50%) translateX(50%) rotate(45deg);
  }
  
  .chat-bubble p {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.3;
    color: black;
  }

/* End */


/* Start:/local/templates/cofefest/src/css/swiper-bundle.min.css?174931896113946*/
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* End */


/* Start:/local/templates/cofefest/src/css/main.css?1749318961360780*/
@charset "UTF-8";

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: Circe;
    font-size: 7.5px;
    font-style: normal;
    font-weight: 400;
    -webkit-animation: 1s infinite bugfix;
    line-height: 1;
    margin: 0;
    padding: 0
}

body {
    font-style: normal;
    font-weight: 400;
    -webkit-animation: 1s infinite bugfix;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    color: #35415c;
    background: #fff;
    position: relative
}

input,
textarea {
    -webkit-animation: 1s infinite bugfix;
    line-height: inherit;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    color: inherit
}

a {
    color: unset
}

a,
a:hover {
    text-decoration: none
}

a,
button,
input,
textarea {
    outline: 0;
    cursor: pointer;
    font: inherit
}

a:active,
a:focus,
button:active,
button:focus,
input:active,
input:focus,
textarea:active,
textarea:focus {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: inherit;
    margin: 0;
    padding: 0
}

p {
    margin-top: 0;
    margin-bottom: 0
}

img {
    width: 100%;
    height: auto;
    display: block
}

button {
    border: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    padding: 0;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

ul {
    padding: 0;
    margin: 0
}

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

.container {
    width: 160rem;
    margin: 0 auto
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@media (max-width:1200px) {
    html {
        font-size: .59vw
    }

    .container {
        width: 160rem
    }
}

@media (max-width:48em) {
    html {
        font-size: 1.3333333333vw;
        -webkit-text-size-adjust: none
    }

    body {
        -webkit-text-size-adjust: none
    }

    .container {
        padding: 0 4rem;
        width: 100%
    }
}

.error-404 {
    margin-top: 14.4rem
}

.text-gray {
    color: #797979
}

.text-white {
    color: #fff9ee
}

.text-gold {
    color: #e6af9a
}
.text-golden {
    color: #e6af9a
}

.biege-section {
    background-color: #f1ded0
}

.biege-section-clear,
.light-section-clear {
    background-color: #fff9ee
}

.map-btn__wrapper {
    padding: 1.4rem 3.6rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.map-btn__wrapper span {
    width: 2.4rem;
    height: 2.4rem
}

.controlls {
    display: flex;
    align-items: center;
    gap: 3.3rem;
    height: 5.1rem;
    margin-bottom: .9rem
}

.controlls:focus {
    outline: 0
}

.controlls__count-value {
    color: #35415c;
    font-family: Circe;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

.controlls__count-value:focus {
    outline: 0
}

.controlls__count-btn:first-child {
    background-image: url(/local/templates/cofefest/src/css/../images/svg/generic/minus.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.2rem;
    height: 1.2rem
}

.controlls__count-btn:last-child {
    background-image: url(/sprite.svg#plus);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 1.2rem;
    height: 1.2rem
}

.controlls__count-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .35s;
    transform: scale(1)
}

.controlls__count-btn:focus {
    outline: 0
}

.card-det-section {
    position: relative;
    padding-bottom: 0 !important;
    background-image: url(/local/templates/cofefest/src/css/../images/background-card-det-left.webp), url(/local/templates/cofefest/src/css/../images/background-card-det-right.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center, right center
}

.card-det-section__bg-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28.8rem;
    height: 85.2rem;
    transform: rotate(180deg);
    z-index: 1
}

.card-det-section__bg-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.card-det-section__bg-left {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 28.8rem;
    height: 85.2rem;
    z-index: 1
}

.card-det-section__bg-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.light-section {
    background: url(/local/templates/cofefest/src/css/../images/background-2.webp) center/cover no-repeat
}

@media (max-width:48em) {
    .light-section {
        background-image: url(/local/templates/cofefest/src/css/../images/background-2-mobile.webp);
        background-position: center
    }
}

.white-arrow-btn {
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color .2s ease-in-out;
    background: #fff9ee
}

.white-arrow-btn .arrow-link__icon {
    width: 2.9rem;
    height: 1.3rem;
    fill: #29354d;
    transform: translateY(0)
}

.white-arrow-btn:hover {
    background-color: #e6af9a
}

.section {
    padding-top: 15rem;
    padding-bottom: 15rem
}

@media (max-width:48em) {
    .white-arrow-btn {
        width: 14rem;
        height: 14rem
    }

    .white-arrow-btn .arrow-link__icon {
        display: block;
        width: 5.2rem;
        height: auto;
        fill: #29354d;
        transform: translateY(0)
    }

    .section {
        padding-top: 9.6rem;
        padding-bottom: 9.6rem
    }
}

.section--small {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.hero-section {
    padding-top: 22.4rem
}

.heading1 {
    font-weight: 700;
    font-family: "El Messiri";
    font-size: 9.6rem;
    line-height: 1
}

@media (max-width:48em) {
    .hero-section {
        padding-top: 24rem
    }

    .heading1 {
        font-size: 8rem;
        line-height: 1.2;
        letter-spacing: .2rem
    }
}

.heading2 {
    font-weight: 700;
    font-size: 6rem;
    line-height: 1;
    color: #35415c
}

@media (max-width:48em) {
    .heading2 {
        font-size: 5.2rem;
        line-height: 1.2
    }
}

.heading3 {
    font-weight: 700;
    font-size: 3rem;
    line-height: 3.6rem
}

@media (max-width:48em) {
    .heading3 {
        font-size: 4.4rem;
        line-height: 1.2
    }
}

.heading4 {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.3;
    text-transform: uppercase
}

@media (max-width:48em) {
    .heading4 {
        font-size: 3.6rem;
        line-height: 1.5
    }
}

.heading5 {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (max-width:48em) {
    .heading5 {
        font-size: 3.6rem;
        line-height: 5.4rem;
        letter-spacing: .1em
    }
}

.square-btn {
    padding: 1.4rem 3.6rem;
    display: inline-block;
    position: relative;
    color: #e3bca0;
    font-weight: 700;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .9px;
    text-transform: uppercase;
    border: .2rem solid #e3bca0;
    text-transform: uppercase;
    transition-property: color, background-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.square-btn:hover:not(:focus-visible) {
    background-color: #e3bca0;
    color: #35415c
}

@media (max-width:48em) {
    .square-btn {
        padding: 2.8rem 7.2rem;
        font-size: 3.2rem;
        line-height: 1.2
    }
}

.square-btn--margin {
    margin-top: 3rem
}

.square-btn.blue-square-btn {
    border-color: #35415c;
    color: #35415c
}

.arrow-link {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: 1.4rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .9px;
    text-transform: uppercase;
    color: #35415c
}

@media (hover:hover) {
    .square-btn.blue-square-btn:hover {
        border-color: #fff9ee;
        background: rgba(35, 41, 62, .3);
        color: #fff9ee
    }

    .arrow-link:hover {
        color: #e3bca0
    }

    .arrow-link:hover .arrow-link__icon {
        fill: #e3bca0
    }
}

.arrow-link__icon {
    width: 2.9rem;
    height: 1.3rem;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translateY(-.2rem)
}

@media (max-width:48em) {
    .arrow-link {
        gap: 2rem;
        font-size: 3.2rem;
        line-height: 1.2;
        letter-spacing: .48px
    }

    .arrow-link__icon {
        width: 5.6rem;
        height: 2.8rem
    }
}

.btn {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.3rem;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media (max-width:48em) {
    .btn {
        font-size: 3.2rem;
        line-height: 3.8rem;
        letter-spacing: .03em
    }
}

.stroke-btn {
    padding: 2.4rem 3.6rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .9px;
    text-transform: uppercase;
    text-align: center;
    border: .2rem solid #35415c;
    transition-property: color, background-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

@media (max-width:48em) {
    .stroke-btn {
        padding: 4.8rem 7.2rem;
        font-size: 3.2rem;
        line-height: 1.2;
        letter-spacing: .48px;
        width: -moz-max-content;
        width: max-content
    }
}

.light-btn {
    background-color: rgba(230, 176, 154, .2);
    color: #fff9ee;
    border-color: #fff9ee
}

.light-btn:hover:not(:focus-visible) {
    background-color: #fff9ee;
    color: #35415c
}

.blue-btn {
    border-color: #35415c;
    color: #35415c
}

.blue-btn:hover:not(:focus-visible) {
    background-color: #35415c;
    color: #f1ded0
}

.text1 {
    font-size: 1.8rem;
    line-height: 1.4
}

@media (max-width:48em) {
    .text1 {
        font-size: 2.8rem
    }
}

.filter-result-item {
    display: none !important;
    padding-right: 3.4rem;
    background-image: url(/local/templates/cofefest/src/css/sprite.svg#dark-crest);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.filter-result-item.active {
    display: flex !important
}

.text2 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25
}

.text-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 14.5rem
}

.text-container__parag {
    max-width: 78.3rem;
    display: flex;
    gap: 3rem;
    flex-direction: column
}

@media (max-width:48em) {
    .text2 {
        font-size: 2.8rem;
        line-height: 140%
    }

    .text-container {
        margin-top: 11rem;
        flex-direction: column;
        gap: 5rem
    }

    .text-container__parag {
        max-width: 100%;
        gap: 5rem
    }
}

.menu {
    font-size: 2rem;
    line-height: 1.25
}

@media (max-width:48em) {
    .menu {
        font-size: 2.8rem;
        line-height: 1.4
    }
}

.btns-caps {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .9px;
    text-transform: uppercase;
    transition-property: color, border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.filter-btn span {
    padding-left: 3.6rem;
    background-image: url(/sprite.svg#filter);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain
}

.input-container {
    position: relative;
    width: 100%
}

.input-container input[type=date] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    padding-right: .5em;
    position: relative
}

.input-container input[type=date]::after {
    width: 30%;
    height: 100%;
    content: "";
    background-color: #fff9ee;
    right: 0;
    position: absolute
}

.input-container.success .input {
    width: 100%;
    border-color: #67a7ac
}

.input-container.success .icon.invalid {
    opacity: 0
}

.input-container.success .icon.success {
    opacity: 1
}

.input-container.invalid .input {
    border-color: #35415c
}

.input-container.invalid .icon.invalid {
    opacity: 1
}

.input-container.invalid .icon.success {
    opacity: 0
}

.input-container.invalid .input-status {
    display: block;
    color: #e6af9a
}

.input-container .input {
    padding: 3.7rem 7.2rem 1.2rem 3.5rem;
    width: 100%;
    height: 7.4rem;
    font-size: 2rem;
    line-height: 2.5rem;
    border: .2rem solid #f1ded0;
    border-radius: 0;
    color: #383a39;
    background-color: #fff9ee;
    transition-property: border-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.input-container .input::-moz-placeholder {
    color: transparent
}

.input-container .input::placeholder {
    color: transparent
}

.input-container .input:not(:-moz-placeholder-shown)+.input-label {
    transform: translateY(-1.3rem)
}

.input-container .input-webkit-autofill+.input-label,
.input-container .input:focus-visible+.input-label,
.input-container .input:not(:placeholder-shown)+.input-label {
    transform: translateY(-1.3rem)
}

.input-container .input-label {
    position: absolute;
    top: 2.5rem;
    left: 3.5rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
    color: #bababa;
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    cursor: pointer
}

.input-container .input-label--textarea {
    width: 80%;
    background-color: #fff9ee
}

.input-container .icon {
    position: absolute;
    top: 50%;
    right: 4rem;
    width: 2.4rem;
    height: 2.4rem;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translateY(-50%)
}

.input-container .icon.invalid {
    opacity: 0;
    background-image: url(/sprite.svg#invalid);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 92%
}

.input-container .icon.success {
    opacity: 0;
    background-image: url(/sprite.svg#succes);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.input-container .input-status {
    position: absolute;
    bottom: -2rem;
    left: 0;
    margin: .4rem 0 0 3.5rem;
    font-size: 1.4rem;
    line-height: 140%;
    display: none
}

@media (max-width:48em) {
    .btns-caps {
        font-size: 3.6rem;
        line-height: 1.5
    }

    .input-container .input-status {
        bottom: -4rem;
        font-size: 2.8rem
    }

    .input-container .input {
        padding: 5.2rem 14.8rem 1.2rem 5rem;
        font-size: 2.8rem;
        line-height: 4rem;
        border-width: .2rem;
        height: 10.4rem
    }

    .input-container .input:not(:-moz-placeholder-shown)+.input-label {
        transform: translateY(-2rem)
    }

    .input-container .input-webkit-autofill+.input-label,
    .input-container .input:focus-visible+.input-label,
    .input-container .input:not(:placeholder-shown)+.input-label {
        transform: translateY(-2rem)
    }

    .input-container .input-label {
        top: 3.2rem;
        left: 5rem;
        font-size: 2.8rem;
        line-height: 4rem
    }

    .input-container .icon {
        right: 5rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .input-container.invalid .icon {
        top: 50%
    }
}

.heading-biege {
    color: #e3bca0
}

.box-biege {
    width: 100%;
    padding: 4.4rem 4rem 6.2rem;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 5rem 5rem;
    background: #f1ded0
}

.box-blue {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    padding: 4rem;
    border-radius: 0 0 5rem 5rem;
    background: #35415c
}

.red-btn {
    padding: 2.4rem 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.3rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-align: center;
    color: #fffcf8;
    background-color: #51283f;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    border-radius: 9.4rem
}

.red-btn .arrow {
    width: 2.9rem;
    height: 1.3rem;
    -o-object-fit: contain;
    object-fit: contain
}

.red-btn:hover {
    background-color: #203d3c
}

.red-btn.disable {
    background-color: rgba(156, 63, 102, .2)
}

@media (max-width:48em) {
    .red-btn {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem;
        width: 100%;
        font-size: 3.2rem;
        line-height: 3.8rem
    }

    .red-btn span {
        margin-right: 4rem
    }

    .red-btn .arrow {
        width: 5.6rem;
        height: 2.6rem
    }
}

.sidebar-tabs__item:not(:last-child) {
    margin-bottom: 1rem
}

.sidebar-tabs__item-btn {
    padding: 2.2rem 2.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #383a39;
    background-color: transparent;
    transition: background-color .2s ease-in-out
}

.sidebar-tabs__item-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #e6af9a;
    border-radius: 0 .5rem .5rem 0;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.sidebar-tabs__item-btn.active {
    font-weight: 700
}

.sidebar-tabs__item-btn.active::after {
    opacity: 1
}

.sidebar-tabs__item-btn__icon {
    margin-right: 1.6rem;
    width: 2.8rem;
    height: 2.8rem
}

@media (max-width:48em) {
    .sidebar-tabs__item:not(:last-child) {
        margin-bottom: 1.2rem
    }

    .sidebar-tabs__item-btn {
        padding: 3.3rem 4.4rem;
        font-size: 2.8rem;
        line-height: 4rem
    }

    .sidebar-tabs__item-btn__icon {
        margin-right: 2rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .sidebar-tabs__item-btn::after {
        width: .4rem;
        border-radius: 0 1rem 1rem 0
    }
}

.section-tags {
    display: flex;
    gap: 5rem;
    align-items: center;
    height: 3.6rem
}

.section-tags__item-btn {
    font-size: 2rem;
    line-height: 1.25;
    color: #35415c;
    height: 3.6rem;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    align-items: center;
    transition: .2s ease-in-out
}

.section-tags__item-btn.active {
    color: #35415c;
    font-family: Circe;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.swiper-controllers .swiper-next,
.swiper-controllers .swiper-prev {
    position: absolute;
    top: 50%;
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: .2rem solid #e3bca0;
    z-index: 1;
    transition: background-color .2s ease-in-out;
    cursor: pointer
}

.swiper-controllers .swiper-next .arrow-link__icon,
.swiper-controllers .swiper-prev .arrow-link__icon {
    transform: translate(0)
}

.swiper-controllers .swiper-next:hover,
.swiper-controllers .swiper-prev:hover {
    background-color: #e3bca0
}

.swiper-controllers .swiper-prev {
    left: 0;
    transform: translate(-50%, -50%) scaleX(-1)
}

.swiper-controllers .swiper-next {
    right: 0;
    transform: translate(50%, -50%)
}

.swiper-controllers .swiper-pagination {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-controllers .swiper-pagination .swiper-pagination-bullet {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    opacity: 1;
    background-color: transparent;
    border: .2rem solid #35415c
}

.swiper-controllers .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 1.3rem
}

.swiper-controllers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #35415c
}

.breadcrumbs {
    margin-bottom: 5.7rem;
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 1.25
}

.breadcrumbs__item {
    position: relative;
    display: flex;
    align-items: center
}

.breadcrumbs__item:not(:last-child) {
    margin-right: 2.4rem
}

.breadcrumbs__item:not(:last-child)::after {
    content: "/";
    position: absolute;
    right: -1.5rem;
    font-size: 2rem;
    line-height: 1.25;
    color: #35415c;
    top: 0
}

.breadcrumbs__item:last-child .breadcrumbs__item-link {
    color: #797979
}

.breadcrumbs__item-link {
    color: #35415c;
    position: relative;
    align-items: center;
    display: flex
}

@media (max-width:48em) {
    .swiper-controllers .swiper-pagination .swiper-pagination-bullet {
        width: 3rem;
        height: 3rem
    }

    .swiper-controllers .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
        margin-right: 2.6rem
    }

    .breadcrumbs__item {
        font-size: 2.8rem
    }

    .breadcrumbs__item:first-child {
        margin: 0 3.2rem 0 0
    }

    .breadcrumbs__item-link svg {
        width: 4.6rem;
        height: 4.6rem
    }

    .breadcrumbs__item:not(:last-child):after {
        font-size: 2.8rem
    }

    .breadcrumbs__item:first-child::after {
        top: 1rem;
        right: -1.8rem
    }

    .breadcrumbs__container {
        padding: 0
    }
}

.filters-search-sorting {
    display: flex;
    align-items: flex-start;
    width: 100%
}

.filters-search-sorting .filters-open {
    margin-right: 2.4rem;
    padding: 2.4rem 4rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #fffcf8;
    background-color: #51283f;
    border-radius: 5rem;
    transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.filters-search-sorting .filters-open:hover {
    background-color: #203d3c
}

.filters-search-sorting .filters-open img {
    width: 2.4rem;
    height: 2.4rem;
    -o-object-fit: contain;
    object-fit: contain
}

.filters-search-sorting .search {
    position: relative
}

.filters-search-sorting .search__input {
    padding: 2.45rem 7.9rem;
    width: 41.1rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
    background-color: #faf1ed;
    border-radius: 10rem
}

.filters-search-sorting .search__input::-moz-placeholder {
    color: #797979
}

.filters-search-sorting .search__input::placeholder {
    color: #797979
}

.filters-search-sorting .search__icon {
    position: absolute;
    left: .4rem;
    top: 50%;
    width: 6.3rem;
    height: 6.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%)
}

.filters-search-sorting .search__icon img {
    width: 3rem;
    height: 3rem;
    -o-object-fit: contain;
    object-fit: contain
}

.filters-search-sorting .search__btn {
    position: absolute;
    right: .4rem;
    top: 50%;
    width: 6.3rem;
    height: 6.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #51283f;
    border-radius: 50%;
    transform: translateY(-50%)
}

.filters-search-sorting .search__btn img {
    width: 2.8rem;
    height: 1.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.breadcrumbs__container.container {
    margin-top: 7rem;
}

.tag-btn {
    padding: 1.4rem 3.6rem;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    font-size: 2rem;
    line-height: 1.25;
    border: .2rem solid #35415c;
    color: #35415c;
    height: 5.4rem;
    max-height: 5.4rem;
    min-height: 5.4rem
}

.tag-btn .crest,
.tag-btn svg {
    width: 2.4rem;
    height: 2.4rem
}

.tag-btn--borderless {
    border: none
}

@media (max-width:48em) {
    .tag-btn {
        padding: 3.2rem 4rem;
        font-size: 2.8rem;
        line-height: 140%
    }
}

.password-btn__show {
    z-index: 20;
    transition: .2s ease-in-out;
    position: relative;
    cursor: pointer
}

.password-btn__show:active {
    bottom: -.1rem
}

.play-btn svg {
    width: 8.8rem;
    height: 8.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.play-btn svg path {
    transition: fill .2s ease-in-out
}

.play-btn svg circle {
    transition: stroke .2s ease-in-out
}

.play-btn:hover svg path {
    fill: #e3bca0
}

.play-btn:hover svg circle {
    stroke: #e3bca0
}

.three-item-container {
    display: flex;
    gap: 3.5rem
}

.three-item-container .catalog-card-1 {
    width: 51rem
}

.section-info__card {
    padding: 8rem 6rem;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 5rem 5rem;
    background: url(/local/templates/cofefest/src/css/../images/background-6.webp) top left/cover no-repeat, #35415c
}

.section-info__card.hide {
    display: none
}

.section-info__card.active {
    display: flex !important
}

.section-info__card.mobile-images-hide .section-info__card-right {
    display: flex
}

.section-info__card--big-right-part {
    height: 59rem;
    padding: 0;
    overflow: auto
}

.section-info__card--big-right-part.with-video {
    height: auto
}

.section-info__card--big-right-part .section-info__card-left {
    padding: 8rem 4rem 8rem 6rem;
    width: 50%
}

.section-info__card--big-right-part .section-info__card-right {
    width: 50%;
    height: auto
}

.section-info__card--big-right-part .section-info__card-right__img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    position: relative
}

.section-info__card--big-right-part .section-info__card-right__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.section-info__card-left {
    width: 64rem
}

.section-info__card-left .square-btn {
    margin-top: 4.5rem
}

.section-info__card-left__heading {
    margin-bottom: 2.5rem;
    width: 67.4rem;
    color: #fff9ee
}

.section-info__card-left__subheading {
    margin-bottom: 4.5rem;
    color: #e6af9a
}

.section-info__card-left__description {
    color: #fff9ee
}

.section-info__card-left__description p:not(:last-child) {
    margin-bottom: 1rem
}

.section-info__card-left__link {
    margin-top: 4.5rem
}

.section-info__card-right {
    min-width: 74.4rem;
    gap: 3.2rem;
    height: 49.6rem;
    display: flex;
    justify-content: space-between;
    position: relative
}

.section-info__card-right__large {
    width: 100%;
    height: 100%
}

.section-info__card-right__img {
    width: 37.2rem;
    overflow: hidden;
    border-radius: 0 0 5rem 5rem;
    position: relative
}

.section-info__card-right__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.section-info__card-right__med-img {
    width: 74.4rem;
    height: 49.6rem;
    border-radius: 0 0 5rem 5rem
}

.section-info__card-right__med-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:48em) {
    .section-info__card-right__med-img {
        width: 59rem;
        height: 39.2rem
    }
}

.section-info__card-right>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.section-info__card-right .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section-info__card__video {
    width: 37.2rem;
    height: 100%;
    position: relative;
    border-radius: 0 0 5rem 5rem
}

.section-info__card__video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.section-info__card__video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:48em) {
    .section-info__card {
        padding: 9.6rem 4rem;
        background-image: url(/local/templates/cofefest/src/css/../images/background-6-mobile.webp);
        background-position: center top;
        background-size: cover
    }

    .section-info__card.mobile-images-hide {
        padding-top: 20.6rem
    }

    .section-info__card.mobile-images-hide .section-info__card-right {
        display: none
    }

    .section-info__card.mobile-images-hide .section-info__card-left__heading {
        top: -12rem
    }

    .section-info__card__container {
        flex-direction: column;
        justify-content: flex-start
    }

    .section-info__card-left__heading {
        max-width: 59rem
    }

    .section-info__card-left__description p:not(:last-child) {
        margin-bottom: 2rem
    }

    .section-info__card-right {
        min-width: 59rem
    }

    .section-info__card__left {
        margin-bottom: 8rem;
        width: 100%
    }

    .section-info__card__left-heading {
        margin-bottom: 8rem
    }

    .section-info__card__left-description {
        margin-bottom: 0
    }

    .section-info__card__left-description p:not(:last-child) {
        margin-bottom: 2rem
    }

    .section-info__card__left-description p:last-child {
        margin-bottom: 8rem
    }

    .section-info__card__left-link {
        margin-top: 8rem;
        position: relative;
        left: 100%;
        transform: translateX(-100%)
    }

    .section-info__card__left .arrow-link {
        width: 100%
    }

    .section-info__card__left .arrow-link span {
        margin-left: auto
    }

    .section-info__card__right {
        width: 100%;
        justify-content: space-between
    }

    .section-info__card__right-img {
        margin-right: 0;
        width: 32.6rem;
        height: 42rem;
        border-radius: 0 0 5.2rem 5.2rem
    }

    .section-info__card__right-video {
        width: 32.4rem;
        height: 42rem;
        border-radius: 0 0 5.2rem 5.2rem
    }

    .section-info__card__right-video img {
        max-height: 42rem
    }

    .section-info__card__right .video-js {
        width: 32.6rem;
        height: 42rem
    }

    .section-info__card .square-btn {
        width: 100%;
        text-align: center
    }

    .about-info__card {
        flex-direction: column-reverse
    }

    .about-info__card.section-info__card-big-padding {
        padding-top: 14rem
    }

    .about-info__card.section-info__card-big-padding .section-info__card-left__heading {
        top: -61rem
    }

    .about-info__card .section-info__card-left {
        width: auto;
        position: relative
    }

    .about-info__card .section-info__card-left__heading {
        position: absolute;
        top: -58rem;
        left: 0;
        leading-trim: both;
        text-edge: cap
    }

    .about-info__card .section-info__card-left__link {
        width: 100%;
        text-align: center
    }

    .about-info__card .section-info__card-right {
        width: auto;
        height: auto;
        margin: 12rem 0 8rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .about-info__card .section-info__card-right__img {
        width: 28.4rem;
        height: 37rem
    }

    .about-info__card .section-info__card-right-img {
        width: 28.4rem;
        height: 42rem
    }

    .about-info__card .section-info__card-right .video-js {
        width: 28.4rem;
        height: 37rem
    }

    .about-info__card .section-info__card-right__large .video-js {
        width: 100%;
        height: 36.6rem
    }

    .section-info__card--big-right-part {
        overflow: hidden;
        height: auto;
        flex-direction: column;
        border-radius: 0 0 7.2rem 7.2rem;
        padding: 0
    }

    .section-info__card--big-right-part .section-info__card-left {
        padding: 10rem 4rem 8rem
    }

    .section-info__card--big-right-part .section-info__card-left__heading {
        margin: 0 0 8rem;
        position: static
    }

    .section-info__card--big-right-part .section-info__card-right {
        margin: 0;
        height: 50rem;
        border-radius: 0
    }

    .section-info__card--big-right-part .section-info__card-right .video-js,
    .section-info__card--big-right-part .section-info__card-right__img {
        width: 100%;
        height: 100%
    }

    .franchise-banner.franchise-banner__activities .section-info__card-right {
        margin-top: 17rem
    }

    .franchise-banner.franchise-banner__activities .section-info__card-left__heading {
        top: -63rem
    }

    .franchise-banner .square-btn {
        padding: 2.8rem 6.7rem
    }
}

.accordion .acc-item.active .acc-content {
    opacity: 1;
    transition: .7s ease-in-out;
    opacity: 1
}

.accordion .acc-item .acc-head__right {
    display: flex;
    align-items: center
}

.accordion .acc-item .acc-head__right .text1 {
    margin-right: 3rem
}

.accordion .acc-item .acc-content__list:not(:last-child) {
    margin-bottom: 4.5rem
}

/*.accordion .acc-item .acc-content__list-item {*/
.accordion .acc-item li {
    padding-left: 2rem;
    position: relative
}

/*.accordion .acc-item .acc-content__list-item:not(:last-child) {*/
.accordion .acc-item li:not(:last-child) {
    margin-bottom: .8rem
}

/*.accordion .acc-item .acc-content__list-item::before {*/
/*.accordion .acc-item li::before {
    content: "";
    position: absolute;
    top: .6rem;
    left: 0;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    background-color: #35415c
}*/

.accordion .acc-item .acc-content .request-vacancy-btn {
    position: absolute;
    bottom: 4rem;
    right: 6rem
}

.accordion .acc-item:not(:last-child) {
    margin-bottom: 8rem
}

.accordion .acc-item.active .acc-head .arrow {
    transform: scaleY(1)
}

.accordion .acc-item .acc-head {
    padding: 3.2rem 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(/local/templates/cofefest/src/css/../images/background-head.webp) top left/cover no-repeat, #f1ded0;
    cursor: pointer
}

.accordion .acc-item .acc-head .arrow {
    width: 1.6rem;
    height: 2.8rem;
    -o-object-fit: contain;
    object-fit: contain;
    transform: scaleY(-1);
    transition: transform .3s ease-in-out
}

.accordion .acc-item .acc-head__box {
    width: -moz-fit-content;
    width: fit-content;
    align-items: flex-start;
    display: flex
}

.accordion .acc-item .acc-head__box-text {
    margin-right: .8rem
}

.accordion .acc-item .acc-head__box .cart-icon {
    margin-right: 3.2rem
}

.accordion .acc-item .acc-content {
    max-height: 0;
    position: relative;
    opacity: 0;
    font-weight: 700;
    border-radius: 0 0 5rem 5rem;
    border: .2rem solid #e8ccbf;
    border-top: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .5s ease-in-out
}

.accordion .acc-item .acc-content .content {
    padding: 4rem 6rem
}

.accordion .acc-item .acc-content .content .heading {
    margin-bottom: 2rem
}

.accordion .acc-item .acc-content .content .text {
    font-weight: 400
}

.accordion .acc-item .acc-content .content .pay-ways {
    display: flex;
    align-items: center;
    gap: 3.4rem
}

.accordion .acc-item .acc-content .content .pay-ways__item-img {
    width: 8.3rem;
    height: 5.7rem;
    -o-object-fit: contain;
    object-fit: contain
}

.accordion .acc-item .acc-content p:not(:last-child) {
    margin-bottom: 1rem
}

.bns-wrapper-lc {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    gap: 2rem
}

.cart-input-wrapper.popup-btn {
    max-height: 7.6rem;
    overflow: hidden;
    transition: .4s
}

@media (max-width:48em) {
    .accordion .acc-item .acc-head {
        background-image: url(/local/templates/cofefest/src/css/../images/background-head-mobile.webp);
        background-size: 100% 100%;
        padding: 4rem
    }

    .accordion .acc-item .acc-head .heading4 {
        max-width: 50rem
    }

    .accordion .acc-item .acc-head .arrow {
        height: 3.8rem;
        width: 2.5rem
    }

    .card__container:first-child {
        margin-top: 6rem
    }

    .card__container:first-child .square-btn {
        width: 100%;
        text-align: center
    }

    .bns-wrapper-lc {
        gap: 3rem
    }

    .cart-input-wrapper.popup-btn {
        max-height: 10.5rem
    }
}

.cart-input-wrapper.popup-btn.active {
    max-height: 100rem
}

.cart-input-wrapper.popup-btn.active .popup-block__more-icon {
    transform: rotate(-180deg)
}

@font-face {
    font-family: Arial;
    src: local("Arial"), url(/local/templates/cofefest/src/css/Arial-Bold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Arial-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arial;
    src: local("Arial"), url(/local/templates/cofefest/src/css/Arial-Regular.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Arial-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Circe;
    src: local("Circe"), url(/local/templates/cofefest/src/css/Circe-Bold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Circe-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Circe;
    src: local("Circe"), url(/local/templates/cofefest/src/css/Circe-ExtraBold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Circe-ExtraBold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Circe;
    src: local("Circe"), url(/local/templates/cofefest/src/css/Circe-Regular.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Circe-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: DrukCyr;
    src: local("DrukCyr"), url(/local/templates/cofefest/src/css/DrukCyr-Bold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/DrukCyr-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: local("Gilroy"), url(/local/templates/cofefest/src/css/Gilroy-Bold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Gilroy-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: local("Gilroy"), url(/local/templates/cofefest/src/css/Gilroy-Medium.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Gilroy-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: local("Gilroy"), url(/local/templates/cofefest/src/css/Gilroy-Regular.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Gilroy-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "El Messiri";
    src: local("El Messiri"), url(/local/templates/cofefest/src/css/ElMessiri-Bold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/ElMessiri-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Macherie;
    src: local("Macherie"), url(/local/templates/cofefest/src/css/macherie-semibold.woff2) format("woff2"), url(/local/templates/cofefest/src/css/macherie-semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: local("Roboto"), url(/local/templates/cofefest/src/css/Roboto-Regular.woff2) format("woff2"), url(/local/templates/cofefest/src/css/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.index {
    padding-top: 27.7rem;
    padding-bottom: 25rem
}

.index__list-item:not(:last-child) {
    margin-bottom: 1.5rem
}

.header {
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff9ee;
    background-color: #35415c;
    z-index: 20;
}

.header .container {
    display: flex;
    align-items: center
}

.header__search-block {
    position: absolute;
    top: -1.5rem;
    opacity: 0;
    pointer-events: none
}

.header__search-block div {
    position: relative;
    display: block;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden;
    width: 103.2rem;
    max-width: 24rem;
    transition: .6s ease-out;
    background-image: url(/sprite.svg#search-light);
    background-repeat: no-repeat;
    background-position: 1.9rem center;
    background-size: 2.4rem
}

.header__search-block.active {
    opacity: 1;
    pointer-events: all
}

.header__search-block.active div {
    max-width: 100%
}

.header__search-icon {
    position: absolute;
    left: 1.6rem;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem
}

.header__search-icon svg {
    width: 100%;
    height: 100%;
    fill: #fff9ee
}

.header__search-enter-icon {
    position: absolute;
    right: 6.4rem;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
    width: 3.5rem;
    height: 2.6rem
}

.header__search-enter-icon svg {
    width: 100%;
    height: 100%;
    fill: #fff9ee
}

.header__search-close-icon {
    position: absolute;
    right: 1.5rem;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem
}

.header__search-close-icon svg {
    width: 100%;
    height: 100%;
    fill: #fff9ee
}

.header__search-input {
    padding: 1.45rem 5.8rem;
    border: .2rem solid #f1ded0;
    width: 100%;
    height: 5.4rem;
    color: #f1ded0;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    z-index: -1
}

.header__logo {
    margin-right: auto
}

.header__logo svg {
    width: 18.1rem;
    height: 8.4rem
}

.header__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.header__top-list {
    margin-bottom: 3.6rem;
    display: flex;
    align-items: center;
    position: relative
}

.header__top-list.active {
    opacity: 0;
    pointer-events: none
}

.header__top-list::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -.7rem;
    width: 100%;
    height: 2px;
    background-color: #e6af9a;
    transform: translateX(-50%)
}

.header__top-list__item {
    position: relative;
    z-index: 2
}

.header__top-list__item:not(:last-child) {
    margin-right: 3rem
}

.header__top-list__item-link {
    color: #fffcf8;
    white-space: nowrap
}

.header__top-list__item .services-popup-list {
    display: flex;
    width: 26.6rem;
    z-index: 20;
    flex-direction: column;
    padding: 2.4rem;
    border-radius: 0 0 3rem 3rem;
    border: .1rem solid #e6af9a;
    background: #35415c;
    box-shadow: 1.5rem 2.4rem 3.5rem 0 rgba(0, 0, 0, .07);
    gap: 2rem;
    position: absolute;
    top: 4.4rem;
    left: -2.4rem;
    transform: translateY(-2rem);
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-in-out
}

.header__top-list__item .services-popup-list::before {
    content: "";
    background-color: transparent;
    width: 40%;
    height: 2rem;
    position: absolute;
    top: -2rem;
    left: 0
}

.header__top-list__item .services-popup-list a span {
    color: #fff9ee;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.header__bottom-list {
    display: flex;
    align-items: center
}

.header__bottom-list__item {
    position: relative
}

.header__bottom-list__item:not(:last-child) {
    margin-right: 2.5rem
}

.header__bottom-list__item-link {
    color: #fffcf8;
    font-size: 1.6rem
}

.header__bottom-list__item .services-popup-list {
    display: flex;
    width: 26.6rem;
    z-index: 20;
    flex-direction: column;
    padding: 2.4rem;
    border-radius: 0 0 3rem 3rem;
    border: .1rem solid #e6af9a;
    background: #35415c;
    box-shadow: 1.5rem 2.4rem 3.5rem 0 rgba(0, 0, 0, .07);
    gap: 2rem;
    position: absolute;
    top: 4rem;
    left: -2.4rem;
    transform: translateY(-2rem);
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-in-out
}

.header__bottom-list__item .services-popup-list::before {
    content: "";
    background-color: transparent;
    width: 100%;
    height: 2rem;
    position: absolute;
    top: -2rem;
    left: 0
}

.header__bottom-list__item .services-popup-list a span {
    color: #fff9ee;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.header__right {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 3.15rem
}

.header__right-btns-wrapper {
    display: flex;
    justify-content: flex-end
}

.header__right-tel-link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    cursor: pointer
}

.header__right-tel-link .phone-icon {
    width: 2.8rem;
    height: 2.8rem;
    transition: .1s ease-in-out
}

.header__right-tel-link span {
    color: #fff9ee;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    transition: .1s ease-in-out;
    text-transform: uppercase
}

@media (hover:hover) {
    .header__top-list__item:hover .header__top-list__item-link {
        color: #e6af9a
    }

    .header__top-list__item:hover .services-popup-list {
        z-index: 2;
        transform: translateY(0);
        opacity: 1;
        pointer-events: all
    }

    .header__bottom-list__item:hover .header__bottom-list__item-link,
    .header__top-list__item .services-popup-list a:hover span {
        color: #e6af9a
    }

    .header__bottom-list__item:hover .services-popup-list {
        z-index: 2;
        transform: translateY(0);
        opacity: 1;
        pointer-events: all
    }

    .header__bottom-list__item .services-popup-list a:hover span {
        color: #e6af9a
    }

    .header__right-tel-link:hover .phone-icon {
        stroke: #e6af9a
    }

    .header__bottom-list__item-link:hover,
    .header__right-tel-link:hover span {
        color: #e6af9a
    }
}

.header__cart {
    position: relative
}

.header__cart-value {
    background-color: #fff;
    border-radius: 50%;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    min-height: 2rem;
    position: absolute;
    top: -20%;
    right: -25%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.header__cart-value span {
    color: #35415c;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 100%;
    margin-top: .4rem;
}

.header__account,
.header__search {
    margin-right: 2.4rem
}

.header__account svg,
.header__cart svg,
.header__search svg {
    width: 2.8rem;
    height: 2.8rem;
    fill: #e6af9a
}

@media (max-width:48em) {
    .header__cart-value {
        min-width: 4rem;
        width: 4rem;
        height: 4rem;
        min-height: 4rem
    }

    .header__cart-value span {
        font-size: 3rem;
        font-weight: 600;
        margin-top: .6rem
    }

    .header__burger svg {
        width: 5.6rem;
        height: 3.4rem;
        -o-object-fit: contain;
        object-fit: contain
    }

    .header__logo svg {
        width: 18.6rem;
        height: 8.6rem
    }

    .header__account img,
    .header__cart img {
        width: 5.4rem;
        height: 5.4rem
    }

    .header {
        padding-top: 4.8rem;
        padding-bottom: 4.8rem
    }

    .header::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #35415c;
        z-index: -1
    }

    .header__burger svg.open {
        width: 5.6rem;
        height: 3.4rem;
        -o-object-fit: contain;
        object-fit: contain
    }

    .header__burger svg.close,
    .header__burger.active svg.open {
        display: none
    }

    .header__burger.active svg.close {
        display: block;
        width: 5.4rem;
        height: 5.4rem;
        -o-object-fit: contain;
        object-fit: contain
    }

    .header .container {
        justify-content: space-between
    }

    .header__logo {
        margin-right: 0
    }

    .header__logo img {
        width: 18.6rem;
        height: 8.6rem
    }

    .header__right {
        margin-left: 0;
        align-self: center
    }

    .header__account svg,
    .header__cart svg {
        width: 5.4rem;
        height: 5.4rem;
        stroke: #fff9ee
    }

    .header__burger-menu {
        position: absolute;
        top: 17.6rem;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff9ee;
        padding: 6rem 4rem 7rem;
        transform: translateY(-200%);
        transition: transform .8s;
        z-index: -2
    }

    .header__burger-menu.active {
        transform: translateX(0)
    }

    .header__burger-menu .search-block {
        max-height: 9.6rem;
        height: 9.6rem;
        font-size: 2.8rem;
        margin: 0 0 5rem
    }

    .header__burger-menu .search-block div {
        height: 100%;
        background-size: 3.2rem 3.2rem;
        background-position: 2rem 3.1rem
    }

    .header__burger-menu .search-block div input {
        font-size: 2.8rem;
        color: #35415c;
        padding: 1.2rem 6.8rem
    }

    .header__burger-menu .search-block__main-icon {
        width: 3.2rem;
        height: 3.2rem;
        margin: 0
    }

    .header__burger-menu .search-block__main-icon svg {
        width: 3.2rem;
        height: 3.2rem
    }

    .header .burger-menu__accordion {
        height: calc(100dvh - 40rem);
        overflow-y: scroll
    }

    .header .burger-menu__accordion .content {
        display: flex;
        flex-direction: column;
        color: #35415c;
        row-gap: 4rem
    }

    .header .burger-menu__accordion .acc-head .heading4 {
        color: #35415c
    }

    .header .burger-menu__accordion .acc-item {
        margin-bottom: 4rem
    }

    .header .burger-menu input {
        color: #797979
    }
}

.footer__info {
    display: flex;
    flex-direction: column
}

.footer__info-list {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    max-width: 20rem
}

.footer__info-list li {
    font-size: 1.6rem;
    line-height: 1.2;
    color: #e6af9a
}

@media (max-width:48em) {
    .footer__info-list {
        margin-bottom: 7.2rem;
        margin-top: 3rem;
        gap: 2.4rem;
        max-width: 90%
    }

    .footer__info-list li {
        font-size: 2.2rem;
        color: #fff9ee
    }
}

.footer__top {
    padding-top: 5.4rem;
    padding-bottom: 9.2rem;
    color: #fffcf8;
    position: relative;
    background-color: #35415c
}

.footer__top .container {
    position: relative;
    display: flex
}

.footer__top-logo {
    margin-right: 14.2rem
}

.footer__top-logo svg {
    width: 18.1rem;
    height: 8.4rem
}

.footer__top-block__heading {
    margin-bottom: 2.4rem;
    color: inherit
}

.footer__top-block__list-item:not(:last-child) {
    margin-bottom: 1.5rem
}

.footer__top-block__list a {
    color: #fffcf8
}

.footer__top-block.block1,
.footer__top-block.block3,
.footer__top-block.block4 {
    margin-right: 7.8rem
}

.footer__top-block.block2 {
    margin-right: 7.8rem;
    max-width: 24.2rem
}

.footer__top-right {
    max-width: 22.4rem
}

.footer__top-right .block6 {
    margin-bottom: 4.5rem
}

.footer__top-social {
    position: absolute;
    right: 0;
    bottom: calc(0% - 5rem);
    display: flex;
    align-items: center
}

.footer__top-social__item:not(:last-child) {
    margin-right: 1.6rem
}

.footer__top-social__item-link {
    display: inline-block
}

.footer__top-social__item-link svg {
    width: 4.5rem;
    height: 4.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.footer__bottom {
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    background-color: #fff9ee;
    color: #383a39
}

.footer__bottom .container {
    display: flex;
    align-items: center
}

.footer__bottom-left {
    margin-right: 38.8rem
}

.footer__bottom-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    position: relative
}

.footer__bottom-right__text {
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.footer__bottom-right__text p {
    font-family: Gilroy
}

.footer__bottom-right__text p:first-child {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: #838e9c
}

.footer__bottom-right__text p:last-child {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.2rem
}

.footer__bottom-right__text p:last-child span {
    font-weight: 700
}

.footer__bottom-right__logo {
    width: 4.6rem;
    height: 4.6rem
}

.footer__bottom-right__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width:48em) {
    .footer__top {
        padding: 8rem 0 13.6rem;
        border-radius: 0
    }

    .footer__top .container {
        flex-direction: column
    }

    .footer__top-logo {
        margin-right: 0
    }

    .footer__top-logo img {
        width: 18.6rem;
        height: 8.6rem
    }

    .footer__top-block {
        overflow: hidden;
        max-height: 5rem;
        transition: .4s
    }

    .footer__top-block.block1,
    .footer__top-block.block2,
    .footer__top-block.block3,
    .footer__top-block.block4,
    .footer__top-block.block5 {
        margin-right: 0;
        max-width: none;
        margin-bottom: 6.2rem
    }

    .footer__top-block.block1 {
        order: 0
    }

    .footer__top-block.block2 {
        order: 1
    }

    .footer__top-block.block3 {
        order: 2
    }

    .footer__top-block.block4 {
        order: 4
    }

    .footer__top-block.block5 {
        order: 3
    }

    .footer__top-block.block6 {
        margin-bottom: 6.4rem;
        order: 5
    }

    .footer__top-block__heading {
        margin-bottom: 3rem;
        color: #e6af9a
    }

    .footer__top-block__list-item:not(:last-child) {
        margin-bottom: 2rem
    }

    .footer__top-social {
        order: 6;
        position: relative;
        bottom: auto;
        right: auto
    }

    .footer__top-social__item:not(:last-child) {
        margin-right: 3.2rem
    }

    .footer__top-social__item-link svg {
        width: 9rem;
        height: 9rem
    }

    .footer__top-right {
        max-width: none
    }

    .footer__bottom {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem
    }

    .footer__bottom .container {
        flex-direction: column;
        text-align: center
    }

    .footer__bottom-left {
        margin-right: 0;
        margin-bottom: 3.2rem
    }

    .footer__bottom-center {
        margin-bottom: 3.2rem
    }

    .footer__bottom-right {
        margin-left: 0
    }

    .footer__bottom-right__text {
        margin-right: 2rem;
        text-align: right
    }

    .footer__bottom-right__text p:first-child {
        font-size: 3rem;
        line-height: 3.6rem
    }

    .footer__bottom-right__text p:last-child {
        font-size: 3.6rem;
        line-height: 4.4rem
    }

    .footer__bottom-right__logo {
        width: 9.2rem;
        height: 9.2rem
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
    z-index: 10;
    transition-property: opacity, visibility;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.popup.active {
    opacity: 1;
    visibility: visible
}

.popup__heading {
    text-align: center
}

.popup__body {
    padding: 6rem 4rem;
    background-color: #fff;
    position: relative
}

.popup__body::-webkit-scrollbar {
    width: 0
}

.popup__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(/sprite.svg#close);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width:48em) {
    .popup {
        padding-top: 30.6rem
    }

    .popup__container {
        max-height: calc(100vh - 30.6rem)
    }

    .popup__body {
        padding: 4rem 2rem;
        width: 69rem;
        border-radius: 5rem
    }

    .popup__body::-webkit-scrollbar {
        width: 0
    }

    .popup__close {
        top: 4rem;
        right: 4rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .popup__heading {
        margin-bottom: 5rem
    }
}

.order-popup .popup__body {
    background-color: #fff9ee;
    padding: 9.6rem 4rem 8rem
}

.order-popup .order-info {
    padding: 3rem 2rem;
    border-radius: 0;
    border: .1rem solid #f1ded0;
    background-color: rgba(255, 249, 238, .1);
    margin: 0 0 8rem
}

.order-popup .order-info__cell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.order-popup .order-info__cell.status.preparing p:last-child {
    color: rgba(121, 121, 121, .9)
}

.order-popup .order-info__cell.status.delivering p:last-child {
    color: rgba(53, 65, 92, .9)
}

.order-popup .order-info__cell.status.delivered p:last-child {
    color: rgba(32, 61, 60, .9)
}

.order-popup .order-info__cell.status.cancelled p:last-child {
    color: rgba(81, 40, 63, .9)
}

.order-popup .order-info__cell:not(:last-of-type) {
    margin-bottom: 2rem
}

.order-popup .order-info__cell p:first-child {
    margin-right: 1rem;
    float: left;
    order: 0
}

.order-popup .order-info__cell p:last-child {
    margin-left: 1rem;
    float: right;
    order: 2
}

.order-popup .order-info__cell::after {
    margin-top: 1.2rem;
    content: "";
    width: auto;
    background-color: rgba(121, 121, 121, .4);
    height: 1px;
    flex-grow: 1;
    display: inline-block;
    order: 1
}

.order-popup .details-table {
    margin-bottom: 8rem
}

.order-popup .details-table__item {
    padding: 3rem 2rem;
    flex-direction: column;
    align-items: flex-start;
    border: none;
    background-color: #fff9ee
}

.order-popup .details-table__item:first-child {
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem
}

.order-popup .details-table__item:last-child {
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem
}

.order-popup .details-table__item:not(:last-child) {
    margin-bottom: 8rem
}

.order-popup .details-table__item-cell {
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.order-popup .details-table__item-cell:not(:last-of-type) {
    margin-bottom: 2rem
}

.order-popup .details-table__item-cell.count,
.order-popup .details-table__item-cell.price,
.order-popup .details-table__item-cell.product,
.order-popup .details-table__item-cell.sum,
.order-popup .details-table__item-cell.weight {
    width: 100%;
    position: relative
}

.order-popup .details-table__item-cell.count p:first-child,
.order-popup .details-table__item-cell.price p:first-child,
.order-popup .details-table__item-cell.product p:first-child,
.order-popup .details-table__item-cell.sum p:first-child,
.order-popup .details-table__item-cell.weight p:first-child {
    margin-right: 1rem;
    float: left;
    order: 0
}

.order-popup .details-table__item-cell.count p:last-child,
.order-popup .details-table__item-cell.price p:last-child,
.order-popup .details-table__item-cell.product p:last-child,
.order-popup .details-table__item-cell.sum p:last-child,
.order-popup .details-table__item-cell.weight p:last-child {
    margin-left: 1rem;
    float: right;
    order: 2
}

.order-popup .details-table__item-cell.count::after,
.order-popup .details-table__item-cell.price::after,
.order-popup .details-table__item-cell.product::after,
.order-popup .details-table__item-cell.sum::after,
.order-popup .details-table__item-cell.weight::after {
    margin-top: 1.2rem;
    content: "";
    width: auto;
    background-color: rgba(121, 121, 121, .4);
    height: 1px;
    flex-grow: 1;
    display: inline-block;
    order: 1
}

.order-popup .details-table__item-cell.product p:last-child {
    font-weight: 700
}

.order-popup .details-table__item-cell.sum {
    padding-left: 0;
    text-align: left
}

.order-popup .details-table__bottom {
    margin-bottom: 6.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.8rem;
    line-height: 4.2rem;
    letter-spacing: .1em
}

.order-popup .repeat-order-btn {
    background: 0 0;
    border-radius: 0;
    border: .2rem solid #35415c;
    color: #35415c;
    padding: 3rem 13.3rem
}

.order-popup .repeat-order-btn span {
    margin: 0
}

.order-popup .repeat-order-btn svg {
    display: none
}

@media (max-width:48em) {
    .order-popup .popup__body {
        border-radius: 0 0 5rem 5rem
    }

    .order-popup .popup__close {
        border-radius: 0
    }

    .order-popup .popup__heading {
        font-size: 5.2rem;
        line-height: 120%
    }

    .order-popup .order-info {
        padding: 4rem
    }

    .order-popup .details-table__item {
        padding-left: 0;
        padding-right: 0
    }

    .order-popup .details-table__bottom p {
        font-size: 2.8rem;
        line-height: 120%;
        letter-spacing: .084rem
    }
}

.section-banner {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #35415c
}

.section-banner.about {
    padding-top: 15rem;
    padding-bottom: 15rem
}

.section-banner.business .section-banner__left .arrow-link {
    color: #e3bca0
}

.section-banner.business .section-banner__left .arrow-link:hover:not(:focus-visible) {
    color: #fff9ee
}

.section-banner.business .section-banner__left .arrow-link:hover:not(:focus-visible) .arrow-link__icon {
    fill: #fff9ee
}

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

.section-banner__left {
    width: 64.6rem
}

.section-banner__left-heading {
    margin-bottom: 3.5rem;
    color: #fff9ee
}

.section-banner__left-subheading {
    margin-bottom: 4.5rem;
    color: #e6af9a
}

.section-banner__left-description {
    margin-bottom: 4.5rem;
    color: #fff
}

.section-banner__left-description p:not(:last-child) {
    margin-bottom: .8rem
}

.section-banner__left .arrow-link {
    width: 100%;
    fill: #fff9ee
}

.section-banner__left-link {
    color: #fff9ee
}

.section-banner__left-link:hover:not(:focus-visible) {
    color: #e3bca0
}

.section-banner__left-link:hover:not(:focus-visible) .arrow-link__icon {
    fill: #e3bca0
}

.section-banner__right {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    gap: 3.2rem
}

.section-banner__right-img {
    width: 37.2rem;
    height: 49.6rem;
    border-radius: 0 0 5rem 5rem
}

.section-banner__right-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.section-banner__right-video {
    width: 36rem;
    height: 49.6rem;
    position: relative;
    border-radius: 0 0 5rem 5rem
}

.section-banner__right-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section-banner__right-video__content {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .section-banner {
        padding-top: 9.6rem;
        padding-bottom: 9.6rem
    }

    .section-banner__container {
        flex-direction: column;
        justify-content: flex-start
    }

    .section-banner__left {
        margin-bottom: 8rem;
        width: 100%
    }

    .section-banner__left-heading,
    .section-banner__left__subheading {
        margin-bottom: 4rem
    }

    .section-banner__left-description {
        margin-bottom: 0
    }

    .section-banner__left-description p:not(:last-child) {
        margin-bottom: 2rem
    }

    .section-banner__left-description p:last-child {
        margin-bottom: 8rem
    }

    .section-banner__left-link {
        position: relative;
        left: 100%;
        transform: translateX(-100%);
        justify-content: flex-end
    }

    .section-banner__left .arrow-link {
        justify-content: flex-end
    }

    .section-banner__left .arrow-link svg {
        fill: #e3bca0
    }

    .section-banner__right {
        width: 100%;
        justify-content: space-between
    }

    .section-banner__right-img {
        margin-right: 0;
        width: 32.4rem;
        height: 42rem;
        border-radius: 0 0 5.2rem 5.2rem
    }

    .section-banner__right-video {
        width: 32.4rem;
        height: 42rem;
        border-radius: 0 0 5.2rem 5.2rem
    }

    .section-banner__right-video .video-js {
        width: 100%;
        height: 100%
    }

    .section-banner__right .video-js {
        width: 32.6rem;
        height: 42rem
    }

    .about-info__card.section-info__card .section-banner__right-img {
        width: 28.4rem;
        height: 37rem
    }
}

.account-main {
    margin-top: 14rem
}

.account-main__container {
    display: flex;
    border-radius: 0 0 5rem 5rem
}

.account-main__left {
    padding: 8rem 15rem 8rem 6rem;
    width: 82.5rem;
    background-color: #f1ded0;
    border-radius: 0 0 0 5rem
}

.account-main__left-heading {
    margin-bottom: 1.8rem
}

.account-main__left-text {
    margin-bottom: 4.5rem;
    display: flex
}

.account-main__left-text p {
    margin-right: 1rem;
    color: #797979
}

.account-main__left-text a {
    font-weight: 700
}

.account-main__left-form {
    margin-bottom: 4.5rem;
    width: 48rem
}

.account-main__left-form .input-container:not(:last-of-type) {
    margin-bottom: 2.4rem
}

.account-main__left-form .input-container:last-of-type {
    margin-bottom: 3.2rem
}

.account-main__left-form .input-container .email,
.account-main__left-form .input-container .profile {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.5rem
}

.account-main__left-policy {
    color: #797979
}

.account-main__left-policy a {
    padding-bottom: .2rem;
    border-bottom: .1rem solid #797979
}

.account-main__right {
    width: 77.5rem;
    min-height: 85rem;
    border-radius: 0 0 5rem
}

.account-main__right-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .account-main {
        margin-top: 18.5rem
    }

    .account-main.light-section {
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-3-mobile.webp)
    }

    .account-main__container {
        flex-direction: column;
        max-height: none
    }

    .account-main__left {
        width: auto;
        max-width: 67rem;
        padding: 8rem 4rem;
        border-radius: 0
    }

    .account-main__left-heading {
        margin: 0 0 2.4rem
    }

    .account-main__left-text {
        margin: 0 0 8rem
    }

    .account-main__left-form {
        width: auto;
        margin: 0
    }

    .account-main__left-form .input-container:not(:nth-child(4)) {
        margin: 0 0 5rem !important
    }

    .account-main__left-form .input-container:nth-child(4) {
        margin: 0 0 8rem !important
    }

    .account-main__left-submit {
        width: 100%;
        text-align: center;
        margin: 0 0 4rem
    }

    .account-main__left .input-container .email,
    .account-main__left .input-container .password,
    .account-main__left .input-container .profile {
        width: 4.8rem;
        height: 4.8rem
    }

    .account-main__left .password-btn.icon {
        width: auto;
        right: 3.5rem
    }

    .account-main__right {
        width: auto;
        max-width: 67rem;
        border-radius: 0 0 7.2rem 7.2rem;
        height: 58rem
    }
}

.account-lk {
    margin-top: 14rem;
    padding-top: 8rem;
    padding-bottom: 15rem;
    background-color: #fff9ee
}

.account-lk .cards-list__item-number {
    color: #fff9ee;
    font-family: Circe;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    gap: .85rem
}

.account-lk .cards-list__item-number p {
    font-size: 2rem
}

.account-lk .cards-list__item-number div {
    display: flex;
    height: 100%;
    align-items: center
}

.account-lk .cards-list__item-number div:last-child {
    margin-left: .5rem
}

.account-lk .cards-list__item-number div span {
    background-color: transparent;
    height: -moz-fit-content;
    height: fit-content;
    color: #fff9ee;
    font-size: 3.6rem;
    margin: 0 0 1.8rem
}

.account-lk .cards-list__item-number div span:nth-child(2) {
    margin-right: .2rem
}

.account-lk .cards-list__item-number div p {
    margin-right: .3rem
}

.account-lk .container {
    display: flex
}

.account-lk__left {
    padding-right: 7.9rem;
    width: 43rem
}

.account-lk__left-name {
    margin-bottom: .8rem
}

.account-lk__left-discount {
    margin-bottom: 3.2rem;
    color: #797979
}

.account-lk__left .sidebar-tabs {
    margin-bottom: 3.4rem
}

.account-lk__left-logout {
    margin-bottom: 6rem
}

.account-lk__left-logout:hover {
    color: #e6af9a
}

.account-lk__left-logout:hover .arrow-link__icon path {
    fill: #e6af9a
}

.account-lk__left-text {
    margin-bottom: 1rem
}

.account-lk__left-bottom__text {
    color: #797979;
    margin-bottom: 1rem
}

.account-lk__left-bottom__link {
    color: #797979;
    text-decoration: underline;
    text-underline-offset: .4rem
}

.account-lk__right {
    padding-left: 6rem;
    width: 117rem;
    border-left: 1px solid #f1ded0
}

.account-lk__right-content {
    display: none
}

.account-lk__right-content.active {
    display: block
}

.account-lk__right-subheading {
    margin-bottom: 1.8rem
}

.account-lk__right-heading {
    margin-bottom: 4rem
}

.account-lk__right-block {
    padding: 6rem 4rem;
    border: 1px solid #f1ded0;
    border-radius: 0 0 5rem 5rem;
    background: url(/local/templates/cofefest/src/css/../images/background-9.webp) top center/cover, #f1ded0
}

.account-lk__right-block:not(:last-child) {
    margin-bottom: 3.5rem
}

.account-lk__right-block .block-top {
    margin-bottom: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-lk__right-block .block-list {
    margin-bottom: 4.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3.4rem 0
}

.account-lk__right-block .block-list__item {
    flex: 0 0 42.6%
}

.account-lk__right-block .block-list__item-heading {
    margin-bottom: 1.6rem;
    color: #797979
}

.account-lk__right-block .block-bottom {
    display: flex;
    justify-content: flex-end
}

.account-lk__right-nav {
    margin-bottom: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-lk__right-nav .section-tags {
    display: flex;
    align-items: center
}

.account-lk__right-nav .section-tags__item-btn {
    transition-property: font-size, line-height;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

.account-lk__right-nav .section-tags__item-btn.active {
    font-size: 3rem;
    line-height: 3.6rem
}

.account-lk__right .order-table {
    display: none
}

.account-lk__right .order-table.active {
    display: block
}

.account-lk__right .order-table__head {
    display: flex;
    align-items: center;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    background-color: #f1ded0
}

.account-lk__right .order-table__head-cell {
    padding-left: 4rem;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #797979
}

.account-lk__right .order-table__head-cell.number {
    width: 20.5rem
}

.account-lk__right .order-table__head-cell.date {
    width: 19.1rem
}

.account-lk__right .order-table__head-cell.sum {
    width: 17.2rem
}

.account-lk__right .order-table__head-cell.address {
    width: 28.1rem
}

.account-lk__right .order-table__head-cell.status {
    width: 26rem
}

.account-lk__right .order-table__head-cell__btn {
    display: flex;
    align-items: center;
    gap: .8rem
}

.account-lk__right .order-table__head-cell__btn img {
    width: 1rem;
    height: .8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.account-lk__right .order-table__body {
    border: 1px solid #f1ded0;
    border-top: none;
    border-radius: 0 0 2.5rem 2.5rem
}

.account-lk__right .order-table__item {
    position: relative
}

.account-lk__right .order-table__item:not(:last-child) {
    border-bottom: 1px solid #f1ded0
}

.account-lk__right .order-table__item.active .order-table__item-head {
    font-weight: 700
}

.account-lk__right .order-table__item.active .order-table__item-open {
    transform: translateY(-50%) scaleY(-1)
}

.account-lk__right .order-table__item.active .order-table__item-open path {
    stroke-width: 2
}

.account-lk__right .order-table__item.active .order-table__item-content {
    opacity: 1;
    visibility: visible
}

.account-lk__right .order-table__item-head {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.account-lk__right .order-table__item-head p {
    transition: font .3s ease-in-out
}

.account-lk__right .order-table__item-head svg {
    width: 5.2rem;
    height: 2rem
}

.account-lk__right .order-table__item-open {
    position: absolute;
    top: 50%;
    right: 4rem;
    width: 1.3rem;
    height: 2.4rem;
    transform: translateY(-50%);
    transform-origin: center;
    transition: transform .3s ease-in-out
}

.account-lk__right .order-table__item-open svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transition: stroke-width .3s ease-in-out
}

.account-lk__right .order-table__item-cell {
    padding-left: 4rem;
    font-size: 2rem;
    line-height: 2.5rem
}

.account-lk__right .order-table__item-cell.number {
    width: 20.5rem
}

.account-lk__right .order-table__item-cell.date {
    width: 19.1rem
}

.account-lk__right .order-table__item-cell.sum {
    width: 17.2rem
}

.account-lk__right .order-table__item-cell.address {
    width: 28.1rem
}

.account-lk__right .order-table__item-cell.status {
    width: 26rem
}

.account-lk__right .order-table__item-cell.status.preparing {
    color: rgba(121, 121, 121, .9)
}

.account-lk__right .order-table__item-cell.status.delivering {
    color: rgba(41, 53, 77, .9)
}

.account-lk__right .order-table__item-cell.status.delivered {
    color: rgba(103, 167, 172, .9)
}

.account-lk__right .order-table__item-cell.status.cancelled {
    color: rgba(81, 40, 63, .9)
}

.account-lk__right .order-table__item-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility, max-height;
    transition-duration: .4s;
    transition-timing-function: ease-in-out
}

.account-lk__right .order-table__item-content__container {
    padding: 2.1rem 4rem 2.7rem
}

.account-lk__right .order-table__item-content__container .repeat-order-btn {
    margin-left: auto;
    display: block
}

.account-lk__right .order-table__item-content__heading {
    margin-bottom: 3.2rem
}

.account-lk__right .order-table__item-content .details-table {
    margin-bottom: 3.5rem
}

.account-lk__right .order-table__item-content .details-table__head,
.account-lk__right .order-table__item-content .details-table__item {
    padding-bottom: 1.6rem;
    display: flex;
    align-items: center;
    color: rgba(121, 121, 121, .9);
    border-bottom: 1px solid rgba(121, 121, 121, .2)
}

.account-lk__right .order-table__item-content .details-table__head-cell,
.account-lk__right .order-table__item-content .details-table__item-cell {
    padding-right: 4rem;
    font-size: 2rem;
    line-height: 2.5rem
}

.account-lk__right .order-table__item-content .details-table__head-cell.product,
.account-lk__right .order-table__item-content .details-table__item-cell.product {
    width: 34rem
}

.account-lk__right .order-table__item-content .details-table__head-cell.weight,
.account-lk__right .order-table__item-content .details-table__item-cell.weight {
    width: 22.3rem
}

.account-lk__right .order-table__item-content .details-table__head-cell.price,
.account-lk__right .order-table__item-content .details-table__item-cell.price {
    width: 22.9rem
}

.account-lk__right .order-table__item-content .details-table__head-cell.count,
.account-lk__right .order-table__item-content .details-table__item-cell.count {
    width: 14rem
}

.account-lk__right .order-table__item-content .details-table__head-cell.sum,
.account-lk__right .order-table__item-content .details-table__item-cell.sum {
    padding-left: 2rem;
    padding-right: 0;
    text-align: right;
    width: 9.7rem
}

.account-lk__right .order-table__item-content .details-table__item {
    padding-top: 1.6rem;
    color: #383a39
}

.account-lk__right .order-table__item-content .details-table__bottom {
    margin-bottom: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(56, 58, 57, .9)
}

.account-lk__right-video {
    margin-bottom: 6rem;
    width: 100%;
    height: 73.9333rem;
    position: relative;
    border-radius: 0 0 5rem 5rem
}

.account-lk__right-video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.account-lk__right-video__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.account-lk__right-text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.account-lk__right-text__left {
    width: 64.6rem
}

.account-lk__right-text__left-heading {
    margin-bottom: 2.4rem
}

.account-lk__right-text__left-description,
.account-lk__right-text__left-list:not(:last-child) {
    margin-bottom: 5rem
}

.account-lk__right-text__left-list-item {
    padding-left: 1.8rem;
    position: relative
}

.account-lk__right-text__left-list-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: .8rem;
    width: .8rem;
    height: .8rem;
    background-color: #35415c;
    border-radius: 50%
}

.account-lk__right-text__left-list-item:not(:last-child) {
    margin-bottom: 1.2rem
}

.account-lk__right-text__right {
    width: 15em
}

.account-lk__right-text__right .qr-code {
    width: 100%;
    height: 15rem
}

@media (max-width:48em) {
    .account-lk {
        padding-bottom: 21.6rem;
        position: relative;
        overflow: hidden
    }

    .account-lk .container {
        display: block
    }

    .account-lk__left {
        padding-right: 0;
        width: 100%
    }

    .account-lk__left-name {
        margin-bottom: 4rem
    }

    .account-lk__left .sidebar-tabs,
    .account-lk__left-discount,
    .account-lk__left-logout {
        margin-bottom: 8rem
    }

    .account-lk__left-text {
        margin-bottom: .6rem
    }

    .account-lk__right {
        padding: 0;
        width: 100%;
        border-left: none;
        background-color: #fff
    }

    .account-lk__right-content {
        padding: 24rem 2rem 30rem;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        display: block;
        transform: translateX(100%);
        transition: transform .2s ease-in-out;
        z-index: 2
    }

    .account-lk__right-content.active {
        transform: translateX(0)
    }

    .account-lk__right-content.bonus-program .account-lk__right-text__left-heading {
        font-size: 3.6rem;
        line-height: 150%;
        margin-bottom: 4rem
    }

    .account-lk__right-content.bonus-program .account-lk__right-text__left-description {
        font-size: 2.8rem;
        line-height: 140%;
        margin-bottom: 8rem
    }

    .account-lk__right-content.bonus-program .account-lk__right-text__left-list {
        margin-bottom: 8rem
    }

    .account-lk__right-content.bonus-program .account-lk__right-text__left-list-item:not(:last-child) {
        margin-bottom: 1.2rem;
        font-size: 2.8rem;
        line-height: 140%
    }

    .account-lk__right-back {
        margin-bottom: 6.4rem
    }

    .account-lk__right-subheading {
        margin-bottom: 2.8rem
    }

    .account-lk__right-heading {
        margin-bottom: 8rem
    }

    .account-lk__right-block {
        padding: 4rem;
        border-width: .2rem;
        background-image: url(/local/templates/cofefest/src/css/../images/background-9-mobile.webp)
    }

    .account-lk__right-block:last-child .block-list__item:nth-child(3) {
        /* position: absolute;
        top: 23.2rem;
        right: 0 */
    }

    .account-lk__right-block:last-child .block-list__item:nth-child(5) {
        position: absolute;
        top: 23.2rem;
        right: 23.1rem
    }

    .account-lk__right-block:not(:last-child) {
        margin-bottom: 4.8rem
    }

    .account-lk__right-block .block-top {
        margin-bottom: 4.8rem;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative
    }

    .account-lk__right-block .block-top__heading {
        width: 58rem
    }

    .account-lk__right-block .block-top .btns-caps {
        position: absolute;
        right: 0;
        bottom: -57.6rem;
        font-size: 3.2rem
    }

    .account-lk__right-block .block-list {
        margin-bottom: 13.4rem;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 2.4rem;
        position: relative
    }

    .account-lk__right-block .block-list__item {
        flex: none
    }

    .account-lk__right-block .block-list__item-heading {
        margin-bottom: 1.2rem
    }

    .account-lk__right-block .cards-list {
        flex-direction: column;
        gap: 4.8rem
    }

    .account-lk__right-block .cards-list__item {
        width: 100%;
        height: 35.4rem;
        border-radius: 2rem
    }

    .account-lk__right-block .cards-list__item.add-more {
        width: 100%;
        height: 10rem
    }

    .account-lk__right-block .cards-list__item.add-more .add-card img {
        width: 4rem;
        height: 4rem
    }

    .account-lk__right-block .cards-list__item-right {
        padding-top: 3.6rem;
        padding-bottom: 4.8rem;
        border-radius: 0 2rem 2rem 0;
        width: 15rem
    }

    .account-lk__right-block .cards-list__item-right__btn {
        width: 5.2rem;
        height: 5.2rem;
        gap: .558rem;
        position: relative
    }

    .account-lk__right-block .cards-list__item-right__btn span {
        width: .742rem;
        height: .742rem
    }

    .account-lk__right-block .cards-list__item-right__icon {
        width: 5.6rem;
        height: 1.8rem
    }

    .account-lk__right-nav {
        margin-bottom: 8rem;
        flex-direction: column;
        align-items: flex-start
    }

    .account-lk__right-nav .section-tags__container {
        margin-bottom: 8rem
    }

    .account-lk__right .order-table__body {
        padding: 2rem;
        border: .2rem solid rgba(121, 121, 121, .2);
        border-radius: 5rem
    }

    .account-lk__right .order-table__item:not(:last-child) {
        margin-bottom: 4.8rem;
        border: none
    }

    .account-lk__right .order-table__item:last-child .order-table__item-head {
        border-radius: 0 0 7rem 7rem
    }

    .account-lk__right .order-table__item-head {
        padding: 3rem 2rem;
        flex-direction: column;
        align-items: flex-start;
        background-color: rgba(121, 121, 121, .1);
        border-radius: 3rem
    }

    .account-lk__right .order-table__item.active .order-table__item-head {
        font-weight: 400
    }

    .account-lk__right .order-table__item-cell {
        padding-left: 0
    }

    .account-lk__right .order-table__item-cell:not(:last-of-type) {
        margin-bottom: 2rem
    }

    .account-lk__right .order-table__item-cell.address,
    .account-lk__right .order-table__item-cell.date,
    .account-lk__right .order-table__item-cell.number,
    .account-lk__right .order-table__item-cell.status,
    .account-lk__right .order-table__item-cell.sum {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .account-lk__right .order-table__item-cell.number {
        margin-bottom: 3rem;
        font-weight: 700
    }

    .account-lk__right .order-table__item-cell.number .arrow {
        width: 6rem;
        height: 2.5rem;
        -o-object-fit: contain;
        object-fit: contain
    }

    .account-lk__right .order-table__item-cell.address,
    .account-lk__right .order-table__item-cell.date,
    .account-lk__right .order-table__item-cell.status,
    .account-lk__right .order-table__item-cell.sum {
        position: relative
    }

    .account-lk__right .order-table__item-cell.address p:first-child,
    .account-lk__right .order-table__item-cell.date p:first-child,
    .account-lk__right .order-table__item-cell.status p:first-child,
    .account-lk__right .order-table__item-cell.sum p:first-child {
        margin-right: 1rem;
        float: left;
        order: 0
    }

    .account-lk__right .order-table__item-cell.address p:last-child,
    .account-lk__right .order-table__item-cell.date p:last-child,
    .account-lk__right .order-table__item-cell.status p:last-child,
    .account-lk__right .order-table__item-cell.sum p:last-child {
        margin-left: 1rem;
        float: right;
        order: 2
    }

    .account-lk__right .order-table__item-cell.address::after,
    .account-lk__right .order-table__item-cell.date::after,
    .account-lk__right .order-table__item-cell.status::after,
    .account-lk__right .order-table__item-cell.sum::after {
        margin-top: 1.2rem;
        content: "";
        width: auto;
        background-color: rgba(121, 121, 121, .4);
        height: 1px;
        flex-grow: 1;
        display: inline-block;
        order: 1
    }

    .account-lk__right .order-table__item-cell.status p:first-child {
        color: #383a39
    }

    .account-lk__right .order-table__item-content {
        padding: 30.6rem 3rem 11.6rem;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        max-height: unset;
        overflow: unset;
        opacity: 0;
        visibility: hidden;
        transition-duration: .2s;
        background: rgba(56, 55, 66, .25);
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
        z-index: 3
    }

    .account-lk__right .order-table__item-content__close {
        position: absolute;
        top: 14rem;
        right: 3rem;
        width: 13.4rem;
        height: 13.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 50%
    }

    .account-lk__right .order-table__item-content__close svg {
        width: 11.2rem;
        height: 11.2rem;
        -o-object-fit: contain;
        object-fit: contain;
        background-color: #fff
    }

    .account-lk__right .order-table__item-content__container {
        padding: 4rem 2rem;
        background-color: #fff;
        border-radius: 5rem
    }

    .account-lk__right .order-table__item-content__heading {
        margin-bottom: 5rem;
        text-align: center;
        letter-spacing: .07em
    }

    .account-lk__right .order-table__item-content .order-info {
        margin-bottom: 4.8rem;
        padding: 3rem 2rem;
        border-radius: 3rem;
        background-color: rgba(121, 121, 121, .1)
    }

    .account-lk__right .order-table__item-content .order-info__cell {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    .account-lk__right .order-table__item-content .order-info__cell.status.preparing p:last-child {
        color: rgba(121, 121, 121, .9)
    }

    .account-lk__right .order-table__item-content .order-info__cell.status.delivering p:last-child {
        color: rgba(53, 65, 92, .9)
    }

    .account-lk__right .order-table__item-content .order-info__cell.status.delivered p:last-child {
        color: rgba(32, 61, 60, .9)
    }

    .account-lk__right .order-table__item-content .order-info__cell.status.cancelled p:last-child {
        color: rgba(81, 40, 63, .9)
    }

    .account-lk__right .order-table__item-content .order-info__cell:not(:last-of-type) {
        margin-bottom: 2rem
    }

    .account-lk__right .order-table__item-content .order-info__cell p:first-child {
        margin-right: 1rem;
        float: left;
        order: 0
    }

    .account-lk__right .order-table__item-content .order-info__cell p:last-child {
        margin-left: 1rem;
        float: right;
        order: 2
    }

    .account-lk__right .order-table__item-content .order-info__cell::after {
        margin-top: 1.2rem;
        content: "";
        width: auto;
        background-color: rgba(121, 121, 121, .4);
        height: 1px;
        flex-grow: 1;
        display: inline-block;
        order: 1
    }

    .account-lk__right .order-table__item-content .details-table {
        margin-bottom: 4.8rem
    }

    .account-lk__right .order-table__item-content .details-table__item {
        padding: 3rem 2rem;
        flex-direction: column;
        align-items: flex-start;
        border: none;
        background-color: rgba(121, 121, 121, .1)
    }

    .account-lk__right .order-table__item-content .details-table__item:first-child {
        border-top-left-radius: 3rem;
        border-top-right-radius: 3rem
    }

    .account-lk__right .order-table__item-content .details-table__item:last-child {
        border-bottom-left-radius: 3rem;
        border-bottom-right-radius: 3rem
    }

    .account-lk__right .order-table__item-content .details-table__item:not(:last-child) {
        margin-bottom: .4rem
    }

    .account-lk__right .order-table__item-content .details-table__item-cell {
        padding-right: 0;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .account-lk__right .order-table__item-content .details-table__item-cell:not(:last-of-type) {
        margin-bottom: 2rem
    }

    .account-lk__right .order-table__item-content .details-table__item-cell.count,
    .account-lk__right .order-table__item-content .details-table__item-cell.price,
    .account-lk__right .order-table__item-content .details-table__item-cell.product,
    .account-lk__right .order-table__item-content .details-table__item-cell.sum,
    .account-lk__right .order-table__item-content .details-table__item-cell.weight {
        width: 100%;
        position: relative
    }

    .account-lk__right .order-table__item-content .details-table__item-cell.count p:first-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.price p:first-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.product p:first-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.sum p:first-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.weight p:first-child {
        margin-right: 1rem;
        float: left;
        order: 0
    }

    .account-lk__right .order-table__item-content .details-table__item-cell.count p:last-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.price p:last-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.product p:last-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.sum p:last-child,
    .account-lk__right .order-table__item-content .details-table__item-cell.weight p:last-child {
        margin-left: 1rem;
        float: right;
        order: 2
    }

    .account-lk__right .order-table__item-content .details-table__item-cell.count::after,
    .account-lk__right .order-table__item-content .details-table__item-cell.price::after,
    .account-lk__right .order-table__item-content .details-table__item-cell.product::after,
    .account-lk__right .order-table__item-content .details-table__item-cell.sum::after,
    .account-lk__right .order-table__item-content .details-table__item-cell.weight::after {
        margin-top: 1.2rem;
        content: "";
        width: auto;
        background-color: rgba(121, 121, 121, .4);
        height: 1px;
        flex-grow: 1;
        display: inline-block;
        order: 1
    }

    .account-lk__right .order-table__item-content .details-table__item-cell.product p:last-child {
        font-weight: 700
    }

    .account-lk__right .order-table__item-content .details-table__item-cell.sum {
        padding-left: 0;
        text-align: left
    }

    .account-lk__right .order-table__item-content .details-table__bottom {
        margin-bottom: 6.4rem;
        font-size: 2.8rem;
        line-height: 4.2rem;
        letter-spacing: .1em
    }

    .account-lk__right-video {
        margin-bottom: 8rem;
        height: 41.6rem
    }

    .account-lk__right-video .video-js {
        width: 100%;
        height: 100%
    }

    .account-lk__right-text {
        flex-direction: column;
        align-items: flex-start
    }

    .account-lk__right-text__left {
        margin-bottom: 8rem;
        width: 100%
    }

    .account-lk__right-text__left-heading {
        margin-bottom: 2.4rem
    }

    .account-lk__right-text__left-description,
    .account-lk__right-text__left-list:not(:last-child) {
        margin-bottom: 6.4rem
    }

    .account-lk__right-text__left-list-item {
        padding-left: 3.2rem
    }

    .account-lk__right-text__left-list-item:not(:last-child) {
        margin-bottom: 1.2rem
    }

    .account-lk__right-text__left-list-item::before {
        top: 1.2rem;
        width: 1.2rem;
        height: 1.2rem
    }

    .account-lk__right-text__right {
        width: 100%
    }

    .account-lk__right-text__right-heading {
        margin-bottom: 4.8rem
    }

    .account-lk__right-text__right-video .video-js {
        width: 100%;
        height: 100%
    }

    .account-lk__right-text__right .qr {
        height: 30rem;
        width: 30rem;
        margin: 0 0 0 18.6rem
    }

    .account-lk__right-text__right .qr__value {
        width: 57rem;
        height: 57rem
    }

    .account-lk__left-logout {
        margin: 8rem 0 0;
        width: 100%
    }

    .account-lk__left-logout span {
        margin-left: auto
    }

    .account-lk__right-content {
        padding-left: 4rem;
        padding-right: 4rem;
        background: #fff9ee
    }

    .account-lk__right-content .square-btn {
        width: 100%;
        text-align: center
    }

    .account-lk__right-content .order-table__body {
        padding: 0;
        border-radius: 0;
        border: none
    }

    .account-lk__right-content .order-table__item:not(:last-child) {
        margin-bottom: 0
    }

    .account-lk__right-content .order-table__item-head {
        padding: 4rem;
        border-radius: 0;
        background: #fff9ee;
        border: 1px solid #f1ded0
    }
}

.cards-list {
    display: flex;
    gap: 3.4rem
}

.cards-list__item {
    padding: 2.2rem;
    width: 34rem;
    height: 19rem;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #fff;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(3.5463px);
    backdrop-filter: blur(3.5463px)
}

.cards-list__item.red {
    background-color: #e6af9a
}

.cards-list__item.dark-blue {
    background-color: #35415c
}

.cards-list__item.add-more {
    width: 8rem;
    height: 19rem;
    align-items: center;
    justify-content: center;
    background-color: #f1ded0
}

.cards-list__item.add-more .add-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cards-list__item.add-more .add-card img {
    width: 2.8rem;
    height: 2.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.cards-list__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    empty-cells: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.cards-list__item-bg path {
    stroke: #fff9ee
}

.cards-list__item-name {
    margin-bottom: 1.6rem
}

.cards-list__item-number {
    display: flex;
    align-items: center;
    gap: .7rem
}

.cards-list__item-number p {
    display: flex;
    align-items: center
}

.cards-list__item-number p span {
    width: .4rem;
    height: .4rem;
    background-color: #fff;
    border-radius: 50%
}

.cards-list__item-number p span:first-child {
    margin-left: .35rem
}

.cards-list__item-number p span:not(:last-child) {
    margin-right: .35rem
}

.cards-list__item-date {
    margin-top: auto
}

.cards-list__item-right {
    padding-top: 2rem;
    padding-bottom: 2.6rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: rgba(234, 194, 178, .15);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem);
    border-radius: 0 1rem 1rem 0
}

.cards-list__item-right__btn {
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    gap: .3rem;
    align-items: center;
    justify-content: center;
    position: relative
}

.cards-list__item-right__btn span {
    width: .4rem;
    height: .4rem;
    background-color: #fff;
    border-radius: 50%
}

.cards-list__item-right__btn-popup {
    transition: .2s ease-in-out;
    opacity: 0;
    transform: translateY(-2rem);
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 17.9rem;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2.4rem;
    border-radius: 0 0 3rem 3rem;
    border: .1rem solid #f1ded0;
    background: #fff9ee;
    box-shadow: 1.5rem 2.4rem 3.5rem 0 rgba(0, 0, 0, .07)
}

.cards-list__item-right__btn-popup span {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    display: block;
    cursor: pointer
}

.cards-list__item-right__btn-popup.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all
}

.cards-list__item-right__icon {
    width: 3rem;
    height: 1rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:48em) {
    .cards-list {
        flex-direction: column
    }

    .cards-list__item {
        width: auto;
        height: 38rem;
        padding: 4rem
    }

    .cards-list__item.add-more {
        width: auto;
        height: 10rem
    }

    .cards-list__item-right {
        width: 16rem;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .cards-list__item-right__btn {
        width: 6rem;
        height: 6rem
    }

    .cards-list__item-right__btn span {
        width: .8rem;
        height: .8rem
    }

    .cards-list__item-right img {
        width: 6rem;
        height: 2rem
    }
}

.catalog-hero {
    position: relative
}

.catalog-hero__text {
    position: absolute;
    top: 34.4rem;
    left: 16rem
}

.catalog-hero__heading {
    margin-bottom: 4.5rem
}

.catalog-hero__swiper {
    width: 100%;
    max-width: 192rem;
    height: 90rem
}

.catalog-hero__swiper-slide {
    width: 100%;
    height: 100%;
    position: relative
}

.catalog-hero__swiper-slide__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog-hero__swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.catalog-hero__swiper .swiper-controllers {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1
}

.catalog-main {
    padding-top: 4rem;
    padding-bottom: 18rem
}

.catalog-main .breadcrumbs {
    margin-bottom: 8rem
}

.catalog-main .filters-search-sorting {
    margin-bottom: 2.3rem
}

@media (hover:hover) {
    .cards-list__item-right__btn-popup span:hover {
        font-weight: 700;
        color: #35415c
    }
}

.main-banner {
    margin-top: 13.5rem;
    position: relative;
    max-width: 256rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #f1ded0
}

.main-banner .next,
.main-banner .prev {
    position: relative;
    top: .2rem
}

.main-banner .next svg,
.main-banner .prev svg {
    transition: fill .45s
}

.main-banner--light .main-banner__swiper-controllers .swiper-pagination-bullet {
    border-color: #fff9ee !important
}

.main-banner--light .main-banner__swiper-controllers .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #fff9ee;
    background-color: #fff9ee !important
}

.main-banner--light .main-banner__swiper-controllers .next,
.main-banner--light .main-banner__swiper-controllers .prev {
    position: relative;
    top: .2rem
}

.main-banner--light .main-banner__swiper-controllers .next svg,
.main-banner--light .main-banner__swiper-controllers .prev svg {
    fill: #fff9ee !important
}

.main-banner--blue .main-banner__swiper-controllers .swiper-pagination-bullet {
    border-color: #35415c !important
}

.main-banner--blue .main-banner__swiper-controllers .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #35415c !important;
    background-color: #35415c !important
}

.main-banner--blue .main-banner__swiper-controllers .next,
.main-banner--blue .main-banner__swiper-controllers .prev {
    position: relative;
    top: .2rem
}

.main-banner--blue .main-banner__swiper-controllers .next svg,
.main-banner--blue .main-banner__swiper-controllers .prev svg {
    fill: #35415c !important
}

.main-banner--biege .main-banner__swiper-controllers .swiper-pagination-bullet {
    border-color: #f1ded0 !important
}

.main-banner--biege .main-banner__swiper-controllers .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #f1ded0 !important;
    background-color: #f1ded0 !important
}

.main-banner--biege .main-banner__swiper-controllers .next,
.main-banner--biege .main-banner__swiper-controllers .prev {
    position: relative;
    top: .2rem
}

.main-banner--biege .main-banner__swiper-controllers .next svg,
.main-banner--biege .main-banner__swiper-controllers .prev svg {
    fill: #f1ded0 !important
}

.main-banner--red .main-banner__swiper-controllers .swiper-pagination-bullet {
    border-color: #51283f !important
}

.main-banner--red .main-banner__swiper-controllers .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #51283f !important;
    background-color: #51283f !important
}

.main-banner--red .main-banner__swiper-controllers .next,
.main-banner--red .main-banner__swiper-controllers .prev {
    position: relative;
    top: .2rem
}

.main-banner--red .main-banner__swiper-controllers .next svg,
.main-banner--red .main-banner__swiper-controllers .prev svg {
    fill: #51283f !important
}

.main-banner__swiper {
    height: 100%;
}

.main-banner__swiper-slide {
    position: relative;
    height: 100%
}

.main-banner__swiper-slide__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: -1
}

.main-banner__swiper-controllers {
    width: 100%;
    position: absolute;
    bottom: 5.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.main-banner__swiper-controllers .next,
.main-banner__swiper-controllers .prev {
    cursor: pointer;
    transition: opacity .2s ease-in-out;
    width: 2.8rem;
    height: 1.6rem
}

.main-banner__swiper-controllers .next img,
.main-banner__swiper-controllers .next svg,
.main-banner__swiper-controllers .prev img,
.main-banner__swiper-controllers .prev svg {
    width: 2.8rem;
    height: 1.6rem;
    -o-object-fit: contain;
    object-fit: contain
}

.main-banner__swiper-controllers .next path,
.main-banner__swiper-controllers .prev path {
    fill: #35415c
}

.main-banner__swiper-controllers .next.swiper-button-disabled,
.main-banner__swiper-controllers .prev.swiper-button-disabled {
    opacity: 0
}

.main-banner__swiper-controllers .swiper-pagination {
    margin: 0 1.6rem;
    position: relative;
    display: flex;
    align-items: center
}

.main-banner__swiper-controllers .swiper-pagination .swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 2px solid #35415c;
    background-color: transparent;
    opacity: 1
}

.main-banner__swiper-controllers .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 1.6rem
}

.main-banner__swiper-controllers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #35415c
}

.main-banner__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.main-banner-mobile__swiper {
    display: none
}

@media (max-width:48em) {
    .main-banner {
        margin-top: 18.2rem;
        min-height: 105rem;
        /*height: calc(100dvh - 18.2rem)*/
    }

    .main-banner__swiper-slide__img {
        -o-object-position: center;
        object-position: center
    }

    .main-banner__swiper-controllers .next img,
    .main-banner__swiper-controllers .next svg,
    .main-banner__swiper-controllers .prev img,
    .main-banner__swiper-controllers .prev svg {
        width: 5.6rem;
        height: 2.6rem
    }

    .main-banner__swiper-controllers .swiper-pagination {
        margin: 0 4rem
    }

    .main-banner__swiper-controllers .swiper-pagination .swiper-pagination-bullet {
        width: 3rem;
        height: 3rem
    }

    .main-banner__swiper-controllers .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
        margin-right: 3.2rem
    }

    .main-banner__swiper {
        display: none
    }

    .main-banner-mobile__swiper {
        display: block;
       
    }

    .main-banner__swiper-controllers {
        bottom: 4.95%
    }
}

.main-about {
    padding-top: 15rem;
    padding-bottom: 15rem
}

.main-about__banner {
    margin-bottom: 8rem;
    padding: 8rem 9rem;
    text-align: center;
    background-color: #35415c;
    border-radius: 0 0 5rem 5rem
}

.main-about__banner-link--margin {
    margin-top: 4.5rem
}

.main-about__banner-heading {
    margin-bottom: 2.5rem
}

.main-about__banner-description,
.main-about__banner-subheading {
    margin-bottom: 4.5rem
}

.main-about__banner-description,
.main-about__banner-heading {
    color: #fff9ee
}

.main-about__banner-description {
    width: 113.7rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.main-about__banner-subheading {
    color: #e6af9a
}

@media (max-width:48em) {
    .main-about {
        padding: 9.6rem 0
    }

    .main-about.light-section {
        background-color: #fff9ee
    }

    .main-about.biege-section {
        background-color: #f1ded0
    }

    .main-about .container:not(:last-child) {
        margin-bottom: 4.8rem
    }

    .main-about__banner {
        padding: 12rem 4rem;
        border-radius: 0 0 7.2rem 7.2rem;
        margin-bottom: 0
    }

    .main-about__banner-description {
        width: 100%
    }
}

.categories-section.alternative {
    padding-bottom: 0
}

.categories-section.alternative .categories-section__heading {
    color: #51283f
}

.categories-section.alternative .categories-section__list {
    grid-template-areas: "A A B B""A A C C"
}

.categories-section.alternative .categories-section__list .categories-section__list-item__link {
    background-color: #f1ded0
}

.categories-section.alternative .categories-section__list .categories-section__list-item__link svg {
    fill: #51283f
}

.categories-section.alternative .categories-section__list .categories-section__list-item__text {
    background: #fff9ee
}

.categories-section.alternative .categories-section__list .categories-section__list-item__text-heading {
    color: #51283f
}

.categories-section.alternative .categories-section__list .categories-section__list-item__text-description {
    color: #35415c
}

.categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) {
    grid-area: C;
    display: flex;
    flex-direction: row-reverse;
    height: 100%
}

.categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__img {
    width: 41.2rem;
    height: 27.6rem;
    border-radius: 0 0 0 5rem;
    overflow: hidden
}

.categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__text {
    border-radius: 0 0 5rem;
    width: 37.1rem;
    min-height: 100%
}

.categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__text-description {
    width: 26rem
}

.categories-section.temporarily .categories-section__list .categories-section__list-item:nth-child(2) {
    flex-direction: row-reverse
}

.categories-section.temporarily .categories-section__list .categories-section__list-item:nth-child(3) {
    flex-direction: row
}

.categories-section__heading {
    margin-bottom: 3.5rem
}

.categories-section__list {
    display: grid;
    grid-gap: 3.2rem 3.5rem;
    grid-template-areas: "A A B B""A A C D";
    grid-template-columns: repeat(4, 37.5rem);
    grid-template-rows: 24.6rem
}

.categories-section__list-item__text {
    background: url(/local/templates/cofefest/src/css/../images/background-1.webp) center/cover no-repeat, #35415c;
    height: 100%;
    padding: 5rem 3rem;
    position: relative;
    min-height: 26rem;
    border-radius: 0 0 5rem 5rem
}

.categories-section__list-item:nth-child(1) {
    grid-area: A;
    display: flex;
    flex-direction: column-reverse;

}

.categories-section__list-item:nth-child(1) .categories-section__list-item__img {
    width: 100%;
    height: 29.4rem
}

.categories-section__list-item:nth-child(1) .categories-section__list-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.categories-section__list-item:nth-child(1) .categories-section__list-item__text {
    height: 26.1rem
}

.categories-section__list-item:nth-child(1) .categories-section__list-item__text-description {
    width: 32.3rem
}

.categories-section__list-item:nth-child(2) {
    grid-area: B;
    display: flex;
    height: 100%
}

.categories-section__list-item:nth-child(2) .categories-section__list-item__img {
    width: 41.2rem;
    height: 24.6rem;
    border-radius: 0 0 5rem;
    overflow: hidden
}

.categories-section__list-item:nth-child(2) .categories-section__list-item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.categories-section__list-item:nth-child(2) .categories-section__list-item__text {
    border-radius: 0 0 0 5rem;
    width: 37.1rem;
    min-height: 100%
}

.categories-section__list-item:nth-child(2) .categories-section__list-item__text-description {
    width: 26rem
}

.categories-section__list-item:nth-child(3) {
    grid-area: C
}

.categories-section__list-item:nth-child(3) .categories-section__list-item__text-description {
    width: 26rem
}

.categories-section__list-item:nth-child(4) {
    grid-area: D
}

.categories-section__list-item:nth-child(4) .categories-section__list-item__text-description {
    width: 26rem
}

.categories-section__list-item__text-heading {
    margin-bottom: 1.2rem;
    color: #e6af9a
}

.categories-section__list-item__text-description {
    color: #fff9ee
}

.categories-section__list-item__link {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    z-index: 2
}

@media (max-width:48em) {
    .categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) {
       display: flex;
       flex-direction: column-reverse;
    }

    .categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__text {
        border-radius: 0 0 7.2rem 7.2rem;
        width: 100%
    }

    .categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__text-description {
        width: 41rem
    }

    .categories-section.alternative .categories-section__list .categories-section__list-item:nth-child(3) .categories-section__list-item__img,
    .categories-section.alternative .categories-section__list .categories-section__list-item__img {
        width: 100%;
        height: 57rem;
        border-radius: 0
    }

    .categories-section__heading {
        margin-bottom: 8rem
    }

    .categories-section__list {
        display: block
    }

    .categories-section__list-item__text {
        background-image: url(/local/templates/cofefest/src/css/../images/background-1-mobile.webp);
        background-size: cover;
        background-position: center;
        padding: 8rem 4rem;
        min-height: 46rem;
        border-radius: 0 0 7.2rem 7.2rem
    }

    .categories-section__list-item:not(:last-child) {
        margin-bottom: 4.8rem
    }

    .categories-section__list-item:nth-child(1) .categories-section__list-item__img {
        height: 57rem
    }

    .categories-section__list-item:nth-child(1) .categories-section__list-item__text-description {
        width: 41rem
    }

    .categories-section__list-item:nth-child(2) {
       display: flex;
       flex-direction: column-reverse;
    }

    .categories-section__list-item:nth-child(3) {
        display: flex;
        flex-direction: column-reverse;
     }

    .categories-section__list-item:nth-child(2) .categories-section__list-item__text {
        border-radius: 0 0 7.2rem 7.2rem;
        width: 100%
    }

    .categories-section__list-item:nth-child(2) .categories-section__list-item__text-description,
    .categories-section__list-item:nth-child(3) .categories-section__list-item__text-description,
    .categories-section__list-item:nth-child(4) .categories-section__list-item__text-description {
        width: 41rem
    }

    .categories-section__list-item__text-description {
        width: 41rem
    }

    .categories-section__list-item__link {
        bottom: 8rem;
        right: 4rem
    }

    .categories-section__list-item__link svg {
        display: none
    }
}

.services__heading {
    margin-bottom: 3rem
}

.services .swiper-controllers {
    margin-top: 5rem
}

.services .swiper-controllers .formats__swiper-pagination,
.services .swiper-controllers .proposal__swiper-pagination,
.services .swiper-controllers .serv__swiper-pagination {
    top: 0
}

.services__link {
    margin-top: auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: .1rem solid;
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

.services__container {
    position: relative
}

.services__list {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.services__list-item {
    width: 37.2rem;
    display: flex;
    flex-direction: column
}

.services__list-item__text {
    padding: 5rem 3rem 3rem;
    background-color: #f1ded0;
    flex-grow: 1
}

.services__list-item__text-heading {
    margin-bottom: 1.2rem
}

.services__list-item__text-description {
    width: 27.7rem
}

.services__list-item__icon {
    height: 27.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 5rem 5rem
}

.services__list-item__icon.catering {
    background-color: #51283f
}

.services__list-item__icon.organization {
    background-color: #67a7ac
}

.services__list-item__icon.corporate {
    background-color: #203d3c
}

.services__list-item__icon.barista {
    background-color: #35415c
}

.services__list-item__icon img {
    max-width: 20.6rem;
    max-height: 19.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.services--link .services__swiper-slide__text {
    display: flex;
    flex-direction: column;
    min-height: 27.5rem
}

.services--link .services__swiper-slide__text-description {
    margin-bottom: 3rem;
    width: 31.5rem
}

.services--link .services__swiper-slide__text-link {
    margin-left: auto;
    margin-top: auto;
    border-bottom: 1px solid #35415c
}

.services--link .services__swiper-slide__text-link:hover:not(:focus-visible) {
    color: #fff9ee;
    border-color: #fff9ee
}

.services__swiper .swiper-wrapper {
    align-items: stretch
}

.services__swiper-slide {
    display: flex;
    height: auto;
    flex-direction: column
}

.services__swiper-slide__image {
    width: 100%;
    height: 28.05rem;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden
}

.services__swiper-slide__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services__swiper-slide__text {
    padding: 5rem 3rem 3rem;
    min-height: 24.1rem;
    height: calc(100% - 27.2rem);
    background-color: #f1ded0
}

.services__swiper-slide__text-heading {
    margin-bottom: 1.2rem
}

.services__swiper-slide__text-description {
    width: 100%
}

.services__swiper-slide__icon {
    height: 27.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 5rem 5rem
}

.services__swiper-slide__icon.catering {
    background-color: #51283f
}

.services__swiper-slide__icon.organization {
    background-color: #67a7ac
}

.services__swiper-slide__icon.corporate {
    background-color: #203d3c
}

.services__swiper-slide__icon.barista {
    background-color: #35415c
}

.services__swiper-slide__icon img {
    width: 20.6rem;
    height: 19.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:48em) {
    .services {
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-3-mobile.webp);
        padding: 9.6rem 0
    }

    .services.away,
    .services.catering,
    .services.corpo-food-services {
        padding-bottom: 0
    }

    .services__heading {
        margin-bottom: 8rem
    }

    .services .swiper-controllers {
        margin-top: 8rem
    }

    .services .services__swiper-slide__text {
        padding: 8rem 4rem;
        min-height: 52.2rem;
        height: auto
    }

    .services .services__swiper-slide__text-link {
        margin-top: auto
    }

    .services .services__swiper-slide__text-heading {
        max-width: 59.2rem
    }

    .services .services__swiper-slide__text-description {
        width: auto;
        max-width: 59.2rem
    }

    .services .services__swiper-slide__text-description:not(:last-child) {
        margin: 0 0 12.2rem
    }

    .services .services__swiper-slide__image {
        height: 50.4rem
    }

    .services .services__swiper-slide__image img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .services .services__swiper-slide__image-description,
    .services .services__swiper-slide__image-heading {
        display: none
    }

    .services__list-item--small .services__list-item__text {
        padding: 8rem 4rem 12rem;
        height: calc(100% - 50.4rem)
    }

    .services__list-item--small .services__list-item__icon {
        height: 50.4rem
    }

    .services__list-item--medium .services__list-item__text {
        min-height: 50rem;
        height: calc(100% - 54.4rem)
    }

    .services__list-item--medium .services__list-item__icon {
        height: 54.4rem
    }

    .services__list-item__text {
        padding: 8rem 4rem;
        height: calc(100% - 50.4rem)
    }

    .services__list-item__text-description {
        width: auto
    }

    .services__list-item__icon {
        height: 50.4rem
    }

    .services__list-item__icon-description,
    .services__list-item__icon-heading {
        display: none
    }

    .services .three-item-container {
        flex-direction: column
    }

    .services .three-item-container .catalog-card-1 {
        width: auto;
        flex: 0 1 100%
    }

    .services .three-item-container .catalog-card-1__img {
        height: 50.6rem
    }

    .services .three-item-container .catalog-card-1__descr {
        height: auto
    }

    .services .three-item-container .catalog-card-1__imgless {
        height: 50.6rem
    }

    .services .three-item-container .catalog-card-1__info {
        row-gap: 2.4rem;
        height: auto
    }

    .services .three-item-container .catalog-card-1__info-block-title {
        font-size: 3.6rem
    }

    .services .three-item-container .catalog-card-1__info-item span,
    .services .three-item-container .catalog-card-1__info-item strong {
        font-size: 2.8rem
    }

    .services .three-item-container .catalog-card-1__info-price {
        margin-top: 2.6rem;
        font-size: 5.2rem
    }

    .services .three-item-container .catalog-card-1__link {
        padding: 0;
        margin-top: 4.6rem;
        margin-left: -1rem;
        margin-right: -1rem;
        text-align: center
    }

    .services .three-item-container .catalog-card-1__link span {
        font-size: 3.6rem;
        margin: 0 -3rem
    }
}

.video {
    background-color: #35415c;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.video__content {
    position: relative;
    width: 100%;
    height: 74rem
}

.video__content-item {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video__content-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (max-width:48em) {
    .video__content {
        height: 148rem;
        width: 75rem;
        margin-left: -4rem
    }
}

.video-js {
    color: #29354d !important;
    width: 160rem;
    height: 74.2rem;
    max-width: 132rem;
    margin: 0 auto;
    display: block !important
}

.video-js--light .vjs-poster,
.video-js--light .vjs-poster img {
    background-color: #fff9ee !important
}

.video-js--medium {
    width: 100%;
    height: 100%
}

.video-js--medium .vjs-poster {
    background-color: #35415c
}

.video-js--medium .vjs-poster img {
    background-color: #35415c;
    border-radius: 0 0 5rem 5rem
}

.video-js--slim {
    width: 37.2rem;
    height: 100%
}

.video-js--slim .vjs-poster {
    background-color: #35415c
}

.video-js--slim .vjs-poster img {
    background-color: #35415c;
    border-radius: 0 0 5rem 5rem
}

.video-js--slim2 {
    width: 67.2rem;
    height: 100%
}

.video-js--slim2 .vjs-poster {
    background-color: #35415c
}

.video-js--slim2 .vjs-poster img {
    background-color: #35415c;
    border-radius: 0 0 5rem 5rem
}

.video-js--small {
    width: 37.2rem;
    height: 100%
}

.video-js--small .vjs-poster {
    background-color: #35415c
}

.video-js--small .vjs-poster img {
    background-color: #35415c;
    border-radius: 0 0 5rem 5rem
}

.video-js .vjs-control-bar {
    background-color: #fff9ee !important
}

.vjs-picture-in-picture-control {
    display: none !important
}

.video-js .vjs-progress-holder .vjs-play-progress {
    background-color: #29354d !important
}

.video-js .vjs-slider {
    background-color: #f1ded0 !important
}

.vjs-volume-level {
    background-color: #29354d !important
}

.vjs-poster img {
    width: 100% !important;
    height: 100% !important;
    -o-object-fit: contain !important;
    object-fit: contain !important;
    background-color: #000
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "" !important
}

.video-js .vjs-big-play-button {
    z-index: 3 !important;
    border-radius: 0 !important;
    border: none !important;
    background-color: rgba(255, 255, 255, 0) !important;
    width: 8.8rem !important;
    height: 8.8rem !important;
    background-image: url(/local/templates/cofefest/src/css/../images/video-play-btn.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    right: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important
}

.video-js .vjs-big-play-button:hover {
    background-image: url(/local/templates/cofefest/src/css/../images/video-play-btn-hover.png) !important;
    background-repeat: no-repeat;
    background-size: contain
}

@media (max-width:48em) {
    .vjs-poster img {
        -o-object-fit: cover !important;
        object-fit: cover !important
    }

    .video .container {
        padding: 0
    }

    .video-js {
        height: 148rem;
        width: 75rem
    }

    .video-js .vjs-big-play-button {
        width: 12rem !important;
        height: 12rem !important
    }
}

.news__container {
    position: relative
}

.news__heading {
    margin-bottom: 3rem
}

.news__swiper {
    margin-bottom: 5.4rem
}

.news__swiper-slide__img {
    width: 100%;
    height: 33rem
}

.news__swiper-slide__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news__swiper-slide__text {
    padding: 5rem 3rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 33rem;
    background: url(/local/templates/cofefest/src/css/../images/background-3.webp) top left/100% 100% no-repeat, 0 0/100% 100% #35415c;
    border-radius: 0 0 5rem 5rem
}

.news__swiper-slide__text-heading {
    margin-bottom: 1.2rem;
    color: #e6af9a
}

.news__swiper-slide__text-description {
    margin-bottom: 1.2rem;
    color: #fff9ee;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news__swiper-slide__text-bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.news__swiper-slide__text-bottom p {
    margin-right: 2.4rem;
    color: #e6af9a
}

.news__swiper-slide__text-bottom a {
    color: #fff9ee
}

.news__swiper-slide__text-bottom a:hover {
    color: #e6af9a
}

.news__link {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10
}

@media (max-width:48em) {
    .news__swiper {
        margin-bottom: 8rem
    }

    .news__swiper-slide__img {
        height: 50.2rem
    }

    .news__swiper-slide__img img {
        height: 102%
    }

    .news__swiper-slide__text {
        padding: 8rem 4rem;
        min-height: 49.2rem;
        background-image: url(/local/templates/cofefest/src/css/../images/background-1-mobile.webp);
        background-size: cover;
        background-position: center
    }

    .news__swiper-slide__text-description {
        margin-bottom: 8rem
    }

    .news__swiper-slide__text-bottom {
        justify-content: space-between
    }

    .news__swiper-controllers {
        margin-bottom: 8rem
    }

    .news__link {
        bottom: auto;
        right: auto;
        position: relative;
        left: 100%;
        transform: translateX(-100%)
    }
}

.events__container {
    position: relative
}

.events__swiper {
    margin-bottom: 5rem
}

.events__swiper-slide {
    display: flex;
    border-radius: 0 0 5rem 5rem
}

.events__swiper-slide__text {
    padding: 8rem 6.8rem 8rem 6rem;
    width: 82.5rem;
    background-color: #f1ded0;
    border-radius: 0 0 0 5rem
}

.events__swiper-slide__heading {
    margin-bottom: 3.5rem
}

.events__swiper-slide__description,
.events__swiper-slide__subheading {
    margin-bottom: 4.5rem
}

.events__swiper-slide__link:hover:not(:focus-visible) {
    color: #fff9ee
}

.events__swiper-slide__link:hover:not(:focus-visible) .arrow-link__icon {
    fill: #fff9ee
}

.events__swiper-slide__img {
    width: 79.1rem;
    height: 67.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0 0 5rem
}

@media (max-width:48em) {
    .events {
        background-color: #fff9ee
    }

    .events__swiper {
        margin-bottom: 8rem
    }

    .events__swiper-slide {
        flex-direction: column;
        border-radius: 0 0 7.2rem 7.2rem
    }

    .events__swiper-slide__text {
        padding: 12rem 4rem 8rem;
        width: 100%;
        border-radius: 0
    }

    .events__swiper-slide__img {
        width: 100%;
        height: 46rem;
        border-radius: inherit
    }
}

.franchise__content {
    display: flex
}

.franchise__left {
    padding: 8rem 13.2rem 8rem 6rem;
    width: 50%;
    background-color: #35415c;
    border-radius: 0 0 0 5rem
}

.franchise__left-description,
.franchise__left-heading,
.franchise__left-subheading {
    margin-bottom: 4.5rem
}

.franchise__left-heading {
    color: #fff
}

.franchise__left-subheading {
    color: #e6af9a
}

.franchise__left-description {
    color: #fff
}

.franchise__right {
    width: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 0 0 5rem
}

.franchise__right-img {
    width: 79.1rem;
    height: 67.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .franchise {
        background-color: #fff9ee;
        padding: 9.6rem 0
    }

    .franchise__content {
        flex-direction: column
    }

    .franchise__left {
        padding: 12rem 4rem 8rem;
        width: 100%;
        border-radius: 0
    }

    .franchise__left-heading,
    .franchise__left-subheading {
        margin-bottom: 4rem
    }

    .franchise__left-description {
        margin-bottom: 8rem
    }

    .franchise__right {
        width: 100%;
        height: 47rem;
        border-radius: 0 0 7.2rem 7.2rem
    }
}

.news-banner {
    margin-top: 14rem;
    height: calc(100vh - 14rem);
    position: relative;
    text-align: center
}

.news-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.news-banner__btn {
    position: absolute;
    top: 39.2rem;
    left: 50%;
    transform: translateX(-50%)
}

.news-main {
    padding-top: 8rem;
    padding-bottom: 15rem;
    background-color: #fff9ee
}

.news-main__heading {
    margin-bottom: 7.5rem
}

.news-main__description {
    margin-top: -4.5rem;
    margin-bottom: 8rem;
    width: 78.5rem;
    font-weight: 700
}

.news-main__tags {
    margin-bottom: 10rem;
    display: flex;
    align-items: center;
    gap: .8rem
}

.news-main__tags-btn {
    border: none
}

.news-main__list {
    margin-bottom: 6rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3.4rem
}

.news-main.stocks .news-main__item-name::after {
    background-color: transparent !important
}

.news-main__item {
    width: 78.3rem;
    position: relative
}

.news-main__item-img {
    width: 100%;
    height: 46.98rem;
    -o-object-fit: cover;
    object-fit: cover
}

.news-main__item-text {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    min-height: 35.3rem;
    background: url(/local/templates/cofefest/src/css/../images/background-4.webp) top center/cover no-repeat, #35415c;
    border-radius: 0 0 5rem 5rem
}

.news-main__item-heading {
    margin-bottom: 1.6rem;
    color: #e6af9a
}

.news-main__item-description {
    margin-bottom: 1.6rem;
    color: #fff9ee
}

.news-main__item-description p:not(:last-child) {
    margin-bottom: 1rem
}

.news-main__item-bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.news-main__item-date {
    margin-right: 2.4rem;
    color: #e6af9a
}

.news-main__item-name {
    color: #fff9ee
}

.news-main__item-name:hover:not(:focus-visible) {
    color: #e3bca0
}

.news-main__item-name::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.news-main__list-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.news-main__list-bottom .arrow-link {
    color: #35415c
}

.news-main__list-bottom .arrow-link:hover {
    color: #e6af9a
}

.news-main__list-bottom .arrow-link:hover .arrow-link__icon path {
    fill: #e6af9a
}

@media (max-width:48em) {
    .news-main {
        padding-bottom: 9.6rem;
        padding-top: 5.6rem
    }

    .news-main.stocks .news-main__heading {
        font-size: 5.2rem;
        line-height: 120%;
        margin-bottom: 4rem
    }

    .news-main.stocks .news-main__description {
        margin-top: 0;
        font-size: 2.8rem;
        line-height: 140%;
        margin-bottom: 8rem
    }

    .news-main .settings-bar,
    .news-main__heading {
        margin-bottom: 3.2rem
    }

    .news-main__item {
        width: 67rem
    }

    .news-main__item-text {
        padding: 8rem 4rem;
        background-image: url(/local/templates/cofefest/src/css/../images/background-4-mobile.webp)
    }

    .news-main__description {
        width: auto;
        max-width: 67rem
    }

    .news-main__list {
        gap: 4.8rem
    }

    .news-main__item-img {
        height: 37.2rem
    }

    .news-main__item-heading {
        font-size: 3.6rem;
        line-height: 150%;
        margin-bottom: 2.4rem
    }

    .news-main__item-description {
        margin: 0 0 4rem;
        font-size: 2.8rem;
        line-height: 140%
    }

    .news-main__item-date {
        margin: 0 auto 0 0
    }
}

.news-detail__hero {
    margin-top: 14rem
}

.news-detail__hero.big-news-photo .news-detail__hero-content__right-img {
    width: 78.3rem;
    height: 46.98rem
}

.news-detail__hero-top {
    padding-top: 8rem;
    padding-bottom: 5.7rem;
    background-color: #fff9ee
}

.news-detail__hero-top .breadcrumbs {
    margin-bottom: 0
}

.news-detail__hero-content {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #35415c
}

.news-detail__hero-content .container {
    display: flex;
    justify-content: space-between
}

.news-detail__hero-content__left {
    margin-left: 3rem;
    width: 87.4rem
}

.news-detail__hero-content__left .heading2 {
    margin-bottom: 2.4rem;
    color: #fff9ee
}

.news-detail__hero-content__left .heading4 {
    margin-bottom: 2.4rem;
    color: #e6af9a
}

.news-detail__hero-content__left .text1 {
    color: #fff9ee
}

.news-detail__hero-content__right {
    display: flex;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    gap: 3.2rem;
    height: 49.6rem
}

.news-detail__hero-content__right-img {
    width: 37.2rem;
    height: 100%;
    border-radius: 0 0 5rem 5rem
}

.news-detail__hero-content__right-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.news-detail__hero-content__right-video {
    position: relative;
    width: 37.2rem;
    height: 100%;
    border-radius: 0 0 5rem 5rem
}

.news-detail__hero-content__right-video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.news-detail__hero-content__right-video .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.news-detail__hero-content__right-video .play-btn img {
    width: 7.6rem;
    height: 7.6rem;
    -o-object-fit: contain;
    object-fit: contain
}

.news-detail__hero-content__right-text {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
    color: #fff9ee;
    text-transform: none;
    width: 32rem
}

@media (max-width:48em) {
    .news-detail__hero {
        margin-top: 18.5rem
    }

    .news-detail__hero.big-news-photo .news-detail__hero-content__right-img {
        width: 67rem;
        height: 37.2rem
    }

    .news-detail__hero-top {
        padding: 5.6rem 0
    }

    .news-detail__hero-content .container {
        flex-direction: column
    }

    .news-detail__hero-content__left {
        width: auto;
        margin: 0 0 8rem
    }

    .news-detail__hero-content__left .heading2 {
        margin: 0 0 8rem
    }

    .news-detail__hero-content__left .heading4 {
        font-size: 2.8rem
    }

    .news-detail__hero-content__right {
        justify-content: space-between
    }

    .news-detail__hero-content__right-text {
        width: auto
    }

    .news-detail__hero-content__right-text .name {
        text-transform: uppercase
    }

    .news-detail__hero-content__right-img,
    .news-detail__hero-content__right-video {
        margin: 0
    }

    .news-detail__hero-content__right-video .video-js {
        width: 100%;
        height: 100%
    }

    .news-detail__hero-content__right .section-banner__right-img {
        height: 43rem
    }
}

.news-detail {
    background-color: #fff9ee
}

.news-detail .container {
    display: flex;
    width: 132rem
}

.news-detail__left {
    margin-right: 9.2rem
}

.news-detail__left .social-list__item:not(:last-child) {
    margin-bottom: 1.6rem
}

.news-detail__left .social-list__item-link img {
    width: 4.5rem;
    height: 4.5rem;
    -o-object-fit: contain;
    object-fit: contain
}

.news-detail__center {
    width: 64.6rem
}

.news-detail__center-block {
    margin-bottom: 5rem
}

.news-detail__center-block .heading4,
.news-detail__center-block__description:not(:last-child) {
    margin-bottom: 2.4rem
}

.news-detail__center-block__description p:not(:last-child) {
    margin-bottom: 1rem
}

.news-detail__center-block__img {
    height: 48.45rem;
    width: 64.6rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0 0 5rem 5rem
}

.news-detail__right {
    margin-left: auto;
    width: 37.5rem
}

.news-detail__right-heading {
    margin-bottom: 3rem
}

.news-detail__right-list__item {
    padding: 4rem 3.5rem;
    position: relative;
    width: 100%;
    background: url(/local/templates/cofefest/src/css/../images/background-5.webp) center/cover no-repeat, #f1ded0;
    border-radius: 0 0 5rem 5rem
}

.news-detail__right-list__item:not(:last-child) {
    margin-bottom: 3.6rem
}

.news-detail__right-list__item .arrow-link {
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
    display: flex
}

.news-detail__right-list__item .heading4 {
    margin-bottom: 1.6rem
}

.news-detail__right-list__item .menu {
    margin-bottom: 3.4rem
}

.news-detail__right-list__item .arrow-link::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.news-detail__right-list__item .arrow-link:hover:not(:focus-visible) {
    color: #e3bca0
}

.news-detail__right-list__item .arrow-link:hover:not(:focus-visible) .arrow-link__icon path {
    fill: #e3bca0
}

@media (max-width:48em) {
    .news-detail .container {
        flex-direction: column;
        width: auto
    }

    .news-detail__left {
        order: 2;
        max-width: 67rem;
        margin: 0 0 10rem
    }

    .news-detail__left .social-list {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

    .news-detail__left .social-list__item:not(:last-child) {
        margin: 0 3.2rem 0 0 !important
    }

    .news-detail__left .social-list__item .icon-link {
        width: 9rem;
        height: 9rem
    }

    .news-detail__center {
        order: 1
    }

    .news-detail__center-block,
    .news-detail__center-block__description:not(:last-child) {
        margin-bottom: 8rem
    }

    .news-detail__right {
        order: 3;
        margin: 0;
        width: auto;
        max-width: 67rem
    }

    .news-detail__right-list__item {
        padding: 8rem 4rem
    }

    .news-detail__right-list__item .heading4 {
        font-size: 4.4rem;
        line-height: 120%;
        margin-bottom: 2.4rem
    }

    .news-detail__right-list__item .menu {
        margin-bottom: 8rem;
        font-size: 2.8rem;
        line-height: 140%
    }

    .news-detail__hero-content {
        padding-top: 9.6rem;
        padding-bottom: 27rem
    }

    .news-detail__hero-content__right {
        height: auto
    }

    .news-detail__hero-content__right-img,
    .news-detail__hero-content__right-video {
        width: 32.4rem;
        height: 43.2rem
    }

    .news-detail__hero-content__right-text {
        bottom: -17.4rem;
        left: 0
    }

    .news-detail__hero-content__right-text .name {
        font-family: Circe;
        font-size: 3.6rem;
        line-height: 150%
    }

    .news-detail__hero-content__right-text .post {
        font-family: Circe;
        font-size: 2.8rem;
        line-height: 140%;
        font-weight: 400
    }
}

.about-hero {
    margin-top: 14rem;
    padding-top: 14rem;
    height: calc(100vh - 14rem);
    position: relative
}

.about-hero__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.about-hero__heading {
    text-align: center
}

.about-info {
    background-color: #f1ded0
}

.about-info.calculator-banner+.catalog-main-block {
    padding-top: 8rem
}

.about-info .section-tags__container {
    margin-bottom: 6rem
}

@media (max-width:48em) {
    .about-info {
        padding-top: 5.6rem;
        padding-bottom: 9.6rem
    }
}

.about-production {
    padding-top: 15rem;
    padding-bottom: 15rem;
    background-color: #35415c
}

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

.about-production__left {
    width: 64.5rem
}

.about-production__left-heading {
    margin-bottom: 4.5rem;
    color: #fff9ee
}

.about-production__left-subheading {
    margin-bottom: 4.5rem;
    color: #e6af9a
}

.about-production__left-description {
    color: #fff9ee
}

.about-production__left-description p:not(:last-child) {
    margin-bottom: 1rem
}

.about-production__right {
    width: 78.2rem;
    height: 49.6rem;
    position: relative;
    border-radius: 0 0 5rem 5rem
}

.about-production__right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.about-production__right .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.about-production__right .play-btn img {
    width: 8.8rem;
    height: 8.8rem;
    -o-object-fit: contain;
    object-fit: contain
}

.about-team__heading {
    margin-bottom: 3rem;
    text-align: center
}

.about-team__description {
    margin: 0 auto 5rem;
    width: 85rem;
    text-align: center
}

.about-team__container {
    position: relative
}

.about-team__swiper {
    margin-bottom: 4rem
}

.about-team__swiper-slide {
    text-align: center
}

.about-team__swiper-slide__img {
    margin-bottom: 2.8rem;
    width: 100%;
    height: 49.8667rem;
    border-radius: 0 0 5rem 5rem
}

@media (max-width:48em) {
    .about-team__heading {
        text-align: left;
        font-size: 5.2rem;
        line-height: 120%;
        margin-bottom: 4rem
    }

    .about-team__description {
        max-width: 67rem;
        text-align: left;
        font-size: 2.8rem;
        line-height: 140%;
        margin-bottom: 8rem
    }

    .about-team__swiper {
        margin-bottom: 8rem
    }

    .about-team__swiper-slide {
        height: 101.8rem
    }

    .about-team__swiper-slide__img {
        height: 89.2rem
    }

    .about-team__swiper-controllers .swiper-next,
    .about-team__swiper-controllers .swiper-prev {
        display: none
    }
}

.about-advantages__heading {
    margin-bottom: 5rem
}

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

.about-numbers__container {
    padding-bottom: 15rem;
    position: relative;
    border-bottom: 7px solid #51283f
}

.about-numbers__container .top-left,
.about-numbers__container .top-right {
    position: absolute;
    top: 0;
    width: 49rem;
    height: 8px;
    background-color: #51283f
}

.about-numbers__container .top-left {
    left: 0
}

.about-numbers__container .top-right {
    right: 0
}

.about-numbers__heading {
    margin-top: 1.8rem;
    margin-bottom: 11rem;
    text-align: center;
    transform: translateY(-50%)
}

.about-numbers__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 6rem;
    gap: 12rem 24rem
}

.about-numbers__list-item:nth-child(3n+1) {
    width: 31rem
}

.about-numbers__list-item:nth-child(3n+2) {
    width: 30.6rem
}

.about-numbers__list-item:nth-child(3n+3) {
    width: 33.5rem
}

.about-numbers__list-item__number {
    margin-bottom: 2.4rem;
    font-weight: 700;
    font-size: 9rem;
    line-height: 1;
    color: #51283f
}

@media (max-width:48em) {
    .about-numbers {
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-5-mobile.webp);
        background-size: 100% 100%;
        padding-top: 11.4rem;
        padding-bottom: 9.6rem
    }

    .about-numbers__container {
        padding-bottom: 8rem
    }

    .about-numbers__container .top-left,
    .about-numbers__container .top-right {
        width: 9.8rem;
        height: 5px;
        top: -.25rem
    }

    .about-numbers__heading {
        margin: 0 0 8rem
    }

    .about-numbers__list {
        margin: 0;
        row-gap: 8rem
    }

    .about-numbers__list-item {
        width: 100% !important;
        text-align: center
    }

    .about-numbers__list-item__number {
        font-size: 8rem;
        line-height: 120%;
        letter-spacing: .4rem;
        margin-bottom: 2.4rem
    }

    .about-numbers__list-item__description {
        margin: 0 auto;
        font-size: 2.8rem;
        line-height: 120%;
        letter-spacing: .084rem;
        max-width: 44rem
    }
}

.interiors {
    padding-top: 8rem;
    padding-bottom: 8rem;
    background-color: #f1ded0
}

.interiors .services__swiper-pagination {
    top: 0
}

.interiors__heading {
    margin-bottom: 4rem;
    text-align: center
}

.interiors__container {
    position: relative
}

.interiors__swiper {
    margin-bottom: 4rem
}

.interiors__swiper-slide {
    border-radius: 0 0 5rem 5rem
}

.interiors__swiper-slide.swiper-slide-next,
.interiors__swiper-slide.swiper-slide-prev {
    width: 37.4rem
}

.interiors__swiper-slide__img {
    width: 64rem;
    height: 64rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .interiors {
        padding-top: 9.8rem;
        padding-bottom: 9.6rem
    }

    .interiors.light-section {
        background-image: url(/local/templates/cofefest/src/css/../images/background-3-mobile.webp);
        background-position-y: 0;
        background-color: #fff9ee
    }

    .interiors__heading {
        margin-bottom: 8rem
    }

    .interiors__swiper {
        margin-bottom: 8rem
    }

    .interiors__swiper-slide {
        height: 67rem
    }

    .interiors__swiper-slide img {
        width: 100%
    }

    .interiors__swiper-controllers .swiper-next,
    .interiors__swiper-controllers .swiper-prev {
        display: none
    }
}

.business-advantages {
    padding-top: 15rem
}

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

.business-advantages__left {
    width: 64.5rem;
    display: flex;
    flex-direction: column
}

.business-advantages__left-text {
    padding: 5rem 3rem;
    background-color: #f1ded0
}

.business-advantages__left-text .heading4 {
    margin-bottom: 1.2rem
}

.business-advantages__left-img {
    padding: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #51283f;
    border-radius: 0 0 5rem 5rem
}

.business-advantages__left-img img {
    width: 20.6rem;
    height: 19.2rem;
    -o-object-fit: contain;
    object-fit: contain
}

.business-advantages__right {
    width: 92rem;
    display: flex;
    flex-direction: column
}

.business-advantages__right-top {
    display: flex
}

.business-advantages__right-top__text {
    padding: 5rem 3rem;
    width: calc(100% - 37.5rem);
    background-color: #f1ded0;
    border-radius: 0 0 0 5rem
}

.business-advantages__right-top__text .heading4 {
    margin-bottom: 1.2rem
}

.business-advantages__right-top__img {
    padding: 4rem;
    width: 37.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #67a7ac;
    border-radius: 0 0 5rem
}

.business-advantages__right-top__img img {
    width: 17.5rem;
    height: 16.1rem;
    -o-object-fit: contain;
    object-fit: contain
}

.business-advantages__right-bottom {
    margin-top: auto;
    display: flex;
    justify-content: space-between
}

.business-advantages__right-bottom__block {
    padding: 5rem 3rem;
    background-color: #f1ded0;
    border-radius: 0 0 5rem 5rem
}

.business-advantages__right-bottom__block .heading4 {
    margin-bottom: 1.2rem
}

.business-advantages__right-bottom__block:first-child {
    width: 51rem
}

.business-advantages__right-bottom__block:last-child {
    width: 37.5rem
}

.cooperation__container {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    overflow: hidden
}

.cooperation__btns {
    display: flex;
    align-items: center;
    gap: 2.4rem
}

.cooperation__download-btn {
    color: #e3bca0;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase;
    border-bottom: .1rem solid #e3bca0
}

@media (hover:hover) {
    .cooperation__download-btn:hover {
        color: #fff9ee;
        border-color: #fff9ee
    }
}

.cooperation__left {
    padding: 8rem 6rem;
    width: 82rem;
    background: url(/local/templates/cofefest/src/css/../images/background-6.webp) top left/cover no-repeat, #35415c;
    border-radius: 0 0 0 5rem
}

.cooperation__left .heading2 {
    margin-bottom: 3.5rem;
    color: #fff9ee
}

.cooperation__left .heading4 {
    margin-bottom: 3rem;
    color: #e6af9a;
    width: 56rem
}

.cooperation__left-form {
    margin-bottom: 3.6rem
}

.cooperation__left-form__input-container:not(:last-child) {
    margin-bottom: 2.4rem
}

.cooperation__left-form--short {
    width: 47.8rem
}

.cooperation__left-description {
    width: 55.2rem
}

.cooperation__right {
    width: 78rem;
    border-radius: 0 0 5rem;
    overflow: hidden
}

.cooperation__right-img {
    width: 79.1rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .cooperation.light-section {
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-8-mobile.webp)
    }

    .cooperation__container {
        flex-direction: column
    }

    .cooperation__left {
        background-image: url(/local/templates/cofefest/src/css/../images/background-6-mobile.webp);
        width: auto;
        max-width: 67rem;
        border-radius: 0;
        padding: 9.6rem 4rem 8rem
    }

    .cooperation__left .heading2,
    .cooperation__left .heading4 {
        text-align: center
    }

    .cooperation__left .heading4 {
        margin: 0 0 8rem
    }

    .cooperation__left-form {
        margin-bottom: 8rem;
        margin-right: 0
    }

    .cooperation__left-form__input-container:not(:last-child) {
        margin-bottom: 4rem
    }

    .cooperation__left-form__input-container .input.catalog-inputs__textarea {
        height: 31rem
    }

    .cooperation__left-form--short {
        width: auto
    }

    .cooperation__left-form--short textarea {
        height: 31rem
    }

    .cooperation__left-form--short .cooperation__left-form__input-container:last-child label {
        font-size: 2.8rem;
        align-items: center
    }

    .cooperation__left-form--short .cooperation__left-form__input-container:last-child label span,
    .cooperation__left-form--short .cooperation__left-form__input-container:last-child label strong {
        font-size: 2.8rem
    }

    .cooperation__left-btn {
        padding: 2.8rem 11.66rem
    }

    .cooperation__left .square-btn {
        width: 100%;
        text-align: center
    }

    .cooperation__left .catalog-inputs__file {
        height: 10.4rem
    }

    .cooperation__left .catalog-inputs__file-label {
        left: 7rem
    }

    .cooperation__left .catalog-inputs__file-label::before {
        left: -6.4rem;
        background-size: 4.8rem 4.8rem
    }

    .cooperation__right {
        width: auto;
        max-width: 67rem;
        height: 57.4rem;
        border-radius: 0 0 7.2rem 7.2rem
    }

    .cooperation__right img {
        width: 67rem;
        height: 57.4rem
    }
}

.chronology {
    background-color: #35415c;
    color: #fff9ee
}

.chronology__container {
    position: relative;
    padding-bottom: 24rem;
    background-image: url(/local/templates/cofefest/src/css/../images/about-border-1.webp), url(/local/templates/cofefest/src/css/../images/about-border-2.webp), url(/local/templates/cofefest/src/css/../images/about-border-3.webp), url(/local/templates/cofefest/src/css/../images/about-border-4.webp);
    background-size: 12.9rem;
    background-repeat: no-repeat;
    background-position: top left, top right, bottom left, bottom right
}

.chronology__borders-item {
    position: absolute;
    width: 12.2rem;
    height: 12.9rem;
    -o-object-fit: contain;
    object-fit: contain
}

.chronology__borders-item.top-left {
    top: 0;
    left: 0
}

.chronology__borders-item.top-right {
    top: 0;
    right: 0
}

.chronology__borders-item.bottom-left {
    bottom: 0;
    left: 0
}

.chronology__borders-item.bottom-right {
    bottom: 0;
    right: 0
}

.chronology__heading {
    margin-bottom: 26.5rem;
    text-align: center;
    color: #fff9ee
}

.chronology__timeline {
    position: relative;
    left: 2.2rem
}

.chronology__timeline__img--mobile {
    width: 100% !important;
    height: 100% !important
}

.chronology__timeline svg {
    width: 157.8rem;
    height: 16.4rem
}

.chronology__timeline-active {
    position: absolute;
    left: 25.5rem;
    top: 50%;
    transform: translateY(-50%)
}

.chronology__timeline-active span {
    display: block
}

.chronology__timeline-active span:first-child,
.chronology__timeline-active span:last-child {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: .7rem;
    height: 5rem;
    background-color: #fff9ee
}

.chronology__timeline-active span:first-child {
    top: -5rem
}

.chronology__timeline-active span:last-child {
    top: 100%
}

.chronology__timeline-active span:nth-child(2) {
    width: 5rem;
    height: 5rem;
    background-color: #35415c;
    border: .7rem solid #fff9ee;
    border-radius: 50%
}

.chronology__timeline-list {
    position: absolute;
    display: flex;
    left: 10rem;
    top: -21.6rem;
    width: 100%;
    height: 100%
}

.chronology__timeline-list__item {
    width: 27.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    color: #e3bca0;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1;
    height: 52rem
}

.chronology__timeline-list__item-arrow-wrapper,
.chronology__timeline-list__item>.heading2 {
    display: none
}

.chronology__timeline-list__item:not(:first-child) {
    margin-left: -8.6rem
}

.chronology__timeline-list__item:hover {
    cursor: pointer
}

@media (hover:hover) {
    .chronology__timeline-list__item:hover .chronology__timeline-list__item-year {
        color: #fff9ee
    }

    .chronology__timeline-list__item:hover svg {
        transform: scale(1.1);
        stroke: #fff9ee
    }
}

.chronology__timeline-list__item.active .chronology__timeline-list__item-static-icon {
    gap: 9rem
}

.chronology__timeline-list__item.active .chronology__timeline-list__item-bottom,
.chronology__timeline-list__item.active .chronology__timeline-list__item-description {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.chronology__timeline-list__item.active .chronology__timeline-list__item-year {
    color: #fff9ee;
    font-size: 7rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

.chronology__timeline-list__item.active .chronology__timeline-list__item-icon-wrapper svg {
    transform: scale(1.25);
    stroke: #fff9ee
}

.chronology__timeline-list__item.active .chronology__timeline-list__item-icon-wrapper::after,
.chronology__timeline-list__item.active .chronology__timeline-list__item-icon-wrapper::before {
    background-color: #fff9ee;
    opacity: 1;
    max-height: 6rem
}

.chronology__timeline-list__item-year {
    color: #e6af9a
}

.chronology__timeline-list__item-bottom {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    align-items: center;
    opacity: 0;
    touch-action: none;
    transition: .2s ease-in-out;
    transform: translateY(5rem)
}

.chronology__timeline-list__item-description {
    margin-bottom: 2.5rem;
    color: #fff9ee;
    text-align: center;
    opacity: 0;
    position: absolute;
    top: 0;
    touch-action: none;
    transition: .2s ease-in-out;
    transform: translateY(-5rem);
    width: 38rem
}

.chronology__timeline-list__item-number {
    color: #fff9ee
}

.chronology__timeline-list__item-icon-wrapper {
    position: relative;
    width: 4rem;
    height: 4rem;
    z-index: 2
}

.chronology__timeline-list__item-icon-wrapper svg {
    transition: .2s ease-in-out;
    z-index: 3
}

.chronology__timeline-list__item-icon-wrapper path {
    width: 100%;
    height: 100%
}

.chronology__timeline-list__item-icon-wrapper::after,
.chronology__timeline-list__item-icon-wrapper::before {
    position: absolute;
    content: "";
    width: .8rem;
    max-height: 0;
    height: 6rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: #e6af9a;
    transition: .2s ease-in-out;
    opacity: 0;
    z-index: 0
}

.chronology__timeline-list__item-icon-wrapper::after {
    bottom: 100%
}

.chronology__timeline-list__item-icon-wrapper::before {
    top: 100%
}

.chronology__timeline-list__item-static-icon {
    display: flex;
    gap: 3.3rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 20.2rem;
    cursor: pointer;
    transition: .2s ease-in-out
}

.chronology__timeline-list__item-static-icon svg {
    width: 4rem;
    height: 4rem;
    position: relative
}

.chronology__info {
    position: absolute;
    left: 14rem;
    top: 10.5rem;
    width: 27.5rem;
    text-align: center;
    color: #fff9ee
}

.chronology__info-description {
    margin-bottom: 3rem;
    color: #fff9ee
}

.chronology__info-year {
    margin-bottom: 24.5rem;
    color: #fff9ee
}

.chronology__info-number {
    margin-bottom: 1.4rem;
    color: #fff9ee
}

@media (max-width:48em) {
    .chronology {
        overflow: hidden;
        padding: 0
    }

    .chronology-swiper {
        overflow: hidden
    }

    .chronology__container {
        padding-bottom: 0;
        background-image: none
    }

    .chronology__container>.chronology__heading,
    .chronology__container>p {
        display: none
    }

    .chronology__timeline {
        left: 0;
        padding-top: 10rem;
        padding-bottom: 10rem
    }

    .chronology__timeline>svg {
        display: none
    }

    .chronology__timeline-list {
        position: static;
        margin: 0 0 3.2rem
    }

    .chronology__timeline-list__item {
        width: 100%;
        height: 66.8rem;
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .chronology__timeline-list__item>.heading2 {
        display: block
    }

    .chronology__timeline-list__item:not(:first-child),
    .chronology__timeline-list__item:not(:last-child) {
        margin: 0
    }

    .chronology__timeline-list__item.active .chronology__heading {
        display: none
    }

    .chronology__timeline-list__item.active .chronology__timeline-list__item-icon-wrapper path {
        stroke-width: 3
    }

    .chronology__timeline-list__item.active .chronology__timeline-list__item-year {
        font-size: 9rem
    }

    .chronology__timeline-list__item.active .chronology__timeline-list__item-icon-wrapper {
        width: 10rem;
        height: 10rem;
        top: -6rem
    }

    .chronology__timeline-list__item.active .chronology__timeline-list__item-icon-wrapper .chronology-circle {
        width: 10rem;
        height: 10rem;
        stroke-width: .6rem
    }

    .chronology__timeline-list__item-description {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 140%;
        width: 65rem
    }

    .chronology__timeline-list__item-static-icon {
        bottom: 23.6rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-icon-wrapper {
        position: absolute;
        top: -5rem;
        width: 7.2rem;
        height: 7.2rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-icon-wrapper svg {
        width: 7.2rem;
        height: 7.2rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-icon-wrapper path {
        stroke-width: 5
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-arrow-wrapper {
        width: 62.4rem;
        height: 22.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -12.5rem;
        left: -31.4rem;
        overflow: hidden
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-arrow-wrapper .about-arrow-first-end-part {
        width: 18rem;
        height: 22.8rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-arrow-wrapper .about-arrrow-first-middle-part {
        width: 36.2rem;
        height: 1.2rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-arrow-wrapper .about-arrow-first-start-part {
        width: 8.8rem;
        height: 11.2rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-arrow-wrapper .about-arrow-second-end-part {
        width: 50.4rem;
        height: 1.2rem
    }

    .chronology__timeline-list__item-static-icon .chronology__timeline-list__item-arrow-wrapper .about-arrow-second-start-part {
        width: 8.8rem;
        height: 11.2rem
    }

    .chronology__timeline-list__item-year {
        font-size: 7.2rem;
        position: absolute;
        top: -23rem
    }

    .chronology__swiper-pagination {
        position: static
    }

    .chronology__swiper-pagination .swiper-pagination-bullet {
        width: 3rem;
        height: 3rem;
        border-radius: 3rem;
        border: .2rem solid #e3bca0;
        background: 0 0;
        opacity: 1
    }

    .chronology__swiper-pagination .swiper-pagination-bullet:not(:last-child) {
        margin: 0 3.2rem 0 0
    }

    .chronology__swiper-pagination .swiper-pagination-bullet-active {
        background: #e3bca0
    }
}

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

.manager-request__left {
    width: 65.6rem
}

.manager-request__left textarea {
    resize: none;
    overflow: auto
}

.manager-request__left textarea::-webkit-scrollbar {
    right: 2rem;
    padding-right: 2rem;
    width: .4rem
}

.manager-request__left textarea::-webkit-scrollbar-thumb {
    background-color: #f1ded0;
    border-radius: .4rem
}

.manager-request__left textarea::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.manager-request__left textarea::-webkit-scrollbar-track {
    background-color: #fff9ee
}

.manager-request__left textarea::-webkit-scrollbar-track:hover {
    background-color: #ddd
}

.manager-request__left-heading {
    margin-bottom: 2.5rem
}

.manager-request__left-description {
    margin-bottom: 3rem;
    color: #797979
}

.manager-request__left-form {
    margin-bottom: 4.5rem;
    width: 54.5rem
}

.manager-request__left-form .input-container:not(:last-of-type) {
    margin-bottom: 3rem
}

.manager-request__left-form .input-container textarea {
    height: 16.5rem
}

.manager-request__right {
    width: 78.75rem
}

.manager-request__right-img {
    margin-bottom: 2.8rem;
    width: 100%;
    height: 52.5rem;
    border-radius: 0 0 5rem 5rem
}

.manager-request__right-name {
    margin-bottom: .4rem
}

@media (max-width:48em) {
    .manager-request.light-section {
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-11-mobile.webp)
    }

    .manager-request__container {
        flex-direction: column
    }

    .manager-request__left-heading {
        font-size: 5.2rem;
        line-height: 120%;
        margin-bottom: 4rem
    }

    .manager-request__left-description {
        font-size: 2.8rem;
        line-height: 140%;
        max-width: 63rem;
        margin-bottom: 4rem
    }

    .manager-request__left-form {
        width: auto;
        max-width: 67rem;
        margin-bottom: 8rem
    }

    .manager-request__left-form .input-container:not(:last-child) {
        margin-bottom: 4rem
    }

    .manager-request__left-form .input-container:last-child textarea {
        height: 31rem
    }

    .manager-request__left-btn {
        padding: 3rem 22.4rem;
        margin: 0 0 8rem
    }

    .manager-request__right {
        width: auto;
        max-width: 67rem
    }

    .manager-request__right-img {
        height: 44.6rem;
        margin-bottom: 4rem
    }

    .manager-request__right-name {
        font-size: 3.6rem;
        line-height: 150%;
        margin-bottom: 0
    }

    .manager-request__right-post {
        font-size: 2.8rem;
        line-height: 140%
    }

    .manager-request__right img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.catalog-main-block {
    background-color: #fff9ee;
    padding-bottom: 0
}

.catalog-main-block:nth-child(2) {
    padding-top: 8rem
}

.catalog-main-block__container {
    display: flex;
    flex-direction: column
}

.catalog-main-block__title {
    margin: 0 0 5rem
}

.catalog-main-block__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1.75rem 5rem;
    row-gap: 3.5rem
}

.catalog-main-block__more {
    margin: 0 0 0 auto
}

.catalog-card__price {
    position: relative
}

.catalog-card__main-price {
    position: absolute;
    top: -3rem;
    left: 0;
    font-size: 1.8rem;
    color: #797979;
    line-height: 2.5rem
}

.catalog-card__main-price span {
    font-size: 1.4rem
}

.catalog-card__main-price::before {
    content: "";
    position: absolute;
    top: 1.1rem;
    left: 0;
    width: 4.4rem;
    height: .1rem;
    background: #797979
}

.catalog-card__sale {
    position: relative;
    display: flex;
    align-items: center
}

.catalog-card__sale-price {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.6rem
}

.catalog-card__weight {
    align-self: center;
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #797979
}

@media (max-width:48em) {
    .catalog-main-block:last-child {
        padding: 0 0 10rem
    }

    .catalog-main-block__container:not(:last-child) {
        margin-bottom: 12rem
    }

    .catalog-main-block__title {
        margin: 0 0 8rem
    }

    .catalog-main-block__row {
        margin: 0 0 6.4rem;
        row-gap: 4.8rem
    }

    .catalog-main-block.cakes .catalog-card-1__descr {
        height: 100%
    }

    .catalog-main-block.cakes .catalog-card-1 .catalog-card__main-price {
        position: absolute;
        top: -3rem;
        left: 0
    }

    .catalog-main-block.grain-coffee .catalog__content-box {
        -moz-column-gap: 1.4rem;
        column-gap: 1.4rem;
        row-gap: 4.8rem
    }

    .catalog-card__main-price {
        font-size: 2.8rem;
        line-height: 3.92rem
    }

    .catalog-card__main-price span {
        font-size: 2.8rem
    }

    .catalog-card__main-price::before {
        top: 1.3rem;
        left: 0;
        width: 7.6rem;
        height: .1rem
    }

    .catalog-card__sale-price {
        font-size: 4.4rem;
        line-height: 5.28rem
    }

    .catalog-card__sale-price span {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 7.2rem
    }

    .catalog-card__weight {
        position: absolute;
        bottom: -2rem;
        left: 0;
        font-size: 2.8rem;
        line-height: 3.92rem
    }
}

.catalog-card-1 {
    width: 37.4rem;
    position: relative
}

.catalog-card-1__img {
    display: block
}

.catalog-card-1__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog-card-1__imgless {
    display: none;
    width: 100%;
    min-height: 37.5rem;
    height: 37.5rem
}

.catalog-card-1__imgless img {
    width: 100%;
    height: 101%;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog-card-1.missing-item .catalog-card-1__img {
    display: none
}

.catalog-card-1.missing-item .catalog-card-1__imgless {
    display: block
}

.catalog-card-1.missing-item .catalog-card-1__descr {
    border-top: none
}

.catalog-card-1--big .catalog-card-1__info {
    height: 39.5rem;
    padding: 0
}

.catalog-card-1--big .catalog-card-1__descr {
    padding: 6rem 4rem
}

.catalog-card-1__info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 20.8rem;
    padding: 3rem
}

.catalog-card-1__descr {
    padding: 3rem;
    border-radius: 0 0 5rem 5rem;
    border: .15rem solid rgba(234, 194, 178, .25);
    max-width: 37.4rem;
    min-height: 20.8rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    display: flex;
    flex-direction: column;
    background: url(/local/templates/cofefest/src/css/../images/background-8.webp) bottom center/cover no-repeat #f1ded0
}

.catalog-card-1__title {
    max-width: 31.4rem;
    text-align: start;
    position: relative
}

.catalog-card-1__title a {
    position: absolute;
    left: -3rem;
    bottom: 0;
    display: block;
    height: calc(100% + 40.5rem);
    width: 37.4rem
}

.catalog-card-1__add-to-cart {
    left: auto;
    top: auto;
    bottom: 2rem;
    right: 2rem;
    cursor: pointer
}

.catalog-card-1__info-block {
    display: flex;
    width: 51rem;
    border-radius: 0 0 5rem 5rem;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    background: url(/local/templates/cofefest/src/css/../images/svg/card-1-backgrnd-big.svg) top left/cover no-repeat #f1ded0;
    padding: 6rem 4rem;
    gap: 1.6rem
}

.catalog-card-1__info-block-title {
    font-family: Circe;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

.catalog-card-1__info-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.catalog-card-1__info-item {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.catalog-card-1__info-item span {
    display: block;
    color: #797979;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.catalog-card-1__info-item strong {
    display: block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.catalog-card-1__info-price {
    margin-left: auto;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.catalog-card-1__link {
    padding-top: 1.4rem;
    margin-left: auto;
    border-bottom: .1rem solid #35415c;
    transition: .2s ease-in-out
}

.catalog-card-1__link span {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

@media (max-width:48em) {
    .catalog-card-1 {
        width: auto;
        flex: 0 0 30rem;
        display: flex;
        align-items: stretch;
        flex-direction: column
    }

    .catalog-card-1__img {
        height: 33rem !important
    }

    .catalog-card-1__imgless {
        height: 32.8rem;
        min-height: 32.8rem
    }

    .catalog-card-1__descr {
        height: 100%
    }

    .catalog-card-1__info {
        height: 100%;
        padding: 4rem 2rem
    }

    .catalog-card-1__title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 2.7rem;
        margin: 0 0 8rem
    }

    .catalog-card-1__title a {
        height: calc(100% + 36.2rem);
        width: 32.5rem
    }

    .catalog-card-1 .catalog-card__price {
        margin-bottom: 1.5rem
    }

    .catalog-card-1--big .catalog-card-1__info {
        padding: 0
    }

    .catalog-card-1--big .catalog-card-1__descr {
        padding: 8rem 4rem
    }

    .catalog-main-block.cakes .catalog-card-1__imgless {
        height: 31.7rem;
        min-height: 31.7rem
    }

    .catalog-main-block.cakes .catalog-card-1__title {
        margin-bottom: 8rem
    }

    .catalog-main-block.cakes .catalog-card-1__weight {
        top: -9rem
    }

    .catalog-card-1__img.three-card-img {
        height: 50.8rem !important
    }
}

@media (hover:hover) {
    .catalog-card-1__link:hover {
        color: #e3bca0;
        border-color: #e3bca0
    }

    .catalog-card-2:hover .catalog-card-2__details {
        max-height: 38.2rem;
        opacity: 1;
        height: 38.2rem;
        padding-bottom: 3rem
    }
}

.catalog-card-2 {
    max-width: 100%;
    position: relative;
    max-height: 74.8rem;
    height: 74.8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 37.4rem;
    z-index: 1;
}

.catalog-card-2 .catalog-card__price {
    margin-top: auto
}

.catalog-card-2__imgless {
    border-bottom: .4rem solid #fff9ee;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #f1ded0
}

.catalog-card-2__imgless-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 19.8rem
}

.catalog-card-2__imgless-box span {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .09rem;
    text-transform: uppercase;
    margin-bottom: 1.6rem
}

.catalog-card-2__imgless-box strong {
    color: #35415c;
    text-align: center;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%
}

.catalog-card-2__img {
    width: 37.4rem;
    height: 37.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0
}

.catalog-card-2__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2
}

.catalog-card-2 .catalog-card__main-price {
    line-height: 140%
}

.catalog-card-2__weight-wrapper {
    margin: 0;
    padding: 1.4rem 2.4rem
}

.catalog-card-2__details {
    opacity: 0;
    overflow: hidden;
    transition: .7s;
    max-height: 0;
    height: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.catalog-card-2__details-stats {
    display: flex;
    flex-direction: column;
    gap: 3rem
}

.catalog-card-2__details-item {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.catalog-card-2__details-item span {
    color: #797979
}

.catalog-card-2__details-item strong {
    font-weight: 400
}

.catalog-card-2__price-package {
    position: relative;
    left: -.2rem;
    top: .2rem
}

.catalog-card__sale {
    margin-top: auto
}

.catalog-card-2__descr {
    transition: .5s;
    min-height: 37.7rem;
    padding: 3rem 3rem 4rem;
    min-height: 37.7rem;
    display: flex;
    flex-direction: column;
    z-index: 3;
    border-radius: 0 0 5rem 5rem;
    border: .15rem solid rgba(234, 194, 178, .25);
    background: url(/local/templates/cofefest/src/css/../images/background-10.webp) top center/cover no-repeat #f1ded0
}

.catalog-card-2__title {
    min-height: 5rem;
    margin: 0 0 3rem
}

.catalog-card-2__characteristics {
    font-size: 1.8rem;
    line-height: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem 1.6rem;
    margin: 0 0 4rem;
    width: 32rem;
    position: relative
}

.catalog-card-2__characteristic-lines {
    display: flex
}

.catalog-card-2__characteristic-lines span {
    display: block;
    width: 4.65rem;
    height: .4rem;
    background: #fff9ee
}

.catalog-card-2__characteristic-lines span:not(:last-child) {
    margin: 0 .3rem 0 0
}

.catalog-card-2__characteristic-lines span.active {
    background: #35415c
}

.catalog-card-2__weights {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 2.4rem;
    position: relative;
    height: 5rem
}

.catalog-card-2__weights div {
    display: flex;
    height: 5rem;
    padding: 1.4rem 2.4rem;
    justify-content: center;
    align-items: center
}

.catalog-card-2__weights .catalog-card-2__weight.active {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.8rem;
    color: #35415c
}

.catalog-card-2__weights .catalog-card-2__weight.active span {
    color: #35415c;
    line-height: 120%;
    letter-spacing: .11rem
}

.catalog-card-2__weight {
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #797979;
    transition: .2s ease-in-out;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.catalog-card-2__add-to-cart {
    top: auto;
    left: auto;
    bottom: 3rem;
    cursor: pointer;
    right: 2rem
}

@media (max-width:48em) {
    .catalog-card-2 {
        flex: 0 0 30rem;
        height: 91.6rem;
        max-height: none
    }

    .catalog-card-2__img {
        width: 100%;
        height: 32.4rem
    }

    .catalog-card-2__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .catalog-card-2__imgless {
        height: 32.8rem
    }

    .catalog-card-2__descr {
        padding: 2rem 2rem 4rem;
        border: none;
        min-height: 58.8rem
    }

    .catalog-card-2__characteristics {
        width: auto;
        font-size: 2.8rem
    }

    .catalog-card-2__characteristics .catalog-card-2__characteristic:nth-child(4) {
        display: none
    }

    .catalog-card-2__characteristics .catalog-card-2__characteristic:not(:last-child) {
        margin-bottom: 1rem
    }

    .catalog-card-2__characteristics .catalog-card-2__characteristic-lines span {
        width: 9.34rem;
        height: .8rem
    }

    .catalog-card-2__title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 2.8rem;
        min-height: 12.6rem
    }

    .catalog-card-2__weights {
        justify-content: space-between;
        margin: 0 0 2.4rem;
        width: 100%
    }

    .catalog-card-2__weights .catalog-card-2__weight {
        font-size: 2.8rem;
        padding: 0
    }

    .catalog-card-2__weights .catalog-card-2__weight.active {
        font-size: 3.6rem;
        line-height: 150%
    }

    .catalog-card-2__weights .catalog-card-2__weight.active input:checked+.catalog-card-2__weight {
        font-size: 3.6rem
    }

    .catalog-card-2__weights .catalog-card-2__weight.active div {
        padding: 0
    }

    .catalog-card-2 .catalog-card__price {
        margin-top: auto
    }

    .catalog-card-2 .catalog-card__main-price {
        margin: 0 0 1.6rem
    }

    .catalog-card-2 .catalog-card__sale {
        flex-direction: column;
        align-items: flex-start
    }

    .catalog-card-2 .catalog-card__sale-price {
        line-height: 120%
    }

    .catalog-card-2 .catalog-card__sale-price span {
        line-height: normal
    }

    .catalog-card-2 .catalog-card__sale .catalog-card__weight {
        align-self: flex-start
    }

    .catalog-card-2 .catalog-card__add-to-cart {
        bottom: 4rem;
        right: 2rem
    }
}

.catalog-main-banner {
    background-color: #fff9ee
}

.catalog-main-banner:nth-child(2) {
    padding-top: 8rem
}

.catalog-main-banner__container {
    display: flex
}

.catalog-main-banner__left-part {
    background: #35415c;
    position: relative;
    padding: 6rem 6rem 12rem;
    max-width: 81.7rem;
    border-radius: 0 0 0 5rem
}

.catalog-main-banner__title {
    color: #fff9ee;
    margin: 0 0 4.5rem
}

.catalog-main-banner__subtitle {
    color: #e6af9a;
    margin: 0 0 4.5rem
}

.catalog-main-banner__text {
    color: #fff9ee;
    font-size: 2rem;
    line-height: 2.5rem
}

.catalog-main-banner__text-part:not(:last-child) {
    margin: 0 0 2rem
}

.catalog-main-banner__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 93.8rem;
    height: auto
}

.catalog-main-banner__background img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.catalog-main-banner__right-photo {
    position: relative;
    max-width: 78.3rem;
    height: auto;
    border-radius: 0 0 5rem
}

.catalog-main-banner__right-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

.catalog-main-banner__play-btn {
    position: absolute;
    top: 25.1rem;
    left: 34.8rem;
    max-width: 8.8rem;
    height: auto
}

.catalog-main-banner__play-btn img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:48em) {
    .catalog-main-banner__container {
        flex-direction: column
    }

    .catalog-main-banner__left-part {
        padding: 12rem 4rem 8rem;
        max-width: none;
        border-radius: 0
    }

    .catalog-main-banner__title {
        margin: 0 0 8rem
    }

    .catalog-main-banner__subtitle {
        margin: 0 0 4rem
    }

    .catalog-main-banner__text {
        font-size: 2.8rem;
        line-height: 3.92rem
    }

    .catalog-main-banner__text-part:not(:last-child) {
        margin: 0 0 4rem
    }

    .catalog-main-banner__background {
        max-width: 71rem;
        margin: 0
    }

    .catalog-main-banner__right-photo {
        max-width: 71rem;
        border-radius: 0 0 7.2rem 7.2rem;
        overflow: hidden
    }

    .catalog-main-banner__play-btn {
        max-width: 12rem;
        top: 21.6rem;
        left: 29.6rem
    }
}

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

.request-employees__left {
    width: 76.5rem
}

.request-employees__left-heading {
    margin-bottom: 3rem
}

.request-employees__left-description {
    margin-bottom: 5rem;
    font-size: 4rem;
    line-height: 1
}

.request-employees__left-form {
    width: 100%
}

.request-employees__left-form .input-container {
    margin-bottom: 2.4rem
}

.request-employees__left-bottom {
    margin-top: 6rem;
    display: flex;
    align-items: center
}

.request-employees__left-bottom__btn {
    margin-right: 8rem
}

.request-employees__left-bottom__policy {
    width: 32.6rem;
    color: #797979
}

.request-employees__left-bottom__policy a {
    text-decoration: underline;
    text-underline-offset: 4px
}

.request-employees__right {
    width: 74rem;
    height: 65rem;
    border-radius: 0 0 5rem 5rem
}

.request-employees__right-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .request-employees__container {
        flex-direction: column
    }

    .request-employees__left {
        width: auto;
        max-width: 67rem
    }

    .request-employees__left-description {
        font-size: 2.8rem;
        margin: 0 0 8rem
    }

    .request-employees__left-form .input-container {
        margin: 0 0 5rem
    }

    .request-employees__left-form .input-container:nth-child(2) {
        margin: 0 0 8rem
    }

    .request-employees__left-bottom {
        flex-direction: column;
        margin: 0 0 8rem
    }

    .request-employees__left-bottom__btn {
        margin: 0 0 8rem;
        width: 100%;
        text-align: center
    }

    .request-employees__left-bottom__policy {
        width: auto
    }

    .request-employees__right {
        width: auto;
        height: 62.4rem;
        max-width: 67rem;
        border-radius: 0 0 7.2rem 7.2rem
    }
}

.contacts-info__card {
    display: flex;
    height: 67.8rem;
    overflow: hidden
}

.contacts-info__card-left {
    padding: 8rem 6rem;
    width: 78rem;
    display: flex;
    flex-direction: column;
    background: url(/local/templates/cofefest/src/css/../images/background-6.webp) top left/cover no-repeat, #35415c;
    border-radius: 0 0 0 5rem
}

.contacts-info__card-left .heading2 {
    margin-bottom: 4rem;
    color: #fff9ee
}

.contacts-info__card-left .heading4 {
    color: #e6af9a
}

.contacts-info__card-left__list {
    margin-top: 3.6rem;
    display: flex;
    flex-direction: column;
    gap: 2.8rem
}

.contacts-info__card-left__list-item {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem
}

.contacts-info__card-left__list-item-links {
    margin-top: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.contacts-info__card-left__list-item:not(:last-child) {
    margin-bottom: .4rem
}

.contacts-info__card-left__list-link {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    color: #fff9ee;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1
}

.contacts-info__card-left__list-link:hover {
    color: #e6af9a
}

.contacts-info__card-right {
    width: 82rem;
    height: 100%;
    overflow: hidden;
    border-radius: 0 0 5rem
}

.contacts-info__card-right__img {
    width: 79.1rem;
    height: 67.8rem;
    border-radius: 0 0 5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.coffeeshops {
    background-color: #fff9ee
}

.coffeeshops__heading {
    margin-bottom: 3rem
}

@media (max-width:48em) {
    .contacts-info__card {
        flex-direction: column;
        height: auto
    }

    .contacts-info__card-left {
        width: auto;
        border-radius: 0;
        padding: 10rem 4rem 8rem;
        background-image: url(/local/templates/cofefest/src/css/../images/background-6-mobile.webp)
    }

    .contacts-info__card-left__list {
        margin-top: 0
    }

    .contacts-info__card-left__list-item svg {
        width: 4.6rem;
        height: 4.6rem;
        margin: 0 2rem 0 0
    }

    .contacts-info__card-left__list-item-links {
        margin-top: 0
    }

    .contacts-info__card-left__list-item-links a {
        font-size: 2.8rem;
        line-height: 140%
    }

    .contacts-info__card-left__list-link {
        font-size: 2.8rem
    }

    .contacts-info__card-right {
        width: auto;
        max-width: 67rem;
        max-height: 80rem;
        border-radius: 0 0 7.2rem 7.2rem
    }

    .contacts-info__card-right img {
        width: 100%;
        height: 100%
    }

    .coffeeshops.light-section {
        background-image: url(/local/templates/cofefest/src/css/../images/background-10-mobile.webp)
    }
}

.authorcoffee-types__container {
    position: relative
}

.authorcoffee-types__swiper {
    margin-bottom: 5rem
}

.authorcoffee-types__swiper-slide {
    display: flex
}

.authorcoffee-types__swiper-slide__left {
    padding: 8rem 6rem;
    width: 82rem;
    background-color: #f1ded0;
    border-radius: 0 0 0 5rem
}

.authorcoffee-types__swiper-slide__left-heading {
    margin-bottom: 2.5rem
}

.authorcoffee-types__swiper-slide__left-description,
.authorcoffee-types__swiper-slide__left-subheading {
    margin-bottom: 4.5rem
}

.authorcoffee-types__swiper-slide__left-description p:not(:last-child) {
    margin-bottom: 1rem
}

.authorcoffee-types__swiper-slide__left-link:hover:not(:focus-visible) {
    color: #fff9ee
}

.authorcoffee-types__swiper-slide__left-link:hover:not(:focus-visible) .arrow-link__icon {
    fill: #fff9ee
}

.authorcoffee-types__swiper-slide__right {
    border-radius: 0 0 5rem;
    overflow: hidden
}

.authorcoffee-types__swiper-slide__right-img {
    width: 79.1rem;
    min-height: 67.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}

@media (max-width:48em) {
    .authorcoffee-types.light-section {
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-12-mobile.webp)
    }

    .authorcoffee-types .swiper-container {
        margin-bottom: 8rem
    }

    .authorcoffee-types__swiper-slide {
        flex-direction: column
    }

    .authorcoffee-types__swiper-slide__left {
        height: calc(100% - 82rem);
        width: 67rem;
        border-radius: 0;
        padding: 9.6rem 3.6rem 8rem
    }

    .authorcoffee-types__swiper-slide__left-heading {
        font-size: 5.2rem;
        line-height: 120%;
        margin-bottom: 4rem
    }

    .authorcoffee-types__swiper-slide__left-description {
        font-size: 2.8rem;
        line-height: 140%;
        margin-bottom: 8rem
    }

    .authorcoffee-types__swiper-slide__left-link {
        width: 100%;
        justify-content: flex-end
    }

    .authorcoffee-types__swiper-slide__left-link span {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: .096rem;
        margin-right: 2rem
    }

    .authorcoffee-types__swiper-slide__right {
        border-radius: 0 0 7.2rem 7.2rem;
        overflow: hidden;
        width: 67rem;
        height: 57.4rem
    }

    .authorcoffee-types__swiper-slide__right img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 67rem;
        height: 57.4rem
    }

    .authorcoffee-types__swiper-controllers .swiper-next,
    .authorcoffee-types__swiper-controllers .swiper-prev {
        display: none
    }

    .delivery-main__accordion .acc-content .pay-ways {
        gap: 1.4rem !important
    }

    .delivery-main .map-block__map-box {
        height: 70.4rem
    }
}

.delivery-main {
    background-color: #fff9ee
}

.delivery-main__heading {
    margin-bottom: 1rem
}

.delivery-main .section-tags__container {
    margin-bottom: 6rem
}

.delivery-main__accordion {
    display: none
}

.delivery-main__accordion.active {
    display: block
}

.delivery-main__notice {
    margin-bottom: 6rem;
    color: #797979
}

.carrer-banner {
    margin-top: 14rem;
    height: calc(100vh - 14rem);
    position: relative;
    text-align: center
}

.carrer-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.carrer-banner__btn {
    position: absolute;
    top: 45.5rem;
    left: 50%;
    transform: translateX(-50%)
}

.carrer-vacancies {
    background-color: #fff9ee
}

.carrer-vacancies__accordion.hide {
    display: none
}

.carrer-vacancies__accordion.active {
    display: block
}

.carrer-vacancies__heading {
    margin-bottom: 4.2rem
}

.carrer-vacancies .section-tags__container {
    margin-bottom: 5rem
}

.recipe__title {
    margin-bottom: 5rem
}

.recipe__name {
    margin-bottom: 3rem
}

.recipe__ingredients {
    margin-bottom: 2rem
}

.recipe__ingredients-list {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin-bottom: 3rem
}

.recipe__photo {
    width: 50rem;
    height: 50rem
}

.recipe__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.recipe__instruction {
    margin-bottom: 3rem
}

.catalog-description {
    background-color: #fff9ee
}

.catalog-description li,
.catalog-description p {
    font-size: 2rem;
    line-height: 1.25;
    text-transform: none;
    font-weight: 400
}

@media (max-width:48em) {
    .carrer-vacancies .section-tags {
        -moz-column-gap: 12.6rem;
        column-gap: 12.6rem
    }

    .carrer-vacancies .section-tags__item-btn {
        font-size: 2.8rem;
        line-height: 140%
    }

    .carrer-vacancies .section-tags__item-btn.active {
        font-size: 4rem;
        line-height: 120%
    }

    .carrer-vacancies__accordion .acc-head {
        padding: 4rem !important
    }

    .carrer-vacancies__accordion .acc-item .acc-content__list:nth-last-child(2) {
        margin-bottom: 15rem
    }

    .carrer-vacancies__accordion .acc-item .request-vacancy-btn {
        width: calc(100% - 8rem);
        text-align: center;
        padding-top: 3rem;
        padding-bottom: 3rem;
        right: 4rem !important
    }

    .carrer-vacancies__accordion .acc-item .acc-content .content {
        padding: 4.6rem 4rem
    }

    .carrer-vacancies__accordion .acc-item .acc-content .content .heading {
        font-size: 2.8rem;
        line-height: 140%;
        margin-bottom: 2.4rem
    }

    .carrer-vacancies__accordion .acc-item .acc-content .content .acc-content__list {
        margin-bottom: 4rem
    }

    /*.carrer-vacancies__accordion .acc-item .acc-content .content .acc-content__list-item {*/
	.carrer-vacancies__accordion .acc-item .acc-content .content li {
        font-size: 2.8rem;
        line-height: 140%;
        padding-left: 3.2rem
    }

    /*.carrer-vacancies__accordion .acc-item .acc-content .content .acc-content__list-item:not(:last-child) {*/
	.carrer-vacancies__accordion .acc-item .acc-content .content li:not(:last-child) {
        margin-bottom: 1.2rem
    }

    /*.carrer-vacancies__accordion .acc-item .acc-content .content .acc-content__list-item::before {*/
	.carrer-vacancies__accordion .acc-item .acc-content .content li::before {
        width: 1.2rem;
        height: 1.2rem;
        top: 1.1rem
    }

    .carrer-vacancies__accordion .acc-item .acc-content .content .acc-content__list:nth-last-child(2) {
        margin-bottom: 14rem
    }

    .recipe__title {
        margin-bottom: 8rem
    }

    .recipe__photo {
        width: 100%
    }

    .catalog-description li,
    .catalog-description p {
        font-size: 2.8rem;
        line-height: 1.4
    }
}

.catalog-description h2,
.catalog-description h3 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.3;
    text-transform: uppercase
}

@media (max-width:48em) {

    .catalog-description h2,
    .catalog-description h3 {
        font-size: 3.6rem;
        line-height: 1.5
    }
}

.catalog-description ul {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.catalog-description ul li {
    position: relative;
    padding-left: 3rem
}

.catalog-description ul li::before {
    content: "";
    position: absolute;
    top: calc(50% - .5rem);
    left: 1rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #35415c
}

.search-main {
    background-color: #fff9ee
}

.search-main:first-child {
    margin-top: 10rem
}

.search-main__title {
    margin-bottom: 5rem
}

.search-main__input {
    position: relative
}

.search-main__input input {
    background-color: #f1ded0;
    width: 100%;
    height: 4.8rem;
    color: #35415c;
    font-size: 1.8rem;
    line-height: 140%;
    padding: 1.4rem 5.8rem;
    background-image: url(/sprite.svg#search);
    background-position: 2rem 1.2rem;
    background-size: 2.5rem 2.5rem;
    background-repeat: no-repeat;
    border: 2px solid #35415c
}

.search-main__input.active .search-main__input-list {
    display: flex
}

.search-main__input-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 50rem;
    overflow-y: scroll;
    background-color: #35415c;
    color: #fff;
    padding: 4rem;
    flex-direction: column;
    row-gap: 2rem;
    display: none;
    z-index: 10
}

@media (max-width:48em) {
    .search-main:first-child {
        margin-top: 18.5rem
    }

    .search-main .breadcrumbs__container {
        padding: 0 4rem
    }

    .search-main__title {
        margin-bottom: 8rem
    }

    .search-main__input input {
        height: 9.6rem;
        font-size: 2.8rem;
        line-height: 140%;
        padding: 2.8rem 7.2rem;
        background-size: 3.2rem 3.2rem;
        background-position: 2.5rem 2.5rem
    }

    .search-main__input-list {
        max-height: 70rem
    }

    .search-main__input-list__item {
        font-size: 2.8rem;
        line-height: 140%
    }
}

.search-list {
    background-color: #fff9ee;
    padding-top: 0
}

.authorcoffee-banner {
    max-width: 1920px;
    margin: 0 auto
}

.authorcoffee-banner__img {
    width: 100%;
    height: 100%
}

.authorcoffee-banner__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:48em) {
    .authorcoffee-banner {
        min-height: 105rem;
        height: calc(100dvh - 18.2rem);
        background-color: #fff9ee;
        background-image: url(/local/templates/cofefest/src/css/../images/background-12-mobile.webp)
    }
}

.calculator {
    padding: 8rem 0;
    background-color: #35415c
}

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

.calculator__left {
    width: 68.2rem
}

.calculator__right {
    width: 79.1rem;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden
}

.calculator__right img {
    width: 100%;
    height: 100%
}

.calculator__title {
    color: #fff;
    font-size: 6rem;
    font-weight: 700;
    line-height: 100%;
    max-width: 59.2rem;
    margin-bottom: 4.5rem
}

.calculator__descr {
    color: #fff9ee;
    font-size: 1.8rem;
    line-height: 140%;
    margin-bottom: 2rem;
    max-width: 66.1rem
}

.calculator__options {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    margin-bottom: 3.2rem
}

.calculator__option {
    position: relative;
    border: 2px solid #f1ded0;
    background: #fff9ee;
    padding: 2.4rem 3.5rem;
    cursor: pointer
}

.calculator__option-icon,
.calculator__option-text {
    pointer-events: none
}

.calculator__option.active .calculator__option-menu {
    display: block
}

.calculator__option.active .calculator__option-arrow {
    transform: rotateZ(-180deg)
}

.calculator__option.success .calculator__option-arrow {
    display: none
}

.calculator__option.success .calculator__option-success {
    display: block
}

.calculator__option-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
    line-height: 125%
}

.calculator__option-success {
    display: none
}

.calculator__option-arrow {
    transition: .2s ease-in-out
}

.calculator__option-menu {
    display: none;
    position: absolute;
    top: calc(100% + 1.2rem);
    left: 0;
    width: 100%;
    padding: 2.4rem;
    border-radius: 0 0 3rem 3rem;
    border: 2px solid #f1ded0;
    background: #fff9ee;
    z-index: 10
}

.calculator__option-menu__cake {
    max-height: 36.8rem;
    overflow-y: scroll
}

.calculator__option-menu__cake-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 8.8rem
}

.calculator__option-menu__cake-item:not(:last-child) {
    padding-bottom: .8rem;
    border-bottom: 1px solid rgba(121, 121, 121, .2)
}

.calculator__option-menu__cake-item:not(:first-child) {
    padding-top: .8rem
}

.calculator__option-menu__cake-item__img {
    width: 8rem;
    height: 8rem;
    margin-right: 2rem
}

.calculator__option-menu__cake-item__img img {
    width: 100%;
    height: 100%
}

.calculator__option-menu__cake-item__descr {
    width: auto;
    margin-right: auto
}

.calculator__option-menu__cake-item__name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .09rem;
    text-transform: uppercase;
    margin-bottom: .8rem
}

.calculator__option-menu__cake-item__weight {
    font-size: 1.8rem;
    line-height: 140%
}

.calculator__option-menu__cake-item__price {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    align-self: center
}

.calculator__option-menu__decoration {
    max-height: 36.8rem;
    overflow-y: scroll
}

.calculator__option-menu__decoration-item {
    font-size: 2rem;
    line-height: 125%
}

.calculator__option-menu__decoration-item:not(:last-child) {
    margin-bottom: 1.6rem
}

.calculator__option-menu__weight-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(121, 121, 121, .2)
}

.calculator__option-menu__weight-item:not(:last-child) {
    padding-bottom: .4rem
}

.calculator__option-menu__weight-item:not(:first-child) {
    padding-top: 1.6rem
}

.calculator__option-menu__weight-item__weight {
    font-size: 2rem;
    line-height: 125%
}

.calculator__option-menu__weight-item__price {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

.calculator__price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.5rem
}

.calculator__price-number,
.calculator__price-text {
    color: #e6af9a;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

.calculator__price-number span {
    font-size: 2rem;
    font-weight: 400;
    line-height: 125%
}

.calculator__weight {
    display: flex;
    align-items: center;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    color: #fff9ee
}

.calculator__weight-btn {
    cursor: pointer
}

.calculator__weight-btn svg,
.calculator__weight-btn svg path {
    stroke: #fff9ee
}

.calculator__weight-count {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0 1.6rem;
    font-size: 2rem;
    line-height: 125%
}

@media (max-width:48em) {
    .calculator {
        padding: 9.6rem 0
    }

    .calculator__container {
        flex-direction: column;
        row-gap: 8rem
    }

    .calculator__left {
        width: auto
    }

    .calculator__right {
        width: auto;
        height: 57.4rem
    }

    .calculator__title {
        font-size: 5.2rem;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 8rem
    }

    .calculator__descr {
        font-size: 2.8rem;
        line-height: 140%;
        margin-bottom: 4rem
    }

    .calculator__options {
        row-gap: 4rem;
        margin-bottom: 4.8rem
    }

    .calculator__option-head {
        font-size: 2.8rem;
        line-height: 140%
    }

    .calculator__option-menu__cake-item__name {
        margin-bottom: 0;
        font-size: 2.8rem;
        line-height: 120%;
        letter-spacing: .084rem
    }

    .calculator__option-menu__cake-item__price {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 150%
    }

    .calculator__option-menu__decoration-item {
        font-size: 2.8rem;
        line-height: 140%
    }

    .calculator__price-number,
    .calculator__price-number span,
    .calculator__price-text {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 150%
    }

    .calculator__weight {
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }

    .calculator__weight-count {
        padding: 0 3.2rem;
        font-size: 3.8rem
    }

    .calculator .square-btn {
        width: 100%;
        text-align: center
    }
}

.why-us {
    padding: 15rem 0
}

.why-us__title {
    margin-bottom: 5rem
}

.why-us__swiper-slide {
    background-color: #f1ded0;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: auto
}

.why-us__slide-box {
    padding: 5rem 3rem 3rem;
    min-height: 30rem
}

.why-us__slide-title {
    margin-bottom: 1.2rem
}

.why-us__slide-text {
    font-size: 1.8rem;
    line-height: 140%
}

.why-us__slide-img {
    margin-top: auto;
    width: 37.4rem;
    height: 28.6rem
}

.why-us__slide-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.why-us__swiper-pagination {
    display: none
}

@media (max-width:48em) {
    .why-us {
        padding: 9.6rem 0
    }

    .why-us__title {
        margin-bottom: 8rem;
        width: 58rem
    }

    .why-us__swiper {
        margin-bottom: 8rem
    }

    .why-us__slide-box {
        padding: 8rem 4rem 4rem;
        min-height: 39.8rem
    }

    .why-us__slide-title {
        margin-bottom: 2.8rem
    }

    .why-us__slide-text {
        font-size: 2.8rem;
        line-height: 140%
    }

    .why-us__slide-img {
        width: 67rem;
        height: 50.4rem
    }

    .why-us__swiper-pagination {
        display: flex;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
        align-items: center;
        justify-content: center
    }

    .why-us__swiper-pagination span {
        background: 0 0;
        border: 2px solid #35415c;
        border-radius: 50%;
        width: 3rem;
        height: 3rem;
        opacity: 1
    }

    .why-us__swiper-pagination span.swiper-pagination-bullet-active {
        background-color: #35415c
    }
}

.notes {
    background-color: #fff9ee;
    padding-bottom: 15rem
}

.notes__container {
    background-color: #35415c;
    padding: 8rem 6rem;
    color: #fff9ee;
    border-radius: 0 0 5rem 5rem
}

.notes__title {
    font-size: 6rem;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 4.5rem
}

.notes__list {
    display: flex;
    flex-direction: column;
    row-gap: 4.5rem
}

.notes__item-title {
    color: #e6af9a;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 4.5rem
}

.notes__item-row {
    display: flex;
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem
}

.notes__item-column {
    flex: 0 0 72.4rem;
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem
}

.notes__item-text {
    font-size: 12px;
    line-height: 125%
}

.notes__item-list {
    padding-left: 1rem
}

.notes__item-list li {
    position: relative;
    padding-left: 2rem;
    font-size: 12px;
    line-height: 125%
}

.notes__item-list li::before {
    content: "";
    position: absolute;
    top: calc(50% - .5rem);
    left: 0;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #fff9ee
}

@media (max-width:48em) {
    .notes {
        padding-bottom: 9.6rem
    }

    .notes__container {
        width: 67rem;
        margin: 0 auto
    }

    .notes__title {
        font-size: 5.2rem;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 8rem
    }

    .notes__list {
        row-gap: 4rem;
        max-height: 64rem;
        overflow-y: hidden;
        margin-bottom: 1.6rem;
        transition: .4s ease-in-out
    }

 
    .notes__item-title {
        font-size: 3.6rem;
        font-weight: 700;
        line-height: 150%;
        margin-bottom: 4rem
    }

    .notes__item-row {
        flex-direction: column;
        row-gap: 2rem
    }

    .notes__item-column {
        flex: 0 0 100%;
        row-gap: 2rem
    }

    .notes__item-list li,
    .notes__item-text {
        font-size: 2.8rem;
        line-height: 140%
    }

    .notes__show-all {
        color: #e6af9a;
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: .096rem;
        text-transform: uppercase
    }
}

.cakes-slider {
    padding: 15rem 0;
    background-color: #fff9ee
}

.cakes-slider__container {
    overflow-x: hidden
}

.cakes-slider__swiper {
    margin-bottom: 5rem
}

.cakes-slider__swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.cakes-slider__swiper-pagination span {
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #35415c;
    background: 0 0;
    opacity: 1
}

.cakes-slider__swiper-pagination span.swiper-pagination-bullet-active {
    background: #35415c
}

.cakes-slider .cakes-slide {
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 37.4rem
}

.cakes-slider .cakes-slide__img {
    width: 100%;
    height: 37.1rem
}

.cakes-slider .cakes-slide__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cakes-slider .cakes-slide__descr {
    height: 100%;
    padding: 5rem 3rem;
    border-radius: 0 0 5rem 5rem;
    background: url(/local/templates/cofefest/src/css/../images/cakes-slide-background.webp) center center/cover #35415c
}

.cakes-slider .cakes-slide__title {
    color: #e6af9a;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 1.6rem
}

.cakes-slider .cakes-slide__text {
    color: #fff9ee;
    font-size: 2rem;
    line-height: 125%
}

@media (max-width:48em) {
    .cakes-slider {
        padding: 9.6rem 0
    }

    .cakes-slider__swiper {
        overflow-x: hidden;
        margin-bottom: 7.8rem
    }

    .cakes-slider__swiper .swiper-wrapper {
        row-gap: 4.6rem
    }

    .cakes-slider__swiper-pagination span {
        width: 3rem;
        height: 3rem
    }

    .cakes-slider .cakes-slide {
        max-width: 32.8rem
    }

    .cakes-slider .cakes-slide__img {
        width: 100%;
        height: 32.8rem
    }

    .cakes-slider .cakes-slide__descr {
        padding: 4rem 2rem;
        border-radius: 0 0 7.2rem 7.2rem
    }

    .cakes-slider .cakes-slide__title {
        font-size: 3.6rem;
        line-height: 150%
    }

    .cakes-slider .cakes-slide__text {
        font-size: 2.8rem;
        line-height: 140%
    }

    .container-module_container__PQouW.animation-module_leftBottom__C7fAw {
        min-width: 0
    }
}

.container-module_container__PQouW.animation-module_leftBottom__C7fAw {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.main-module_close__0BnEN::after,
.main-module_close__0BnEN::before {
    background-color: #fff !important
}

.proposal__list {
    display: flex;
    justify-content: space-between;
    gap: 3.5rem;
    list-style-type: none
}

.proposal-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.proposal-card__img {
    width: 100%;
    height: 38.25rem
}

.proposal-card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.proposal-card__link {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase;
    color: #fff9ee;
    margin-left: auto;
    margin-top: 6rem;
    transition: .2s ease-in-out
}

@media (hover:hover) {
    .proposal-card__link:hover {
        color: #e6af9a
    }
}

.proposal-card__descr {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0 0 5rem 5rem;
    padding: 6rem 4rem;
    position: relative;
    overflow: hidden;
    background-color: #35415c;
    background-image: url(/local/templates/cofefest/src/css/../images/background-7.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    flex: 1
}

.proposal-card__descr-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.proposal-card__head {
    display: flex;
    flex-direction: column;
    height: 100%
}

.proposal-card__title {
    color: #e6af9a;
    font-family: Circe;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 1.6rem
}

.proposal-card__text {
    color: #fff9ee;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-bottom: auto
}

.proposal-card__price {
    display: flex;
    align-items: center;
    gap: 2.4rem;
    margin-left: auto
}

.proposal-card__price-value {
    color: #e6af9a;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase;
    margin-left: auto
}

.proposal-card__add-to-card {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

@media (max-width:48em) {
    .proposal-card__img {
        height: 50.2rem
    }

    .proposal-card__title {
        font-size: 3.6rem;
        margin-bottom: 2.4rem
    }

    .proposal-card__descr {
        background-image: url(/local/templates/cofefest/src/css/../images/background-7-mobile.webp);
        background-size: cover;
        background-position: center top;
        padding: 8rem 4rem 10rem
    }

    .proposal-card__price-value {
        margin-top: auto;
        font-size: 2.8rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: .084rem
    }

    .proposal-card__text {
        font-size: 2.4rem;
        margin-bottom: 3rem
    }

    .proposal-card__link {
        font-size: 2.8rem
    }

    .proposal-card__descr--mega-large .proposal-card__title {
        margin: 0 0 2.4rem
    }

    .proposal-card__descr--mega-large .proposal-card__text:not(:last-child) {
        margin: 0 0 2rem
    }

    .proposal__swiper-next,
    .proposal__swiper-prev {
        display: none !important
    }
}

.away-banner {
    padding-top: 18.4rem;
    margin-top: 14rem;
    height: 78rem;
    position: relative;
    text-align: center
}

.away-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    pointer-events: none
}

.away-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.away-banner__heading {
    font-family: El Messiri;
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 1;
    color: #fffaf1;
    margin: 0 auto 4.4rem;
    width: 55%
}

.away-banner__subheading {
    margin-bottom: 4.5rem;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 1;
    color: #fffaf1
}

.away-banner__btn {
    color: #fff9ee;
    border-color: #fff9ee;
    background-color: rgba(35, 41, 62, .3);
    cursor: pointer
}

.away-cards .swiper-wrapper {
    height: -moz-fit-content;
    height: fit-content
}

.catalog-card-1 {
    padding: 0
}

.catalog-card-1__img {
    max-width: 100%;
    width: 100%;
    height: 37.4rem
}

.catalog-card-1__descr {
    max-width: 100%;
    width: 100%
}

.away__swiper .swiper-wrapper,
.formats__swiper .swiper-wrapper,
.interiors__swiper .swiper-wrapper,
.proposal__swiper .swiper-wrapper,
.serv__swiper .swiper-wrapper,
.services__swiper .swiper-wrapper,
.team__swiper .swiper-wrapper,
.ur-menu__swiper .swiper-wrapper {
    height: -moz-fit-content;
    height: fit-content
}

.away__swiper-pagination,
.feedback__swiper-pagination,
.formats__swiper-pagination,
.serv__swiper-pagination,
.ur-menu__swiper-pagination {
    position: relative;
    top: 5.1rem
}

.service__swiper .services__list-item__text {
    min-height: 31rem
}

.swiper-slide .services__list-item {
    width: 100%;
    height: 100%
}

.swiper-pagination-styles,
.swiper-slide .services__list-item__text-description {
    width: 100%
}

.swiper-pagination-styles span {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    opacity: 1;
    background-color: transparent;
    border: .2rem solid #35415c
}

.swiper-pagination-styles span:not(:last-child) {
    margin-right: 1.3rem
}

.swiper-pagination-styles span.swiper-pagination-bullet-active {
    background-color: #35415c
}

@media (max-width:48em) {
    .swiper-pagination-styles span {
        width: 3rem;
        height: 3rem
    }

    .swiper-pagination-styles:not(:last-child) {
        margin-right: 2.6rem
    }

    .formats__swiper .proposal-card__descr {
        padding: 8rem 4rem;
        background-size: 67rem 86.6rem
    }

    .formats__swiper .proposal-card__title {
        font-size: 3.6rem
    }

    .formats__swiper .proposal-card__text {
        font-size: 2.8rem
    }
}

.corpo-food {
    margin-top: 14rem;
    position: relative
}

.corpo-food .container {
    position: absolute;
    top: 18.4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.corpo-food.authorcoffee .main-banner__btn {
    top: 28rem;
    transform: translateX(-50%);
    background-color: rgba(35, 41, 62, .3)
}

.corpo-food.cooking-menu .main-banner__btn,
.corpo-food.grain-coffee .main-banner__btn {
    color: #fff9ee;
    border-color: #fff9ee;
    background-color: rgba(35, 41, 62, .3)
}

.corpo-food.cooking-menu .main-banner__swiper-controllers .swiper-pagination-bullet,
.corpo-food.cooking-menu .main-banner__swiper-controllers .swiper-pagination-bullet.swiper-pagination-bullet-active,
.corpo-food.grain-coffee .main-banner__swiper-controllers .swiper-pagination-bullet,
.corpo-food.grain-coffee .main-banner__swiper-controllers .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e3bca0
}

.corpo-food__swiper {
    height: 78.3rem
}

.corpo-food__swiper-slide {
    background: linear-gradient(rgba(227, 188, 160, .2), rgba(227, 188, 160, .2)), url(/local/templates/cofefest/src/css/../images/svg/corpo-food-hero-ornament.svg) top left/cover no-repeat
}

.corpo-food__swiper-slide__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: -1
}

.corpo-food__swiper-controllers {
    width: 100%;
    position: absolute;
    bottom: 5.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.corpo-food__swiper-controllers .next,
.corpo-food__swiper-controllers .prev {
    cursor: pointer;
    transition: opacity .2s ease-in-out
}

.corpo-food__swiper-controllers .next img,
.corpo-food__swiper-controllers .next svg,
.corpo-food__swiper-controllers .prev img,
.corpo-food__swiper-controllers .prev svg {
    width: 2.8rem;
    height: 1.6rem;
    -o-object-fit: contain;
    object-fit: contain
}

.corpo-food__swiper-controllers .next.swiper-button-disabled,
.corpo-food__swiper-controllers .prev.swiper-button-disabled {
    opacity: 0
}

.corpo-food__swiper-controllers .prev img,
.corpo-food__swiper-controllers .prev svg {
    transform: scale(-1)
}

.corpo-food__swiper-controllers .swiper-pagination {
    margin: 0 1.6rem;
    position: relative;
    display: flex;
    align-items: center
}

.corpo-food__swiper-controllers .swiper-pagination .swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 2px solid #35415c;
    background-color: transparent;
    opacity: 1
}

.corpo-food__swiper-controllers .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 1.6rem
}

.corpo-food__swiper-controllers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #35415c
}

.corpo-food__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (max-width:48em) {
    .corpo-food {
        margin-top: 18.2rem;
        height: calc(100vh - 18.2rem)
    }

    .corpo-food__swiper-slide__img {
        -o-object-position: center;
        object-position: center
    }

    .corpo-food__swiper-controllers {
        bottom: 8rem
    }

    .corpo-food__swiper-controllers .next img,
    .corpo-food__swiper-controllers .next svg,
    .corpo-food__swiper-controllers .prev img,
    .corpo-food__swiper-controllers .prev svg {
        width: 5.6rem;
        height: 2.6rem
    }

    .corpo-food__swiper-controllers .swiper-pagination {
        margin: 0 4rem
    }

    .corpo-food__swiper-controllers .swiper-pagination .swiper-pagination-bullet {
        width: 3rem;
        height: 3rem
    }

    .corpo-food__swiper-controllers .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
        margin-right: 3.2rem
    }
}

.corpo-food-banner {
    padding-top: 18.4rem;
    margin-top: 14rem;
    height: 78rem;
    position: relative;
    text-align: center
}

.corpo-food-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    pointer-events: none
}

.corpo-food-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.corpo-food-banner__heading {
    font-family: El Messiri;
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin: 0 auto 3.7rem;
    width: 85%
}

.corpo-food-banner__subheading {
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 8rem
}

.keitering-banner {
    padding-top: 18.4rem;
    margin-top: 14rem;
    height: 78rem;
    position: relative;
    text-align: center;
    background: linear-gradient(rgba(255, 250, 241, .26), rgba(255, 250, 241, .26)), url(/local/templates/cofefest/src/css/../images/svg/corpo-food-hero-ornament.svg) top left/cover no-repeat
}

.keitering-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
    pointer-events: none;
    background-color: rgba(255, 250, 241, .16)
}

.keitering-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none
}

.keitering-banner__heading {
    font-family: El Messiri;
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 8.7rem;
    width: 130rem
}

.keitering-banner__subheading {
    margin-bottom: 4.5rem;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 1
}

.away__swiper {
    margin-bottom: 4rem
}

.feedback .heading2 {
    margin-bottom: 5rem
}

.feedback .swiper-wrapper {
    height: -moz-fit-content;
    height: fit-content
}

.feedback .heading3 {
    text-transform: none
}

.feedback__swiper-slide {
    display: flex;
    background-color: #fff9ee;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    border-radius: 0 0 5rem 5rem
}

.feedback__left-box,
.feedback__right-box {
    width: 50%
}

.feedback__left-box {
    padding: 8rem 6rem;
    gap: 4.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.feedback__content {
    display: flex;
    flex-direction: column;
    gap: 4.5rem
}

.feedback__date-info {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    align-items: flex-end
}

.feedback__date-info span {
    display: block;
    color: #797979;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.catalog-inputs__textarea {
    resize: none;
    width: 47.8rem;
    min-height: 16.5rem;
    height: 16.5rem;
    padding: 1.2rem 3.5rem
}

.catalog-inputs__textarea::-webkit-scrollbar {
    right: 2rem;
    padding-right: 2rem;
    width: .4rem
}

.catalog-inputs__textarea ::-webkit-scrollbar-thumb {
    background-color: #fff9ee;
    border-radius: .4rem
}

.catalog-inputs__textarea ::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.catalog-inputs__textarea::-webkit-scrollbar-thumb {
    background-color: #f1ded0;
    border-radius: .4rem
}

.catalog-inputs__textarea::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.catalog-inputs__textarea::-webkit-scrollbar-track {
    background-color: #fff9ee
}

.catalog-inputs__textarea::-webkit-scrollbar-track:hover {
    background-color: #ddd
}

.catalog-inputs.active .catalog-inputs__file-label {
    display: none
}

.catalog-inputs.active .catalog-inputs__file {
    padding-left: 0
}

.catalog-inputs.active .catalog-inputs__file-label-succes {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    width: 40.8rem;
    border: none;
    display: flex
}

.catalog-inputs.active .catalog-inputs__file-label-succes::before {
    display: none
}

.catalog-inputs.active .catalog-inputs__file-label-succes strong {
    color: #797979;
    display: block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-right: 1.2rem
}

.catalog-inputs.active .catalog-inputs__file-label-succes span {
    color: #bababa;
    display: block;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    margin-right: auto
}

.catalog-inputs.active .catalog-inputs__file-label-succes .catalog-inputs__file-remove-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: auto;
    display: inline-block
}

.catalog-inputs.active .catalog-inputs__file-label-succes .catalog-inputs__file-remove-icon svg {
    width: 100%;
    height: 100%
}

.catalog-inputs__file-label-succes,
.catalog-inputs__file-remove-icon {
    display: none
}

.catalog-inputs__file {
    height: 5.3rem;
    width: 100%;
    padding: 1.2rem 3.5rem;
    position: relative
}

.catalog-inputs__file::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: .2rem solid #f1ded0;
    border-radius: 0;
    background-color: #fff9ee;
    z-index: 3
}

.catalog-inputs__file::file-selector-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    display: none
}

.catalog-inputs__file-label {
    margin-left: 3.6rem;
    position: absolute;
    color: #797979;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    left: 3.5rem;
    cursor: pointer;
    padding-bottom: .2rem;
    border-bottom: .1rem solid #797979
}

.catalog-inputs__file-label::before {
    display: block;
    left: -3.6rem;
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    background-image: url(/sprite.svg#photo-app);
    background-size: 2.4rem;
    background-position: .1rem center;
    background-repeat: no-repeat
}

@media (max-width:48em) {
    .catalog-inputs__file-label {
        left: 6rem
    }

    .catalog-inputs__file-label::before {
        left: -5.6rem;
        width: 4.8rem;
        height: 4.8rem
    }
}

.card-det {
    display: flex;
    gap: 3.5rem;
    position: relative;
    z-index: 2;
    margin-bottom: 7rem
}

.card-det__container {
    padding-top: 8.1rem
}

.card-det__img {
    min-width: 78.3rem;
    width: 78.3rem;
    height: 78.3rem;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden
}

.card-det__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card-det.imgless .card-det__imgless {
    display: block
}

.card-det.imgless .card-det__img {
    display: none
}

.card-det__imgless {
    display: none;
    min-width: 78.3rem;
    width: 78.3rem;
    height: 78.3rem;
    border-radius: 0 0 5rem 5rem;
    background: url(/local/templates/cofefest/src/css/../images/background-8.webp) top left/cover no-repeat #f1ded0;
    overflow: hidden
}

.card-det__imgless-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    row-gap: 3.5rem;
    text-align: center
}

.card-det__imgless-box span {
    font-size: 6rem
}

.card-det__imgless-box strong {
    font-size: 5rem
}

.card-det__content-box {
    display: flex;
    gap: 3.5rem;
    flex-direction: column
}

.card-det__heading {
    display: flex;
    flex-direction: column;
    gap: 4.5rem
}

.card-det__subtitle {
    width: 69.6rem
}

.card-det__subs-wrapper {
    display: flex;
    flex-direction: column;
    width: 69.6rem;
    gap: .2rem
}

.card-det__more {
    display: flex;
    gap: 1.2rem;
    width: 100%;
    align-items: center;
    cursor: pointer
}

.card-det__more svg {
    display: block;
    width: 1.5rem;
    transition: .4s
}

.card-det__more.active svg {
    transform: rotate(-180deg)
}

.card-det__stats-list {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.card-det__stats-item {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.card-det__stats-featurs {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    width: 23.8rem
}

.card-det__bar {
    display: flex;
    gap: .3rem;
    align-items: center
}

.card-det__bar-item {
    min-width: 5.725rem;
    min-height: .6rem;
    max-width: 5.725rem;
    max-height: .6rem;
    display: block;
    background-color: #f1ded0
}

.card-det__bar-item.active {
    background-color: #35415c
}

.card-det__left-side {
    display: flex;
    flex-direction: column;
    gap: 5.3rem
}

.card-det__right-side {
    position: initial;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 37.4rem;
    padding: 2.8rem 5.6rem 4.7rem;
    border-radius: 0 0 3rem 3rem;
    border: .1rem solid #f1ded0;
    background: #fff9ee;
    box-shadow: 1rem 1rem 2rem 0 rgba(0, 0, 0, .05)
}

.card-det__right-side .controlls {
    margin-bottom: .6rem
}

.card-det__right-side:focus {
    outline: 0
}

.card-det__right-side .card-det__more {
    margin-bottom: -1.5rem
}

.card-det__right-side .card-det__item-value {
    text-align: left
}

.card-det__right-side .stroke-btn--slim {
    transition: .2s ease-in-out;
    padding: 1.4rem;
    background-color: #fff9ee;
    white-space: nowrap
}

.card-det__stats-weight-list {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 4.4rem;
    height: 5.7rem;
    margin-bottom: 3.3rem
}

.card-det__content-box-wrap {
    display: flex;
    justify-content: space-between;
}

.card-det__main-box {
    display: flex;
    justify-content: space-between;
    width: 62.3rem
}

.card-det__popup-point {
    position: relative
}

.card-det__text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.card-det__text-icon {
    display: flex;
    gap: 1.5rem;
    align-items: center
}

.card-det .time-icon {
    min-width: 2rem;
    width: 2rem;
    min-height: 2rem;
    height: 2rem
}

.card-det__more-icon {
    transition: .3s ease-in-out
}

.card-det__more-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    gap: 1.2rem
}

.card-det__more-wrapper .card-det__more {
    width: -moz-fit-content;
    width: fit-content;
    position: static
}

.card-det__more {
    position: relative;
    height: 8rem;
    display: flex
}

.card-det__more.active .card-det__popup {
    opacity: 1;
    z-index: 2;
    transform: translateY(0)
}

.card-det__more.active .card-det__more-icon {
    transform: rotate(180deg)
}

.card-det__popup {
    width: 37.6rem;
    opacity: 0;
    z-index: -1;
    transform: translateY(-3rem);
    transition: .3s ease-in-out;
    top: 100%;
    left: 0;
    position: absolute;
    padding: 2.2rem 2.4rem;
    border-radius: 0 0 3rem 3rem;
    border: .1rem solid #f1ded0;
    background: #fff9ee;
    box-shadow: 1.5rem 2.4rem 3.5rem 0 rgba(0, 0, 0, .07)
}

.card-det__popup--select {
    width: 100%
}

.card-det__popup--select .card-det__popup-item {
    border: none;
    gap: 2rem;
    padding: 0;
    transition: .3s ease-in-out
}

@media (hover:hover) {
    .card-det__right-side .stroke-btn:hover {
        background-color: rgba(35, 41, 62, .3);
        color: #fff9ee;
        border-color: #fff9ee
    }

    .card-det__popup--select .card-det__popup-item:hover span {
        font-weight: 700
    }

    .cart .arrow-link:hover {
        color: #e3bca0
    }
}

.card-det__popup--select .card-det__popup-item span {
    width: 100%;
    cursor: pointer
}

.card-det__popup--select .card-det__popup-item.active .card-det__item-title {
    font-weight: 700
}

.card-det__popup-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding-right: .8rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    scrollbar-width: thin
}

.card-det__popup-list::-webkit-scrollbar {
    right: 2rem;
    padding-right: 2rem;
    width: .4rem
}

.card-det__popup-list ::-webkit-scrollbar-thumb {
    background-color: #fff9ee;
    border-radius: .4rem
}

.card-det__popup-list ::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.card-det__popup-list::-webkit-scrollbar-thumb {
    background-color: #f1ded0;
    border-radius: .4rem
}

.card-det__popup-list::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.card-det__popup-list::-webkit-scrollbar-track {
    background-color: #fff9ee
}

.card-det__popup-list::-webkit-scrollbar-track:hover {
    background-color: #ddd
}

.card-det__popup-item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.card-det__popup-item:not(:last-child) {
    padding-bottom: .4rem;
    border-bottom: .1rem solid rgba(121, 121, 121, .2)
}

.card-det__popup-item span {
    width: 15.8rem
}

.card-det__popup-item--list {
    border-color: transparent;
    padding: 0
}

.card-det__popup-item--list span {
    width: 100%
}

.card-det__item-title {
    color: #35415c;
    text-align: left
}

.card-det__item-value {
    text-align: right;
    color: #797979
}

.card-det__stats-weight {
    position: relative
}

.card-det__stats-weight.active span {
    color: #35415c;
    font-family: Circe;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.card-det__stats-weight span {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer;
    transition: .3s ease-in-out
}

.card-det__stats-weight span:focus {
    outline: 0
}

.card-det__price {
    margin-bottom: 3.9rem;
    margin-top: 4rem;
    display: flex;
    align-items: flex-end;
    gap: .7rem
}

.card-det__current-price-box {
    display: flex;
    align-items: flex-end
}

.card-det__current-price-box strong {
    display: block;
    color: #35415c;
    font-family: Circe;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

.card-det__current-price-box span {
    display: block;
    margin-left: .6rem;
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5
}

.card-det__discount-price-box {
    display: flex;
    align-items: flex-end;
    margin-top: .5rem;
    position: relative
}

.card-det__discount-price-box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: .1rem;
    background-color: #797979;
    top: 44%;
    transform: translateY(50%)
}

.card-det__discount-price-box strong {
    display: block;
    color: #797979;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.card-det__discount-price-box span {
    display: block;
    margin-left: .4rem;
    color: #797979;
    font-family: Circe;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6
}

.controlls__count-btn:hover {
    transform: scale(1.3)
}

.controlls__count-btn:active {
    transform: scale(.9)
}

.card-det__popup-point:hover .card-det__popup {
    opacity: 1;
    z-index: 2;
    transform: translateY(0)
}

.card-det__subs-wrapper p {
    width: auto;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 2rem;
}

.card-det__subs-wrapper p:last-child {
    margin-bottom: 0;
}

.card-det__subs-wrapper h3 {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

.card-det__subs-wrapper ul {
    margin-bottom: 2rem;
}
.card-det__subs-wrapper li {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 1rem;
}

@media (max-width:48em) {
    .card-det {
        flex-direction: column;
        border-radius: 0 0 7.2rem 7.2rem;
        border: 1px solid #e8ccbf;
        padding-bottom: 8rem;
        row-gap: 9.57rem
    }

    .card-det__imgless {
        min-width: 0;
        border-radius: 0;
        margin-bottom: 0;
        width: 67rem;
        height: 72.4rem
    }

    .card-det__stats-weight-list {
        justify-content: space-between
    }

    .card-det__stats-weight-list .card-det__stats-weight span {
        font-size: 2.8rem;
        line-height: 140%
    }

    .card-det__stats-weight-list .card-det__stats-weight.active span {
        font-size: 5.2rem;
        line-height: 120%
    }

    .card-det__ .card-det__more {
        margin: 0 0 5rem
    }

    .card-det__ .card-det__more svg {
        width: 4rem;
        height: 4rem;
        margin: 0 0 0 2rem
    }

    .card-det__popup {
        width: 59rem
    }

    .card-det {
        flex-direction: column
    }

    .card-det.count-right-bottom {
        position: relative
    }

    .card-det.count-right-bottom .controlls {
        position: absolute;
        right: 4rem;
        bottom: 27rem
    }

    .card-det__img {
        min-width: 0;
        border-radius: 0;
        margin-bottom: 0;
        width: 67rem;
        height: 72.4rem
    }

    .card-det__content-box {
        padding: 0 4rem
    }

    .card-det__img {
        width: 100%;
        height: 67rem;
        border-radius: 0;
    }

    .card-det__img img {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .card-det__subs-wrapper {
        width: auto;
        max-width: 67rem
    }

    .card-det__subs-wrapper p {
        width: auto;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.25;
    }

    .card-det__subs-wrapper h3 {
        font-weight: 700;
        font-size: 2.2rem;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .card-det__subs-wrapper ul {
        margin-bottom: 2rem;
    }
    .card-det__subs-wrapper li {
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.25;
        margin-bottom: 1rem;
    }
   

    .card-det__main-box {
        flex-direction: column;
        width: auto
    }

    .card-det__left-side {
        margin: 0 0 5rem
    }

    .card-det__stats-featurs {
        width: auto
    }

    .card-det__stats-list {
        flex-direction: row;
        max-width: 67rem;
        flex-wrap: wrap
    }

    .card-det__stats-item {
        flex: 0 1 47%
    }

    .card-det__stats-item .text1:hover {
        text-decoration: underline
    }

    .card-det__stats-item .card-det__popup {
        padding: 4rem;
        font-size: 2.8rem
    }

    .card-det__more:not(:last-child) {
        margin: 0 5rem 0 0;
        margin-bottom: 5rem;
    }

    .card-det__more .card-det__popup {
        width: 59rem;
        padding: 4rem
    }

    .card-det__more .card-det__popup-list {
        max-height: 80.8rem;
        gap: 3.2rem
    }

    .card-det__more .card-det__popup-item .card-det__item-value {
        width: 31.4rem
    }

    .card-det__more-icon {
        width: 3rem !important;
        height: 3rem;
        margin-left: 2rem
    }

    .card-det__right-side {
        box-shadow: none;
        max-width: 67rem;
        position: static;
        align-items: flex-start;
        justify-content: initial;
        background: 0 0;
        box-shadow: none;
        border: none;
        width: auto;
        max-width: 67rem;
        padding: 0;
        row-gap: 5rem
    }

    .card-det__right-side .controlls {
        width: 22rem;
        justify-content: space-between
    }

    .card-det__right-side .controlls__count-btn,
    .card-det__right-side .controlls__count-btn svg {
        width: 2.4rem;
        height: 2.4rem
    }

    .card-det__right-side .card-det__popup {
        z-index: 10
    }

    .card-det__right-side .card-det__popup-list {
        row-gap: 4rem
    }

    .card-det__right-side .card-det__popup-item {
        border-bottom: none
    }

    .card-det__stats-weight-list {
        width: 45.4rem;
        justify-content: space-between;
        margin: 0
    }

    .card-det__stats-weight-list label span {
        font-size: 2.8rem
    }

    .card-det__stats-weight-list label input:checked+span {
        font-size: 5.2rem
    }

    .card-det__more-wrapper {
        justify-content: flex-start;
        align-items: flex-start
    }

    .card-det__current-price-box strong {
        font-size: 6rem
    }

    .card-det__current-price-box span {
        font-size: 4rem
    }

    .card-det__discount-price-box strong {
        font-size: 3.8rem
    }

    .card-det__discount-price-box span {
        font-size: 2.8rem
    }

    .card-det .stroke-btn {
        width: 100%;
        text-align: center;
        height: 9.8rem
    }

    .card-det .time-icon {
        width: 4rem;
        height: 4rem
    }

    .card-det__text-wrapper {
        row-gap: 5.2rem
    }

    .card-det__text-wrapper .card-det__text-icon .text1 {
        max-width: 34.2rem
    }
}

.cart {
    padding-top: 7.4rem
}

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

.cart .arrow-link {
    color: #35415c
}

.cart__main-item-count {
    color: #35415c;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

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

.cart__head .heading2 {
    line-height: .7
}

.cart__aside-input {
    position: relative;
    margin-bottom: 2.7rem
}

.cart__input-icon {
    right: 3.6rem;
    width: 3rem;
    height: 1.4rem;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)
}

.cart__input-promo {
    width: 100%;
    height: 5.3rem;
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    background-color: #fff9ee;
    padding: 1.4rem 6.6rem 1.4rem 3.6rem
}

.cart__aside-row {
    display: flex;
    width: 100%;
    opacity: .9;
    justify-content: space-between;
    align-items: center
}

.cart__aside-row:not(:last-child) {
    margin-bottom: 2.4rem
}

.cart__aside-total-value {
    color: #fff9ee;
    font-family: Circe;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase
}

.cart__aside-total-title {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

.cart__aside-total {
    display: flex;
    width: 100%;
    opacity: .9;
    justify-content: space-between;
    align-items: center;
    padding-top: 2.4rem;
    border-top: .1rem solid rgba(255, 255, 255, .2);
    margin-bottom: 4.35rem
}

.cart__aside-title {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

.cart__main-item-price {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: flex-end
}

.cart__main-cart-item {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    display: block;
    transition: .1s ease-out;
    background-image: url(/sprite.svg#cart);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.cart__main-cart-item:active {
    transform: translateY(.2rem)
}

.cart__main {
    width: 105.5rem;
    display: flex;
    flex-direction: column;
    gap: 8rem
}

.cart__aside {
    width: 51rem;
    margin-top: 12rem
}

.cart__main-head {
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    margin-bottom: 2.4rem
}

.cart__main-head-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cart__main-title {
    display: flex;
    align-items: center;
    gap: .8rem
}

.cart__head-list {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    gap: 4rem;
    padding-right: 1.4rem
}

.cart__head-item {
    display: flex;
    gap: .4rem;
    align-items: center
}

.cart__head-item-icon {
    width: 2.4rem;
    height: 2.4rem
}

.cart__main-list {
    gap: 1.7rem;
    display: flex;
    flex-direction: column
}

.cart .controlls {
    margin: 0
}

.cart__main-item-box {
    width: 100%;
    padding-right: 4rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem
}

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

.cart__main-item:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: .2rem solid rgba(255, 255, 255, .2)
}

.cart__main-item-img {
    width: 19rem;
    height: 16rem;
    min-width: 19rem;
    min-height: 16rem;
    margin-right: 3rem
}

.cart__main-item-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cart__main-item-text {
    display: flex;
    flex-direction: column;
    width: 42.8rem;
    margin-right: 4.35rem;
    align-items: flex-start
}

.cart__main-item-text a {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .09rem;
    text-transform: uppercase;
    margin-bottom: .8rem
}

.cart__main-item-text span {
    margin-bottom: 1.2rem
}

.cart__main-item-text p {
    font-weight: 400
}

.cart .cart-icon {
    width: 3rem;
    height: 3rem;
    position: relative
}

.cart .cart-icon__value {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -.45rem;
    left: 45%;
    min-width: 2.2rem;
    min-height: 2.2rem;
    padding: .5rem .3rem .4rem;
    background-color: #35415c;
    border-radius: 50%
}

.cart .cart-icon__value span {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    width: 100%;
    height: 100%;
    display: flex;
    line-height: 1;
    justify-content: center;
    align-items: center
}

.cart .box-blue {
    display: flex;
    flex-direction: column
}

.cart .box-blue .square-btn {
    text-align: center
}

@media (max-width:48em) {
    .cart__content {
        flex-direction: column
    }

    .cart__main {
        width: auto
    }

    .cart__main .box-biege {
        padding: 8rem 4rem 4rem
    }

    .cart__main-head {
        row-gap: 4rem;
        margin: 0 0 8rem
    }

    .cart__main-head-row {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 4rem
    }

    .cart__main-head-row .cart__main-title {
        align-items: center
    }

    .cart__main-head-row:first-child .cart-icon,
    .cart__main-head-row:first-child .cart-icon .bag {
        width: 4rem;
        height: 4rem
    }

    .cart__main-head-row:first-child .cart-icon .cart-icon__value {
        width: 3rem;
        height: 3rem;
        top: -.7rem
    }

    .cart__main-item {
        padding: 11.4rem 0 19.2rem;
        position: relative;
        align-items: flex-start
    }

    .cart__main-item:not(:last-child) {
        padding: 11.4rem 0 19.2rem;
        border-bottom: .2rem solid #fff9ee
    }

    .cart__main-item-img {
        width: 19rem;
        height: 16.2rem
    }

    .cart__main-item-text {
        width: auto
    }

    .cart__main-item-text a {
        position: absolute;
        top: 4rem;
        left: 0;
        font-size: 2.8rem
    }

    .cart__main-item-text span.text1 {
        margin: .85rem 0 3rem 9.4rem
    }

    .cart__main-item-value {
        position: absolute;
        top: 11.4rem;
        left: 21.4rem
    }

    .cart__main-item .controlls {
        position: absolute;
        left: 0;
        bottom: 6rem;
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .cart__main-item .controlls__count-btn,
    .cart__main-item .controlls__count-btn svg {
        width: 2.8rem;
        height: 2.8rem
    }

    .cart__main-item .controlls__count-value {
        font-size: 2.8rem
    }

    .cart__main-item .cart__main-cart-item {
        position: absolute;
        display: block;
        right: 0;
        bottom: 4rem;
        width: 10rem;
        height: 10rem;
        background-color: #fff9ee;
        background-size: 5rem 5rem;
        border-radius: 50%
    }

    .cart__head {
        flex-direction: column;
        align-items: flex-start
    }

    .cart__head>:not(:last-child) {
        margin: 0 0 5rem
    }

    .cart__head-item-icon {
        display: none
    }

    .cart__aside {
        width: auto
    }

    .cart__aside .box-blue {
        margin: 0;
        padding: 8rem 4rem
    }

    .cart__aside-title {
        font-size: 2.8rem
    }

    .cart__aside-row {
        margin: 0 0 3.2rem
    }

    .cart__aside-row:nth-child(3) {
        margin: 0 0 5rem
    }

    .cart__aside-total {
        padding: 5rem 0 0;
        margin: 0 0 8rem
    }

    .cart__aside-total p,
    .cart__aside-total span {
        font-size: 3.6rem
    }

    .cart__aside-input {
        margin: 0 0 5rem
    }

    .cart__aside-input input {
        height: 10rem;
        font-size: 2.8rem
    }

    .cart__aside-input .cart__input-icon {
        display: none
    }
}

.catalog__content-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5rem;
    gap: 4.7rem 3.45rem
}

.catalog-det {
    padding-top: 14.4rem;
    background-color: #fff9ee
}

.catalog-det section.light-section-clear.card-det-section {
    background-image: none
}

.catalog .section {
    padding: 12rem 0 8rem 0
}

.catalog .section:nth-child(2) {
    padding-top: 8rem
}

.catalog .heading2 {
    line-height: 6.2rem
}

@media (max-width:48em) {
    .catalog__content-box {
        justify-content: space-between;
        row-gap: 4.8rem;
        margin-bottom: 8rem
    }

    .catalog .section {
        padding-bottom: 9.6rem
    }
}

.catalog-card__add-to-cart {
    position: absolute;
    border-radius: 100rem;
    bottom: 2rem;
    right: 2rem;
    width: 7rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff9ee;
    transition: .2s ease-in-out
}

@media (max-width:48em) {
    .catalog-card__add-to-cart {
        bottom: 3rem;
        width: 10.4rem;
        height: 10.4rem
    }

    .catalog-card__add-to-cart img {
        width: 4.8rem;
        height: 4.8rem
    }
}

@media (hover:hover) {
    .catalog-card__add-to-cart:hover {
        background-color: #e6af9a
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    overflow-y: auto;
    z-index: 1000;
    height: 100%;
    background: rgba(56, 55, 66, .25);
    opacity: 0;
    pointer-events: none;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    transition: .15s ease-in;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 10rem;
    padding-bottom: 20rem
}

.modal.active {
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
    transition: transform .5s, opacity .5s
}

.modal.active::-webkit-scrollbar {
    right: 2rem;
    padding-right: 2rem;
    width: .4rem
}

.modal.active::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0);
    border-radius: .4rem
}

.modal.active::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0)
}

.modal.active::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0)
}

.modal.active::-webkit-scrollbar-track:hover {
    background-color: rgba(255, 255, 255, 0)
}

.modal.active .modal__container {
    transform: scale(1)
}

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

.modal__content-box {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    align-items: center;
    text-align: center
}

.modal__content-box:not(:first-child) {
    margin-top: 6rem
}

.modal__textarea-medium {
    height: 16.8rem;
    width: 100%
}

.modal__textarea-medium .input-textarea {
    height: 16.8rem
}

.modal__textarea-medium textarea {
    width: 100%;
    height: 100%;
    resize: none;
    overflow-y: auto
}

.modal__textarea-medium textarea::-webkit-scrollbar {
    right: 2rem;
    padding-right: 2rem;
    width: .4rem
}

.modal__textarea-medium textarea::-webkit-scrollbar-thumb {
    background-color: #f1ded0;
    border-radius: .4rem
}

.modal__textarea-medium textarea::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.modal__textarea-medium textarea::-webkit-scrollbar-track {
    background-color: #fff9ee
}

.modal__textarea-medium textarea::-webkit-scrollbar-track:hover {
    background-color: #ddd
}

.modal .news-main__item {
    margin-top: 3.2rem;
    display: flex;
    align-items: center;
    width: 123.1rem;
    height: 26.9rem;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden
}

.modal .news-main__item-img {
    width: 44.8rem;
    height: 100%
}

.modal .news-main__item-text {
    width: 100%;
    border-radius: 0;
    height: 100%;
    padding: 4rem;
    min-height: auto
}

.modal .news-main__item-description {
    text-align: left
}

.modal__beige-box {
    display: flex;
    flex-wrap: wrap;
    width: 159.2rem;
    gap: 2rem 7.2rem;
    border-radius: 0 0 5rem 5rem;
    background: #f1ded0;
    padding: 4rem 3rem
}

.modal__beige-box .cart__main-item {
    width: 71rem;
    justify-content: space-between
}

.modal__beige-box .cart__main-item-text {
    width: 20.7rem;
    margin: 0
}

.modal__beige-box .cart__main-item-img,
.modal__beige-box .cart__main-item-price {
    margin: 0
}

.modal .section-tags__container {
    margin-top: 4rem;
    display: flex;
    width: 100%;
    align-items: flex-start
}

.modal-map {
    position: absolute;
    padding: 0
}

.modal-map .modal__container {
    width: 45.3rem
}

.modal-map.active {
    z-index: 1 !important
}

.modal-map__swiper {
    position: relative;
    width: 100%;
    height: 27.9rem;
    overflow: hidden
}

.modal-map__swiper-item {
    width: 100%;
    height: 100%
}

.modal-map__swiper-item::marker {
    display: none
}

.modal-map__swiper-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.modal-map__content-box {
    display: flex;
    flex-direction: column;
    gap: 3.2rem
}

.modal-map__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2.8rem 2.85rem;
    gap: 2.4rem
}

.modal-map__beige-box {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 7.2rem
}

.modal-map__content-disc {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.modal-map__content-title {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

.modal-map__content-adress {
    display: flex;
    align-items: flex-start;
    padding-left: 2.4rem;
    background-image: url(/sprite.svg#geograph);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 2rem
}

.modal-map__content-adress p {
    width: 36.6rem;
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: left;
    text-align: start
}

.modal-map__content-time {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 2.4rem;
    background-image: url(/sprite.svg#clock);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}

.modal-map__content-time span {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.modal-map__content-tel {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 2.4rem;
    background-image: url(/sprite.svg#tel);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}

.modal-map__content-tel span {
    color: #67a7ac;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.modal-map__content-pass {
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: flex;
    gap: .6rem
}

.modal-map__content-pass span {
    color: #797979
}

.modal-map__content-pass strong {
    color: #35415c
}

.modal-map .arrow-link {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

.modal-map .swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.5rem;
    background-color: transparent;
    border: .2rem solid #e6af9a;
    border-radius: 50%;
    opacity: 1;
    margin: 0 1.6rem
}

.modal-map .swiper-pagination-bullet-active {
    background-color: #f1ded0;
    border-color: #f1ded0
}

.modal-map .modal__container {
    border-radius: 0;
    padding: 0;
    border: .2rem solid #f1ded0;
    background: #fff9ee
}

.modal-map .modal__close-btn path {
    stroke: #fff9ee
}

.modal__message {
    color: #797979;
    text-align: center;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.modal__container {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 auto;
    transform: scale(.8);
    border-radius: 0 0 3rem 3rem;
    padding: 6rem 8rem;
    background: #fff9ee;
    position: relative;
    transition: .15s ease-in
}

.modal__container p {
    width: -moz-fit-content;
    width: fit-content
}

.modal__form {
    width: 83.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.modal .rates {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.modal__textarea-limits {
    position: absolute;
    right: 2.4rem;
    bottom: 2rem;
    color: #bababa;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.modal__input-large {
    width: 100%
}

.modal__input-medium {
    width: 40.5rem
}

.modal__input-small {
    width: 26.2rem
}

.modal__btns {
    display: flex;
    align-items: center;
    gap: 4rem;
    width: 100%;
    justify-content: flex-end
}

.modal__btns--center {
    justify-content: center
}

.modal__btns--between {
    justify-content: space-between
}

.modal__close-btn {
    position: absolute;
    top: 4rem;
    right: 4rem;
    z-index: 20;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/sprite.svg#close);
    background-size: contain;
    background-repeat: no-repeat
}

.modal .map-block__form-adress-wrapper {
    margin-bottom: 3.2rem;
    margin-top: 3.2rem
}

.modal.feedback-modal .modal__root {
    align-items: flex-start
}

@media (max-width:48em) {
    .modal .news-main__item {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 0 0 7.2rem 7.2rem;
        overflow: hidden
    }

    .modal .news-main__item-img {
        width: 100%;
        height: 35.4rem
    }

    .modal .news-main__item-text {
        padding: 8rem 4rem;
        width: 100%;
        border-radius: 0;
        height: 100%
    }

    .modal .news-main__item-description,
    .modal .news-main__item-heading {
        text-align: left
    }

    .modal.request-sended-modal .heading2 {
        margin: 0
    }

    .modal.filter-modal-1 .modal__container {
        width: 55.8rem;
        padding: 10rem 4rem 8rem
    }

    .modal.filter-modal-1 .modal__close-btn {
        width: 5rem;
        height: 5rem
    }

    .modal.filter-modal-1 .teg-list {
        flex-direction: column;
        padding: 0;
        width: auto;
        gap: 3.2rem
    }

    .modal.filter-modal-1 .teg-list:nth-child(2) {
        margin: 0 0 5rem
    }

    .modal.filter-modal-1 .teg-list:nth-child(3) {
        margin: 0 0 8rem
    }

    .modal.filter-modal-1 .teg-list .teg-list__item {
        gap: 3.2rem
    }

    .modal.filter-modal-1 .teg-list .teg-list__item .teg-list__check-btn {
        height: 6rem;
        width: 6rem
    }

    .modal.filter-modal-1 .teg-list .teg-list__item .text-1 {
        font-size: 2.8rem
    }

    .modal.filter-modal-1 .teg-list .heading2 {
        text-align: left;
        margin: 0 0 8rem
    }

    .modal.filter-modal-1 .modal__btns {
        flex-direction: column;
        align-items: center
    }

    .modal.filter-modal-1 .modal__btns .square-btn {
        width: 100%
    }

    .modal.filter-modal .modal__container {
        width: 55.8rem;
        padding: 10rem 4rem 8rem
    }

    .modal.filter-modal .modal__close-btn {
        width: 5rem;
        height: 5rem
    }

    .modal.filter-modal .teg-list {
        flex-direction: column;
        padding: 0;
        width: auto;
        gap: 3.2rem
    }

    .modal.filter-modal .teg-list:nth-child(2) {
        margin: 0 0 5rem
    }

    .modal.filter-modal .teg-list:nth-child(3) {
        margin: 0 0 8rem
    }

    .modal.filter-modal .teg-list .heading3 {
        font-size: 5.2rem;
        width: auto;
        text-align: left
    }

    .modal.filter-modal .teg-list .teg-list__item {
        gap: 3.2rem
    }

    .modal.filter-modal .teg-list .teg-list__item .teg-list__check-btn {
        height: 6rem;
        width: 6rem
    }

    .modal.filter-modal .teg-list .teg-list__item .text-1 {
        font-size: 2.8rem
    }

    .modal.filter-modal .modal__btns {
        flex-direction: column
    }

    .modal.filter-modal .modal__btns .square-btn {
        width: 100%
    }

    .modal__container {
        width: 67rem;
        padding: 10rem 4rem 8rem;
        border-radius: 0 0 7.2rem 7.2rem
    }

    .modal__container .heading2 {
        margin: 0 0 5rem;
        width: auto
    }

    .modal__container .modal__message {
        width: auto
    }

    .modal__close-btn {
        width: 5rem;
        height: 5rem;
        top: 4rem
    }

    .modal__form {
        max-width: 59rem;
        flex-direction: column;
        gap: 5rem;
        margin: 0 0 6.4rem
    }

    .modal__form .input-container {
        width: auto
    }

    .modal__btns {
        flex-direction: column;
        align-items: flex-start
    }

    .modal__btns .square-btn {
        padding: 2.8rem 3.2rem;
        width: 100%
    }

    .modal__btns .account-main__left-policy {
        text-align: left
    }

    .modal__beige-box,
    .modal__beige-box .cart__main-item {
        width: auto
    }

    .modal__beige-box .cart__main-item-text {
        margin-left: 2.4rem;
        width: 29.4rem
    }

    .modal__beige-box .cart__main-item-text span.text1 {
        margin-left: 13.2rem;
        margin-top: .6rem;
        margin-bottom: 4.2rem
    }

    .modal__beige-box .cart__main-item-text p.text1 {
        text-align: left
    }

    .modal__beige-box .cart__main-item-count {
        position: absolute;
        bottom: 7.2rem;
        left: 0
    }

    .modal__beige-box .cart__main-cart-item {
        width: 10rem;
        height: 10rem;
        background-color: #fff9ee;
        border-radius: 50%;
        background-size: 5rem 5rem;
        right: 0;
        bottom: 4rem
    }

    .modal__content-box .catalog__content-box {
        -moz-column-gap: 1.4rem;
        column-gap: 1.4rem
    }

    .modal__content-box .catalog__content-box .catalog-card-1 {
        flex: 0 1 48.8%
    }

    .modal__message {
        font-size: 2.8rem;
        line-height: 140%
    }

    .order-popup {
        padding-top: 14rem
    }

    .order-popup .popup__container {
        max-height: calc(100vh - 13.6rem)
    }

    .order-popup .popup__close {
        background-color: #fff9ee
    }
}

.modal.map-modal .modal__container {
    padding: 0;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden
}

.modal.map-modal .map-block__map-box {
    width: 87.4rem
}

@media (max-width:48em) {
    .is-correct-adress .map-block__form-adress-wrapper {
        width: 100%;
        margin-bottom: 5rem;
        margin-top: 0
    }

    .is-correct-adress .map-block__form-adress {
        height: 10.2rem;
        font-size: 2.8rem
    }

    .is-correct-adress .map-block__form-adress span {
        display: block;
        width: 47rem;
        height: 4rem;
        text-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 1rem;
        margin-left: 2rem
    }

    .is-correct-adress .arrow-link {
        margin: 0 auto
    }

    .is-correct-adress .modal__btns {
        gap: 5rem
    }

    .map-modal .map-block {
        width: 100%
    }

    .modal.filter-modal-1 .teg-list {
        width: 100%;
        margin: 0 0 8rem
    }

    .feedback-modal .heading2 {
        max-width: 42.2rem;
        margin: 0 auto
    }

    .feedback-modal .rates {
        margin: 5rem 0
    }

    .feedback-modal .rates__title {
        font-size: 2.8rem;
        line-height: 140%
    }

    .feedback-modal .input-textarea-wrapper,
    .feedback-modal .input-textarea-wrapper .input-textarea {
        height: 46rem
    }

    .feedback-modal .upload {
        margin: 0 0 6.4rem
    }

    .feedback-modal .upload__title {
        font-size: 2.8rem;
        line-height: 140%;
        margin: 0 0 3.2rem
    }

    .feedback-modal .upload__content {
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }

    .feedback-modal .upload__input-label {
        width: 11.2rem;
        height: 11.2rem;
        max-height: 11.2rem;
        background-size: 42.857%
    }

    .feedback-modal .upload__info span,
    .feedback-modal .upload__info strong {
        font-size: 2.8rem;
        line-height: 140%
    }

    .feedback-modal .modal__btns {
        align-items: center
    }

    .chage-password-modal .account-main__left-policy {
        margin: 0 auto
    }

    .filter-modal .modal__btns {
        align-items: center
    }

    .text-us.modal .modal__btns {
        flex-direction: column-reverse
    }

    .text-us.modal .modal__btns .account-main__left-policy.menu {
        text-align: center;
        color: #35415c;
        width: 100%
    }

    .text-us.modal .modal__btns .account-main__left-policy.menu p {
        margin: 0 auto
    }

    .add-adress .modal__form {
        flex-direction: row
    }

    .add-adress .modal__form .input-container {
        flex: 0 1 100%
    }

    .add-adress .modal__form .input-container:nth-child(4),
    .add-adress .modal__form .input-container:nth-child(5) {
        flex: 0 1 27rem
    }

    .edit-adress .section-tags__container {
        margin-bottom: 7.2rem;
        margin-top: 0
    }

    .edit-adress .modal__form {
        flex-direction: row
    }

    .edit-adress .modal__form .input-container {
        flex: 0 1 100%
    }

    .edit-adress .modal__form .input-container:nth-child(4),
    .edit-adress .modal__form .input-container:nth-child(5) {
        flex: 0 1 27rem
    }

    .edit-adress .modal__btns {
        align-items: center
    }
}

.modal-map {
    display: flex;
    align-items: center
}

.modal-map .modal__close-btn {
    top: 2rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    //background-image: url(/sprite.svg#close-light)
}

.modal-map__swiper-pagination {
    background-color: transparent !important
}

.teg-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 2rem;
    width: 67rem;
    padding: 3.2rem
}

.teg-list:not(:last-child) {
    margin-bottom: 2.4rem
}

.teg-list p {
    width: 100%
}

.teg-list__item {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: flex-start;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.teg-list__item input {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.teg-list__item input:checked~.teg-list__check-btn {
    background-image: url(/sprite.svg#checked)
}

@media (hover:hover) {
    .teg-list__item:hover .teg-list__check-btn {
        border: .2rem solid #35415c
    }

    .map-block__search-item-bottom .arrow-link:hover {
        color: #e3bca0
    }

    .map-block__search-item-bottom .arrow-link:hover svg path {
        fill: #e3bca0
    }
}

.teg-list__check-btn {
    width: 4rem;
    height: 4rem;
    border: .2rem solid #f1ded0;
    transition: .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    background-position: 1.2rem 1.2rem
}

.search-block {
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border: .2rem solid #35415c;
    height: 5.4rem;
    max-height: 5.4rem;
    min-height: 5.4rem;
    width: 41.1rem
}

.search-block--long {
    width: 100%
}

.search-block__input {
    padding: 1.2rem 5.8rem;
    height: 100%;
    width: 100%;
    z-index: -1;
    color: #35415c
}

.search-block div {
    position: relative;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: block;
    background-image: url(/sprite.svg#search);
    background-repeat: no-repeat;
    background-position: 1.6rem 1.2rem;
    background-size: 2.4rem
}

.search-block__main-icon {
    cursor: pointer;
    z-index: 3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.6rem;
    width: 3rem;
    height: 3rem
}

.search-block__enter-icon {
    cursor: pointer;
    z-index: 3;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%)
}

.filter__tag-list {
    display: flex;
    align-items: center;
    gap: .8rem;
    flex-wrap: wrap
}

@media (max-width:48em) {
    .modal-map .modal__close-btn {
        top: 4rem;
        right: 4rem;
        width: 3.6rem;
        height: 3.6rem
    }

    .filter__tag-list {
        flex-wrap: wrap
    }
}

.banner-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.4rem 3.6rem;
    position: absolute;
    height: 7.1rem;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    gap: 2rem;
    transition: .25s ease-in-out
}

.banner-btns span {
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .09rem;
    text-transform: uppercase;
    transition: .2s ease-in-out;
    line-height: 1
}

.banner-btns__icon svg {
    width: 3.1rem;
    height: 1.3rem
}

.banner-btns--top {
    top: 27.4rem;
    transform: translateX(-50%)
}

.banner-btns--left {
    left: 14rem;
    transform: translateY(-50%)
}

.banner-btns--bottom {
    top: auto;
    bottom: 25.8rem;
    transform: translateX(-50%)
}

.banner-btns--light {
    border: .2rem solid #f5f5f5;
    background: #51283f
}

.banner-btns--light span {
    color: #f5f5f5
}

.banner-btns--light:hover {
    border: .2rem solid #fff9ee;
    background-color: #f5f5f5
}

.banner-btns--light:hover span {
    color: #51283f
}

.banner-btns--light:hover svg {
    fill: #f5f5f5
}

.banner-btns--biege {
    border: .2rem solid #f1ded0;
    background: rgba(230, 176, 154, .2)
}

.banner-btns--biege span {
    color: #f1ded0
}

.banner-btns--blue {
    border: .2rem solid #35415c;
    background: rgba(230, 176, 154, .2)
}

.banner-btns--blue span {
    color: #35415c
}

.banner-btns--red {
    border: .2rem solid #65324e;
    background: #fffaf1
}

.banner-btns--red span {
    color: #51283f
}

.banner-btns--red:hover {
    background-color: #51283f
}

.banner-btns--red:hover span {
    color: #fffaf1
}

.banner-btns--red:hover svg {
    fill: #51283f
}

@media (max-width:48em) {
    .banner-btns {
        top: auto;
        transform: translateX(-50%);
        bottom: 11.98%;
        padding: 3.1rem 7.2rem;
        height: 10rem
    }

    .banner-btns span {
        font-size: 3.2rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: .096rem;
        white-space: nowrap
    }

    .banner-btns--left {
        left: 50%
    }
}

.map-block {
    display: flex;
    border-top: .2rem solid #fff9ee;
    border-radius: 0 0 5rem 5rem;
    overflow: hidden;
    height: 85rem
}

.map-block--self-delivery {
    margin-top: 5.5rem;
    margin-bottom: 6rem
}

.map-block--self-delivery .map-block__map-box {
    overflow: hidden
}

.map-block__identify-box {
    display: flex;
    gap: .8rem;
    align-items: center;
    margin-top: 1.2rem;
    cursor: pointer;
    background-image: url(/sprite.svg#geo-bg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    padding-left: 3rem
}

.map-block__identify-box p {
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%
}

.map-block__form {
    margin-right: 13.5rem
}

.map-block__form-head {
    display: flex;
    flex-direction: column;
    gap: .8rem
}

.map-block__form-subtitle {
    color: #797979;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.map-block__form-adress {
    position: relative;
    width: 100%;
    height: 7.3rem;
    padding: 2.4rem 6rem 2.4rem 3.5rem;
    border: .2rem solid #f1ded0;
    overflow: hidden;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.map-block__form-adress-remove {
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    position: absolute;
    right: 3.1rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/sprite.svg#close);
    background-repeat: no-repeat;
    background-position: .2rem .2rem;
    background-size: 2.4rem
}

.map-block__form-box {
    width: 51rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 5.4rem;
    margin-bottom: 6rem
}

.map-block__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem
}

.map-block__search-box {
    padding: 4rem;
    background-color: #f1ded0 !important
}

.map-block div:not(:last-child) {
    background-color: #fff9ee
}

.map-block div:last-child .modal-map {
    background-color: transparent
}

.map-block__search-title {
    margin-bottom: 2.7rem !important
}

.map-block__search-list {
    padding-right: 1.2rem;
    width: 64.6rem;
    max-height: 60.9rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
    margin-top: 5.1rem;
    overflow-y: auto
}

.map-block__search-list::-webkit-scrollbar {
    width: .4rem;
    right: 2rem;
    padding-right: 2rem
}

.map-block__search-list ::-webkit-scrollbar-thumb {
    background-color: #e6af9a;
    border-radius: .4rem
}

.map-block__search-list::-webkit-scrollbar-thumb {
    background-color: #e6af9a;
    border-radius: .4rem
}

.map-block__search-list::-webkit-scrollbar-track {
    background-color: #fff9ee
}

.map-block__search-item {
    background: #fff9ee;
    height: 22.3rem;
    padding: 2rem;
    display: flex;
    width: 30.3rem;
    flex-direction: column;
    justify-content: space-between;
    border: .2rem solid transparent
}

.map-block__search-item.active {
    border: .2rem solid #35415c
}

.map-block__search-item-title {
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    width: 26rem;
    margin-bottom: .6rem !important
}

.map-block__search-item-time {
    display: flex;
    align-items: center;
    gap: .6rem;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 2.4rem;
    background-image: url(/sprite.svg#clock);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2.4rem 2.4rem
}

.map-block__search-item-time span {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

.map-block__search-item-text {
    color: #797979;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0 !important
}

.map-block__search-item-bottom {
    padding-top: 1.6rem;
    border-top: .1rem solid rgba(121, 121, 121, .2);
    display: flex;
    justify-content: space-between
}

.map-block__search-item-bottom .arrow-link {
    color: #35415c;
    cursor: pointer
}

.map-block__search-item-bottom .arrow-link svg path {
    fill: #35415c
}

.map-block__map-box {
    width: 100%;
    height: 100%;
    position: relative
}

@media (max-width:48em) {
    .map-block {
        height: 251.8rem;
        flex-direction: column
    }

    .map-block__search-box {
        padding: 8rem 4rem
    }

    .map-block__search-box .search-block {
        height: auto;
        max-height: none
    }

    .map-block__search-box .search-block div {
        background-position: 2.5rem 3.4rem
    }

    .map-block__search-box .search-block__input {
        padding: 3rem 7.2rem;
        font-size: 2.8rem;
        height: 9.6rem;
        border: .4rem solid #35415c
    }

    .map-block__search-box .search-block__enter-icon {
        display: none
    }

    .map-block__search-list {
        width: auto;
        max-width: 67rem;
        height: auto;
        max-height: 160rem
    }

    .map-block__search-item {
        width: auto;
        height: auto;
        flex: 0 1 100%;
        padding: 2rem 4rem
    }

    .map-block__search-item-top {
        margin: 0 0 2.4rem
    }

    .map-block__search-item-top>* {
        font-size: 2.8rem
    }

    .map-block__search-item-time {
        padding-left: 4rem;
        background-size: 3.8rem 3.8rem
    }

    .map-block__search-item-time span {
        font-size: 2.8rem
    }

    .map-block__map-box .modal-map.active {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5 !important
    }

    .map-block__map-box .modal-map.active .modal__container {
        margin-top: 63rem;
        width: 67rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__swiper {
        height: 55.8rem;
        width: 67rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content {
        padding: 4rem 4rem 6rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-title {
        font-size: 3.6rem;
        text-align: left
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-disc {
        row-gap: 1.6rem;
        -moz-column-gap: 0;
        column-gap: 0
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-disc>* {
        font-size: 2.8rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-adress {
        order: 1
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-adress p {
        font-size: 2.8rem;
        text-align: left
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-adress svg {
        width: 3rem;
        height: 3rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-time {
        order: 4
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-time span {
        font-size: 2.8rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-time svg {
        width: 3rem;
        height: 3rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-pass {
        order: 2
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-tel {
        order: 3
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-tel span {
        font-size: 2.8rem
    }

    .map-block__map-box .modal-map.active .modal__container .modal-map__content-tel svg {
        width: 3rem;
        height: 3rem
    }

    .map-block__form-adress-remove {
        width: 3.6rem;
        height: 3.6rem;
        right: 1.5rem
    }

    .map-block__identify-box {
        background-size: 4rem 4rem;
        margin-top: 2.4rem;
        height: 5rem;
        padding-left: 4.4rem;
        font-size: 2.8rem
    }

    .map-block--self-delivery {
        flex-direction: column-reverse;
        height: 185.8rem;
        position: relative;
        margin-bottom: 0;
        border-radius: 0;
        padding-top: 20.4rem
    }

    .map-block--self-delivery .map-block__map-box {
        width: 67rem;
        height: 76rem;
        border-radius: 0 0 7.2rem 7.2rem;
        overflow: hidden
    }

    .map-block--self-delivery .map-block__form {
        margin-right: 0
    }

    .map-block--self-delivery .map-block__form-adress {
        height: 10.2rem;
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .map-block--self-delivery .map-block__form-adress span {
        font-size: 2.8rem;
        display: block;
        width: 47rem;
        overflow: hidden;
        text-overflow: ellipsis;
        text-wrap: nowrap;
        line-height: normal
    }

    .map-block--self-delivery .map-block__form .map-block__identify-box p {
        font-size: 2.8rem
    }

    .map-block--self-delivery .map-block__form .map-block__row {
        gap: 4rem
    }

    .map-block--self-delivery .map-block__form .input-container {
        height: auto
    }

    .map-block--self-delivery .map-block__form-head {
        position: absolute;
        top: 0;
        left: 0
    }

    .map-block--self-delivery .map-block__form-box {
        width: auto;
        margin: 8rem 0;
        row-gap: 5rem
    }

    .map-block--self-delivery .map-block__form-subtitle {
        margin: 4.8rem 0 0;
        font-size: 2.8rem
    }

    .map-block--self-delivery .map-block__form .square-btn {
        border-radius: 0
    }

    .map-block--cart-selfdelivery {
        flex-direction: column;
        height: 253.2rem;
        margin: 6rem 0 8rem
    }
}

@media (max-width:680px) {
    .map-block__map-box .modal-map.active .modal__container {
        margin-top: 70rem
    }
}

@media (max-width:610px) {
    .map-block__map-box .modal-map.active .modal__container {
        margin-top: 45rem
    }
}

@media (max-width:535px) {
    .map-block__map-box .modal-map.active .modal__container {
        margin-top: 35rem
    }
}

@media (max-width:475px) {
    .map-block__map-box .modal-map.active .modal__container {
        margin-top: 20rem
    }
    .breadcrumbs__container.container {
        margin-top: 9rem;
    }
}

.ordering-progres {
    display: flex;
    align-items: center
}

.ordering-progres__box {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    margin-left: 2.5rem;
    margin-bottom: 2.4rem
}

.ordering-progres__return-btn {
    width: 7rem;
    height: 7rem;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    margin-right: -1rem;
    margin-left: -2.1rem
}

.ordering-progres__return-btn svg {
    width: 2.8rem;
    fill: #35415c
}

.ordering-progres__return-btn.active {
    display: flex
}

.ordering-progres__phase-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 11.9rem;
    top: 7.2rem;
    color: #bababa;
    white-space: nowrap;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 125%
}

.ordering-progres__phase {
    width: 6rem;
    position: relative;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10rem;
    border: .1rem solid #f1ded0;
    padding: .6rem 1.6rem .2rem
}

.ordering-progres__phase.active {
    background-color: #35415c;
    border: .1rem solid #35415c
}

.ordering-progres__phase.active .ordering-progres__phase-value {
    color: #fff9ee
}

.ordering-progres__phase.active .ordering-progres__phase-text {
    color: #35415c;
    font-weight: 700
}

.ordering-progres__phase.done {
    padding: .6rem 1.2rem;
    background-color: #35415c;
    border: .1rem solid #35415c
}

.ordering-progres__phase.done .ordering-progres__phase-value {
    display: none
}

.ordering-progres__phase.done .ordering-progres__phase-done-icon {
    display: block
}

.ordering-progres__phase.done .ordering-progres__phase-text {
    color: #35415c;
    font-weight: 700
}

.ordering-progres__phase-done-icon {
    width: 2.9rem;
    height: 2.9rem;
    display: none;
    background-image: url(/sprite.svg#is-done);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: .6rem .9rem
}

.ordering-progres__phase-value {
    display: block;
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    pointer-events: none
}

.ordering-progres__line {
    display: block;
    height: .1rem;
    width: 31.9rem;
    background-color: rgba(121, 121, 121, .2)
}

.ordering-progres__line.active {
    height: .2rem;
    background-color: #35415c
}

.ordering .cart__aside {
    margin-top: 28.6rem
}

.ordering .input-container {
    height: 7.4rem
}

.ordering__subtitle {
    color: #35415c;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-top: -1.6rem;
    margin-bottom: 4.8rem
}

.ordering__box {
    border: .2rem solid #f1ded0;
    border-radius: 0 0 5rem 5rem
}

.ordering__box-head {
    padding: 3.2rem 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(/local/templates/cofefest/src/css/../images/background-head.webp) top left/cover no-repeat, #f1ded0;
    cursor: pointer
}

.ordering__box-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 3.8rem
}

.ordering__box-input-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-bottom: 4rem
}

.ordering__box-card-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem 1.4rem;
    margin-bottom: 4rem
}

.ordering__box-card-logo {
    height: 4.1rem;
    width: 14.2rem
}

.ordering__box-card-logo img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ordering__box-card-icon {
    display: block;
    width: 2.15rem;
    height: .65rem;
    margin: 10.85rem auto 0
}

.ordering__box-card-icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ordering__box-card-left {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 3.2rem
}

.ordering__box-card-right {
    margin-left: auto;
    height: 100%;
    width: 5.6rem;
    background: rgba(234, 194, 178, .05);
    -webkit-backdrop-filter: blur(.18rem);
    backdrop-filter: blur(.18rem)
}

.ordering__box-card-date {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.ordering__box-card-item {
    display: block;
    width: 23rem;
    overflow: hidden;
    cursor: pointer;
    height: 13.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem;
    border: .1rem solid rgba(121, 121, 121, .2)
}

.ordering__box-card-item .cards-list__item-number {
    color: #fff9ee;
    font-family: Circe;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    gap: .5rem
}

.ordering__box-card-item .cards-list__item-number p {
    font-size: 1.4rem
}

.ordering__box-card-item .cards-list__item-number div {
    display: flex;
    height: 100%;
    align-items: center
}

.ordering__box-card-item .cards-list__item-number div span {
    background-color: transparent;
    height: -moz-fit-content;
    height: fit-content;
    color: #fff9ee;
    font-size: 2.5rem;
    margin: 0 0 1.35rem
}

.ordering__box-card-item .cards-list__item-number div span:nth-child(2) {
    margin-right: .2rem
}

.ordering__box-card-item .cards-list__item-number div p {
    margin-right: .3rem
}

.ordering__box-card-item.red {
    align-items: flex-end;
    background: url(/local/templates/cofefest/src/css/../images/svg/credit-card-bg-red.svg) top left/cover no-repeat #e6af9a
}

.ordering__box-card-item.blue {
    align-items: flex-end;
    background: url(/local/templates/cofefest/src/css/../images/svg/credit-card-bg.svg) top left/cover no-repeat #35415c
}

.ordering__box-card-item.blue input::after {
    border-color: #fff9ee
}

.ordering__box-card-item input {
    position: absolute;
    top: 2.6rem;
    right: 2.6rem;
    width: 0;
    z-index: 2;
    height: 0
}

.ordering__box-card-item input::after {
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    border: .2rem solid #35415c;
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.ordering__box-card-item input:checked::after {
    border-width: .6rem
}

.ordering__orders-title {
    margin-bottom: 6rem;
    display: flex;
    align-items: center;
    gap: 6rem
}

.ordering__orders-title strong {
    color: #35415c;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%
}

.ordering__orders-title span {
    color: #797979;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.ordering__orders-wrapper .acc-item .acc-head {
    height: 9.3rem
}

.ordering__orders-wrapper .acc-item .acc-content {
    transition: .5s ease-in-out;
    overflow: hidden;
    max-height: 10.5rem;
    opacity: 1
}

.ordering__orders-wrapper .acc-item .acc-content.active {
    max-height: 300rem
}

.ordering__orders-wrapper .acc-item .acc-content p:not(:last-child) {
    margin-bottom: 0
}

.ordering__adress {
    display: none;
    flex-direction: column;
    gap: 3.2rem
}

.ordering__adress.active {
    display: flex
}

.ordering__type {
    display: none
}

.ordering__type.active {
    display: block
}

.ordering__type .popup-block__wrapper {
    width: 100%;
    max-height: 5.7rem
}

.ordering__type .popup-block__wrapper .popup-block {
    width: 100%
}

.ordering__method {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 1.6rem
}

.ordering__method-item {
    width: 49%;
    position: relative;
    justify-content: flex-start;
    cursor: pointer
}

.ordering__method-item.active div::after {
    border-width: .6rem
}

.ordering__method-item.active span,
.ordering__method-item.active strong {
    font-weight: 700
}

.ordering__method-item div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 0;
    z-index: 2;
    height: 0
}

.ordering__method-item div::after {
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    border: .2rem solid #35415c;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-left: 1rem
}

.ordering__method-item span,
.ordering__method-item strong {
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.ordering__method-item strong {
    color: #35415c;
    margin-left: 3.5rem;
    margin-right: 1.5rem
}

.ordering__method-item span {
    color: #e3bca0
}

.ordering__method-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    margin-top: 4rem;
    margin-bottom: 4rem
}

.ordering__adress-head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.ordering__shop-adress {
    display: none;
    flex-direction: column
}

.ordering__shop-adress.active {
    display: block
}

.ordering__shop-adress-card {
    display: flex;
    flex-direction: column;
    padding: 2rem;
    background-color: #f1ded0;
    width: 100%;
    height: 13.6rem;
    margin-top: 3.2rem
}

.ordering__shop-adress-card strong {
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: .6rem
}

.ordering__shop-adress-card p {
    color: #35415c;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: block;
    margin-bottom: 1.6rem !important
}

.ordering__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 2.5rem
}

.ordering__adress-form {
    flex-wrap: wrap;
    gap: 2.4rem;
    display: none;
    display: flex
}

.ordering__adress-form .modal__input-medium {
    width: 100%
}

.ordering__adress-form .input {
    font-weight: 400
}

.ordering__adress-form .popup-block {
    justify-content: space-between;
    width: 100%;
    height: 7.6rem;
    padding: 2.4rem 3.5rem;
    transition: margin .5s;
    border-color: #f1ded0
}

.ordering__adress-form .popup-block__wrapper {
    width: 100%;
    transition: .3s ease-in-out
}

.ordering__adress-form .popup-block__wrapper--time.active {
    padding-bottom: 25.4rem
}

.ordering__adress-form .popup-block .popup-block__popup--ordering {
    padding: 0;
    box-shadow: none;
    width: 100%;
    border: none;
    background-color: rgba(241, 222, 208, 0)
}

.ordering__adress-form .popup-block__list--blue .popup-block__item {
    color: #fff9ee;
    display: flex;
    justify-content: flex-start;
    cursor: pointer
}

@media (max-width:48em) {
    .ordering .acc-content.active>.content {
        padding: 5rem 4rem
    }

    .ordering__box-input-list .input-container {
        height: auto
    }

    .ordering-progres__box {
        position: relative;
        width: 100%;
        justify-content: flex-end;
        margin-left: 0
    }

    .ordering-progres__line {
        position: absolute;
        bottom: -2rem;
        left: 0;
        width: 100%
    }

    .ordering-progres__line:nth-child(4) {
        left: 32rem
    }

    .ordering-progres__phase-text {
        display: none
    }

    .ordering-progres__phase.active {
        margin-right: auto;
        position: relative
    }

    .ordering-progres__phase.active .ordering-progres__phase-text {
        text-align: center;
        display: block;
        position: absolute;
        left: 15.5rem;
        top: 1.2rem;
        font-size: 2.8rem;
        width: 19rem
    }

    .ordering-progres__return-btn,
    .ordering-progres__return-btn.active {
        display: none
    }

    .ordering__box-card-item {
        width: 46.2rem;
        height: 26.6rem;
        border-radius: 2rem
    }

    .ordering__box-card-item input {
        top: 5.2rem;
        right: 5.2rem
    }

    .ordering__box-card-item input::after {
        width: 4rem;
        height: 4rem
    }

    .ordering__box-card-left .cards-list__item-number {
        margin: 0 0 7rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .ordering__box-card-left .cards-list__item-number p {
        font-size: 2.8rem;
        line-height: normal;
        margin: 0
    }

    .ordering__box-card-left .cards-list__item-number span {
        width: .6rem;
        height: .6rem
    }

    .ordering__box-card-left span {
        font-size: 2.8rem
    }

    .ordering__box-card-right {
        width: 11rem
    }

    .ordering__box-card-icon {
        margin: 22rem auto 4rem;
        width: 4rem;
        height: 1.2rem
    }

    .ordering__box-content {
        padding: 4.8rem 4rem
    }

    .ordering__box-input-list {
        row-gap: 4rem;
        margin-bottom: 4.8rem
    }

    .ordering__orders-item.acc-item .acc-head {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 4rem;
        position: relative
    }

    .ordering__orders-item.acc-item .acc-head p {
        margin: 0 0 .8rem
    }

    .ordering__orders-item.acc-item .acc-head .acc-head__box-text {
        margin: 0 1.4rem 0 0
    }

    .ordering__orders-item.acc-item .acc-head .acc-head__box img {
        position: absolute;
        right: 4rem;
        top: 8rem
    }

    .ordering__orders-item.acc-item .acc-head .acc-head__box .cart-icon,
    .ordering__orders-item.acc-item .acc-head .acc-head__box .cart-icon .bag {
        width: 4rem;
        height: 4rem
    }

    .ordering__orders-item.acc-item .acc-head .acc-head__box .cart-icon .cart-icon__value {
        width: 3rem;
        height: 3rem;
        top: -.7rem
    }

    .ordering__orders-item.acc-item .acc-content {
        max-height: 15.5rem;
        padding-bottom: 1rem
    }

    .ordering__orders-item.acc-item .acc-content.active {
        max-height: 1000rem
    }

    .ordering__orders-item.acc-item .acc-content .ordering__orders-title {
        flex-direction: column;
        align-items: flex-start;
        row-gap: .8rem
    }

    .ordering__orders-item.acc-item .acc-content .ordering__orders-title span,
    .ordering__orders-item.acc-item .acc-content .ordering__orders-title strong {
        font-size: 2.8rem
    }

    .ordering__orders-item.acc-item .acc-content .cart__main-item {
        border-bottom: .1rem solid #f1ded0
    }

    .ordering__orders-item.acc-item .acc-content .cart__main-item:first-child {
        border-top: .1rem solid #f1ded0
    }

    .ordering__type .popup-block__wrapper {
        width: 100%;
        max-height: 10.4rem
    }

    .ordering__type .popup-block__wrapper .popup-block {
        width: 100%;
        height: 10.4rem
    }

    .ordering__method {
        flex-direction: column;
        row-gap: 10rem
    }

    .ordering__method-item {
        width: auto;
        display: flex;
        align-items: center
    }

    .ordering__method-item.active div:first-child::after {
        border: 1rem solid #35415c
    }

    .ordering__method-item div:first-child::after {
        width: 4rem;
        height: 4rem;
        border: .4rem solid #35415c
    }

    .ordering__method-item span,
    .ordering__method-item strong {
        font-size: 2.8rem;
        color: #35415c;
        line-height: normal
    }

    .ordering__method-item strong {
        margin-left: 5rem
    }

    .ordering__adress-head {
        flex-direction: column;
        align-items: flex-start
    }

    .ordering__adress-head .arrow-link {
        margin: 5rem 0 0
    }

    .ordering__adress-form {
        row-gap: 5rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .ordering__adress-form .ordering__row:first-child {
        flex-direction: column
    }

    .ordering__adress-form .input-container {
        height: auto
    }

    .ordering__adress-form .ordering__row:last-child {
        flex-direction: column
    }

    .ordering__card-swiper {
        overflow: hidden;
        width: 59rem;
        height: 26.6rem
    }

    .ordering .cart__aside {
        margin-top: 10rem
    }

    .ordering__method-wrapper {
        margin-bottom: 8rem;
        margin-top: 8rem;
        row-gap: 8rem
    }

    .ordering__adress {
        row-gap: 5rem
    }

    .ordering__adress .popup-block {
        height: 10.4rem
    }

    .ordering__adress .ordering__row:first-child,
    .ordering__adress .ordering__row:last-child {
        row-gap: 5rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper {
        height: auto
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block.calend.active {
        margin-bottom: 71rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup {
        top: 11.5rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar {
        padding: 4rem 2rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__head {
        margin: 0 0 3rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__head span svg {
        width: 6rem;
        height: 4.2rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__head span:nth-child(2) {
        margin-left: auto;
        margin-right: 2.4rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__head span:nth-child(3) {
        transform: rotateZ(180deg)
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__month,
    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__year {
        font-size: 2.8rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__board-days {
        gap: 1.2rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__board-days span {
        width: 6.8rem;
        height: 4rem;
        font-size: 2.8rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__board-list {
        -moz-column-gap: 1.1rem;
        column-gap: 1.1rem;
        row-gap: 3.2rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__board-cell {
        width: 6.8rem;
        height: 6.8rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__board-cell span {
        font-size: 2.8rem;
        line-height: 140%
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper .popup-block__popup .calendar__info {
        display: none
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper:last-child .popup-block.time.active {
        margin-bottom: 49.6rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper:last-child .popup-block__list {
        padding: 4rem;
        row-gap: 5rem;
        max-height: none
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper:last-child .popup-block__list .popup-block__item {
        padding-left: 5rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper:last-child .popup-block__list .popup-block__item input {
        right: 4rem
    }

    .ordering__adress .ordering__row:last-child .popup-block__wrapper:last-child .popup-block__list .popup-block__item input::after {
        width: 4rem;
        height: 4rem
    }

    .ordering__shop-adress-card {
        height: auto;
        padding: 2rem 4rem
    }

    .ordering__shop-adress-card strong {
        font-size: 2.8rem;
        line-height: 140%;
        margin: 0 0 1.2rem
    }

    .ordering__shop-adress-card p {
        font-size: 2.8rem;
        line-height: 140%;
        margin: 0 0 2.4rem
    }

    .ordering__shop-adress-card .map-block__search-item-time {
        background-size: 4rem 4rem;
        background-position: 0 0;
        padding-left: 5.2rem
    }

    .ordering__shop-adress-card .map-block__search-item-time span {
        line-height: 140%
    }
}

.calendar {
    background-color: #35415c;
    overflow: hidden;
    border-radius: 0 0 2.5rem 2.5rem;
    padding: 2rem 3rem
}

.calendar__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1.7rem;
    border-bottom: .1rem solid #bababa;
    margin-bottom: 1rem
}

.calendar__head-date {
    display: flex;
    align-items: center;
    gap: .7rem
}

.calendar__head-controlls {
    display: flex;
    align-items: center;
    gap: 1.2rem
}

.calendar__head-controlls span {
    width: 3.5rem;
    height: 2.6rem;
    cursor: pointer
}

.calendar__head-controlls span:first-child {
    transform: scaleX(-1)
}

.calendar__head-controlls span svg {
    width: 100%
}

.calendar__month,
.calendar__year {
    color: #fff9ee;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .09rem;
    text-transform: uppercase
}

.calendar__board {
    display: flex;
    gap: 1.7rem;
    flex-direction: column
}

.calendar__board-days {
    display: flex;
    align-items: center;
    gap: 2.5rem
}

.calendar__board-days span {
    width: 3.4rem;
    padding: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #bababa;
    text-align: center;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.calendar__board-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 2.5rem
}

.calendar__board-cell {
    width: 3.4rem;
    height: 3.4rem;
    padding: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid #35415c
}

.calendar__board-cell span {
    color: #fff9ee;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    position: relative;
    bottom: -.1rem
}

.calendar__board-cell.current {
    border-radius: 50%;
    border: .1rem solid #e6af9a
}

.calendar__board-cell.current span {
    color: #e6af9a
}

.calendar__board-cell.active {
    border-radius: 50%;
    border: .1rem solid #e6af9a;
    background-color: #e6af9a
}

.calendar__info {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-top: 2.4rem
}

@media (max-width:48em) {
    .calendar__info {
        display: none
    }
}

.calendar__info .heading5 {
    text-transform: initial
}

.popup-block {
    position: relative;
    height: 5.6rem;
    display: flex;
    gap: 1.2rem;
    width: 36rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 1.4rem 3.6rem;
    border: .2rem solid #35415c
}

.popup-block.active svg {
    transform: rotate(-180deg)
}

.popup-block svg {
    display: block;
    width: 1.4rem;
    height: 1rem;
    transition: .4s
}

.popup-block--borderless {
    border: none
}

.popup-block__more-icon {
    transition: .3s ease-in-out
}

.popup-block__arrows-icon {
    width: 2.4rem;
    height: 2.4rem;
    padding-left: 3.6rem;
    background-image: url(/sprite.svg#double-arrows);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat
}

.popup-block.active .popup-block__popup {
    opacity: 1;
    z-index: 2;
    transform: translateY(0)
}

.popup-block.active .popup-block__more-icon {
    transform: rotate(180deg)
}

.popup-block__popup {
    width: 37.6rem;
    overflow-y: auto;
    opacity: 0;
    z-index: -1;
    transform: translateY(-3rem);
    transition: .3s ease-in-out;
    height: -moz-fit-content;
    height: fit-content;
    cursor: default;
    top: 115%;
    left: 0;
    position: absolute;
    padding: 2.2rem 2.4rem;
    border-radius: 0 0 3rem 3rem;
    border: .1rem solid #f1ded0;
    background: #fff9ee;
    box-shadow: 1.5rem 2.4rem 3.5rem 0 rgba(0, 0, 0, .07)
}

.popup-block__popup--time {
    margin-top: 1.6rem
}

.popup-block__popup--time .popup-block__item {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border: none;
    padding-left: 4rem;
    position: relative;
    cursor: pointer
}

.popup-block__popup--time .popup-block__item::before {
    content: "";
    width: 2rem;
    height: 2rem;
    border: .2rem solid #fff9ee;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.popup-block__popup--time .popup-block__item.active::before {
    border: .6rem solid #fff9ee
}

.popup-block__popup--time .popup-block__list {
    border-radius: 0 0 2.5rem 2.5rem;
    background: #35415c;
    padding: 2rem 3rem;
    gap: 1rem
}

@media (max-width:48em) {
    .popup-block__popup--time .popup-block__item {
        font-size: 2.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding-left: 8rem !important
    }

    .popup-block__popup--time .popup-block__item::before {
        content: "";
        width: 4rem;
        height: 4rem;
        border: .22rem solid #fff9ee
    }

    .popup-block__popup--time .popup-block__item.active::before {
        border: 1.2rem solid #fff9ee
    }

    .popup-block__popup--time .popup-block__list {
        border-radius: 0 0 3rem 3rem;
        background: #35415c;
        padding: 4rem;
        gap: 4.8rem
    }
}

.popup-block__popup--select {
    width: 100%
}

.popup-block__popup--select .popup-block__item {
    border: none;
    gap: 2rem;
    padding: 0;
    transition: .3s ease-in-out
}

@media (hover:hover) {
    .popup-block__popup--select .popup-block__item:hover span {
        font-weight: 700
    }
}

.popup-block__popup--select .popup-block__item span {
    width: 100%;
    cursor: pointer
}

.popup-block__popup--select .popup-block__item.active .popup-block__item-title {
    font-weight: 700
}

.popup-block__list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    max-height: 43.3rem;
    overflow-y: auto;
    padding-right: .8rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    scrollbar-width: thin
}

.popup-block__list--blue {
    padding: 2rem 3rem;
    background-color: #35415c;
    border-radius: 0 0 2.5rem 2.5rem
}

.popup-block__list--blue .popup-block__item {
    display: flex;
    align-items: center
}

.popup-block__list--blue .popup-block__item input {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2rem;
    z-index: 2;
    height: 0;
    opacity: 1
}

.popup-block__list--blue .popup-block__item input::after {
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
    border: .2rem solid #fff9ee;
    width: 2rem;
    height: 2rem;
    border-radius: 50%
}

.popup-block__list--blue .popup-block__item input:checked::after {
    border-width: .6rem
}

.popup-block__list--blue .popup-block__item-title {
    color: #fff9ee;
    font-weight: 400
}

.popup-block__list::-webkit-scrollbar {
    right: 2rem;
    padding-right: 2rem;
    width: .4rem
}

.popup-block__list ::-webkit-scrollbar-thumb {
    background-color: #fff9ee;
    border-radius: .4rem
}

.popup-block__list ::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.popup-block__list::-webkit-scrollbar-thumb {
    background-color: #f1ded0;
    border-radius: .4rem
}

.popup-block__list::-webkit-scrollbar-thumb:hover {
    background-color: #555
}

.popup-block__list::-webkit-scrollbar-track {
    background-color: #fff9ee
}

.popup-block__list::-webkit-scrollbar-track:hover {
    background-color: #ddd
}

.popup-block__item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: .4rem;
    border-bottom: .1rem solid rgba(121, 121, 121, .2)
}

.popup-block__item span {
    width: 15.8rem
}

.popup-block__item--list {
    border: none;
    padding: 0
}

.popup-block__item--list span {
    width: 100%
}

.popup-block__item-title {
    color: #35415c;
    text-align: left;
    transition: .4s ease-in-out
}

.popup-block__item-value {
    text-align: right;
    color: #797979
}

.rates {
    display: flex;
    align-items: center;
    gap: 2rem
}

.rates__title {
    color: #35415c;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%
}

.rates__icons-wrapper {
    display: flex;
    align-items: center
}

.rates__icon {
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
    min-height: 2.2rem;
    cursor: pointer;
    padding-left: .2rem;
    padding-right: .2rem;
    stroke: #35415c;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: transparent
}

.rates__icon.active {
    fill: #35415c
}

.rates__icon.hover-zero {
    fill: rgba(41, 53, 77, 0)
}

.rates__icon.hover-active {
    transform: scale(1.1);
    fill: #35415c
}

.upload {
    margin-bottom: 3.2rem
}

.upload__title {
    color: #35415c;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin-bottom: 2rem
}

.upload__content {
    display: flex;
    gap: 2rem;
    align-items: center
}

.upload__info {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: .4rem;
    height: -moz-fit-content;
    height: fit-content
}

.upload__info strong {
    color: #35415c;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.upload__info span {
    color: #797979;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.upload__box {
    display: flex;
    gap: 1.2rem;
    align-content: center
}

.upload__input {
    width: 100%;
    height: 100%;
    opacity: 0
}

.upload__input-label {
    cursor: pointer;
    border: .1rem solid #f1ded0;
    max-height: 8rem;
    width: 8rem;
    height: 8rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/sprite.svg#photo-app);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: 51% 49%;
    background-color: #fff9ee
}

.upload__input-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.4rem;
    height: 2.4rem
}

.upload__preview-box {
    width: 8rem;
    height: 8rem;
    position: relative;
    display: none;
    background-color: #fffcf8
}

.upload__preview-box.active {
    display: flex
}

.upload__preview-box-remove {
    width: 2.1rem;
    height: 2.1rem;
    cursor: pointer;
    position: absolute;
    top: .25rem;
    right: .25rem;
    background-image: url(/sprite.svg#invalid);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.settings-bar {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    margin-bottom: 10rem
}

.settings-bar.sticky {
    padding-bottom: 17.4rem !important
}

.settings-bar.sticky #slider-categories {
    height: 10rem;
    position: fixed;
    z-index: 10;
    top: 15rem;
    left: 0;
    width: 100%;
    background-color: #fff9ee
}

.settings-bar.sticky #slider-categories>.category-block {
    width: 160rem;
    margin: 0 auto;
    align-items: center
}

@media (min-width:48em) {

    .settings-bar.sticky #slider-categories>.category-block button,
    .settings-bar.sticky #slider-categories>.category-block button svg {
        height: 10rem
    }
    .modal__container{
        width: 106rem;
    }
}

.settings-bar__row {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.settings-bar__row#slider-categories.sticky {
    position: fixed;
    z-index: 10;
    top: 15.3rem;
    left: 0;
    width: 100%;
    background-color: #fff9ee
}

.settings-bar__row#slider-categories.sticky>.category-block {
    width: 160rem;
    margin: 0 auto
}

.settings-bar__box {
    display: flex;
    align-items: center;
    gap: 2.4rem
}

.settings-bar__box .geo-btn {
    border: none
}

.settings-bar__box .geo-btn span {
    padding-left: 3.4rem;
    background-image: url(/local/templates/cofefest/src/css/../images/symbil/stack/sprite.svg#generic--geo-single);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}

.settings-bar__box .popup-block {
    z-index: 0
}

.settings-bar__box .popup-block.active {
    z-index: 15
}

@media (max-width:48em) {

    .settings-bar,
    .settings-bar.container {
        padding: 0
    }

    .settings-bar__box {
        gap: 1.6rem
    }

    .settings-bar__box .tag-btn .geo-btn {
        display: none
    }

    .settings-bar .filter-btn {
        padding: 4.7rem 3.5rem
    }

    .settings-bar .filter-btn span {
        font-size: 0
    }

    .settings-bar .search-block {
        max-height: 9.6rem;
        border: .4rem solid #35415c;
        height: 9.6rem
    }

    .settings-bar .search-block div {
        height: 100%;
        font-size: 2.8rem;
        background-size: 3.2rem 3.2rem;
        background-position: 1.6rem center
    }

    .settings-bar .search-block div button {
        display: none
    }

    .settings-bar .popup-block {
        width: auto;
        padding: 4.7rem 3.5rem;
        border: .4rem solid #35415c
    }

    .settings-bar .popup-block__arrows-icon {
        padding-left: 0;
        width: 3.6rem;
        height: 3.6rem
    }

    .settings-bar .popup-block__more-icon,
    .settings-bar .popup-block__select-value {
        display: none
    }

    .settings-bar .popup-block__popup {
        padding: 4.8rem;
        width: 33.8rem;
        top: 10.35rem;
        left: -23rem
    }

    .settings-bar .popup-block__list {
        row-gap: 4rem
    }

    .settings-bar .popup-block__item-title {
        font-size: 2.7rem
    }

    .settings-bar.sticky {
        padding-bottom: 6rem !important
    }

    .settings-bar.sticky #slider-categories {
        top: 18.3rem;
        left: 0;
        width: 100%;
        background-color: #fff9ee;
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .settings-bar.sticky #slider-categories>.category-block {
        width: auto;
        padding: 0 4rem
    }

    .settings-bar__row:last-child .category-block__btn-left,
    .settings-bar__row:last-child .category-block__btn-right {
        display: none
    }

    .settings-bar__row:last-child .category-block__item span {
        font-size: 2.8rem
    }

    .settings-bar__mobile-medium {
        -moz-column-gap: .8rem;
        column-gap: .8rem
    }

    .settings-bar__mobile-medium #filter {
        padding: 5rem 9.4rem;
        flex: 0 0 35.6rem
    }

    .settings-bar__mobile-medium #filter span {
        padding-left: 5.2rem;
        font-size: 2.8rem;
        line-height: 140%
    }

    .settings-bar__mobile-medium .filter__tag-list {
        flex: 0 0 32.8rem
    }

    .settings-bar__mobile-medium .filter__tag-list button span {
        font-size: 2.8rem;
        line-height: 140%
    }

    .settings-bar__mobile-big {
        margin-bottom: 7.2rem
    }

    .settings-bar__mobile-big .settings-bar__row:first-child .settings-bar__box:first-child .tag-btn.filter-btn {
        border: .4rem solid #35415c;
        padding-top: 4.1rem;
        padding-bottom: 4.3rem;
        max-height: 9.3rem
    }

    .settings-bar__mobile-big .settings-bar__row:first-child .settings-bar__box:first-child .tag-btn.filter-btn span {
        display: block;
        background-size: 3.6rem 3.6rem;
        width: 3.6rem;
        height: 3.6rem;
        background-position: center .5rem
    }

    .settings-bar__mobile-big .settings-bar__row:first-child .settings-bar__box:last-child .tag-btn.geo-btn {
        display: none
    }

    .settings-bar__mobile-big .settings-bar__row:first-child .settings-bar__box:last-child .popup-block {
        padding-top: 4.1rem;
        padding-bottom: 4.3rem
    }
}

.category-block {
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.category-block__value-wrapper {
    position: relative
}

.category-block__value-hidden {
    opacity: 0;
    padding-left: 3rem;
    padding-right: 3rem;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.category-block__value-show {
    white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.category-block__btn-left, .category-block__btn-right {
    height: 4rem;
    width: 4rem;
    display: block;
    position: relative;
    z-index: 10;
}

.category-block__btn-left {
    margin-right: 1rem;
}

.category-block__btn-right {
    margin-left: 1rem;
}


.category-block__btn-left svg,
.category-block__btn-right svg {
    width: 2.8rem;
    height: 2.8rem;
    fill: #35415c
}

.category-block__swiper.temporary-fix {
   width: 100%;
}

.category-block .swiper {
    overflow: hidden;
    width: 100%;
    
}

.category-block .swiper-slide.active .category-block__value-show {
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

.category-block .swiper-wrapper {
   
}

.category-block__item {
    cursor: pointer;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    color: #35415c;
    display: flex;
    text-align: center;
    height: 3.6rem;
    align-items: center
}

.category-block__item span {
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    transition: .2s ease-in-out;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.category-block__item label {
    position: relative
}

.category-block__item input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none
}

.phone-icon {
    stroke: #fff9ee;
    stroke-width: 1.5;
    stroke-miterlimit: 10
}

.phone-icon--biege {
    stroke-width: 1.5;
    stroke: #e6af9a;
    width: 3.65rem;
    height: 3.65rem
}

.bag {
    width: 2.8rem;
    height: 2.8rem;
    stroke: #e6af9a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none
}

.bag--dark {
    width: 2.3rem;
    height: 2.6rem;
    stroke-width: 1.7;
    stroke: #35415c
}

@media (max-width:48em) {
    .category-block__swiper.temporary-fix {
        width: 95%;
        padding: 0 5rem
    }

    .category-block__swiper.temporary-fix .category-block__value-hidden {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .category-block .swiper-slide .category-block__value-show {
        font-size: 2.8rem;
        line-height: 140%
    }

    .category-block .swiper-slide.active .category-block__value-show {
        font-size: 4rem;
        line-height: 120%
    }

    .bag {
        width: 4.8rem;
        height: 4.8rem
    }
}

.email {
    width: 3.94rem;
    height: 3.94rem
}

.arrow-right {
    width: 2.8rem;
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-icon {
    fill: #fff9ee;
    width: 2.8rem;
    height: 2.8rem;
    stroke: #e6af9a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.search-icon--dark {
    fill: #35415c;
    width: 100%;
    height: 100%
}

.composition {
    width: 20.6rem;
    height: 19.2rem;
    flex-shrink: 0
}

.search-arrow--dark {
    fill: #35415c;
    stroke: #35415c;
    width: 100%;
    height: 100%
}

.arrow-link {
    fill: #35415c
}

.home {
    stroke: #35415c;
    fill: transparent;
    width: 2.4rem;
    height: 2.4rem
}

.crest {
    stroke: #fff9ee;
    stroke-width: 2;
    stroke-linecap: round;
    width: 4.3rem;
    height: 4.3rem
}

.crest--dark {
    stroke: #35415c;
    width: 2.4rem;
    height: 2.4rem;
    stroke-width: 2;
    stroke-linecap: round
}

.minus,
.plus {
    width: 1.2rem;
    height: 1.2rem
}

.curier,
.delivery,
.geo {
    stroke-width: 1.5;
    stroke: #35415c;
    width: 2.4rem;
    height: 2.4rem;
    fill: transparent
}

.calendar-arrow {
    fill: #e6af9a
}

.profile {
    width: 2.8rem;
    height: 2.8rem;
    stroke-width: 1.5;
    fill: transparent;
    stroke: #e6af9a
}

.profile--dark {
    stroke: #35415c
}

@media (max-width:48em) {
    .profile {
        width: 4.8rem;
        height: 4.8rem
    }
}

.bonuses,
.card {
    stroke: #292d32;
    stroke-width: 1.5;
    stroke-miterlimit: 10;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 2.4rem;
    height: 2.4rem
}

@media (max-width:48em) {

    .bonuses,
    .card {
        width: 4.8rem;
        height: 4.8rem
    }

    .air-datepicker-nav--action svg {
        transform: scale(2)
    }
}

.qr {
    width: 100%;
    height: 100%
}

.triangal {
    width: 1rem;
    height: .6rem
}

.mobile {
    fill: #35415c
}

.password {
    width: 2.4rem;
    height: 2.4rem;
    stroke: #e6af9a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.chronology-circle {
    stroke: #e6af9a;
    stroke-width: 7;
    stroke-miterlimit: 10
}

.request-logo {
    width: 5.4rem;
    height: 5.4rem
}

.icon-link {
    width: 4.5rem;
    height: 4.5rem
}

.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.air-datepicker-cell.-day-.-other-month-:hover,
.air-datepicker-cell.-year-.-other-decade-:hover {
    color: var(--adp-color-other-month-hover)
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.-selected-.air-datepicker-cell.-day-.-other-month-,
.-selected-.air-datepicker-cell.-year-.-other-decade- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-day-.-other-month-:empty,
.air-datepicker-cell.-year-.-other-decade-:empty {
    background: 0 0;
    border: none
}

.air-datepicker-cell {
    border-radius: var(--adp-cell-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.air-datepicker-cell.-focus- {
    background: var(--adp-cell-background-color-hover)
}

.air-datepicker-cell.-current- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color)
}

.air-datepicker-cell.-current-.-in-range- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range)
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    border-radius: 0
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover)
}

.air-datepicker-cell.-range-from- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}

.air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-range-to-.-range-from- {
    border-radius: var(--adp-cell-border-radius)
}

.air-datepicker-cell.-selected- {
    color: #fff;
    border: none;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover)
}

.air-datepicker-body {
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    margin: 8px 0 3px
}

.air-datepicker-body--day-name {
    color: var(--adp-day-name-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover)
}

.air-datepicker-body--cells {
    display: grid
}

.air-datepicker-body--cells.-days- {
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: var(--adp-month-cell-height);
    gap: 3rem;
    padding-top: 2rem
}

.air-datepicker-nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--adp-border-color-inner);
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--action,
.air-datepicker-nav--title {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    border-radius: var(--adp-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: var(--adp-nav-arrow-color);
    stroke-width: 2px
}

.air-datepicker-nav--title {
    border-radius: var(--adp-border-radius);
    padding: 0 8px
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: .3em
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: 0 0
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: inline-flex;
    color: var(--adp-btn-color);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: none;
    background: rgba(255, 255, 255, 0)
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: 0
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.air-datepicker-time {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 12px;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
    content: "";
    background: var(--adp-background-color-hover);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.air-datepicker-time--row {
    display: flex;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: 0 0;
    cursor: pointer;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration);
    margin-top: calc(var(--adp-time-thumb-size)/ 2 * -1)
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: 0
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -moz-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -ms-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: rgba(0, 0, 0, 0)
}

.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 3rem;
    --adp-grid-areas: "nav""body""timepicker""buttons";
    --adp-transition-duration: 0.3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #e6af9a;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: rgba(186, 186, 186, 1);
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 1fr;
    --adp-month-cell-height: 1fr;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px;
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: var(--adp-border-radius);
    box-sizing: content-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, max-content);
    grid-template-areas: var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    transform: translateX(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    transform: translateX(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    transform: translate(0, 0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    transition: none
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: none
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: transparent
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    transform: translate(-50%, -50%)
}

.air-datepicker.-custom-position- {
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: "";
    position: absolute;
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    border-top-right-radius: var(--adp-poiner-border-radius);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    box-sizing: border-box
}

.-top-center- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-center- .air-datepicker--pointer:after,
.-top-left- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
    transform: rotate(135deg)
}

.-right-bottom- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-bottom- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-top- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
    transform: rotate(225deg)
}

.-bottom-center- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-center- .air-datepicker--pointer:after,
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
    transform: rotate(315deg)
}

.-left-bottom- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-top- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-bottom- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-top- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
    transform: rotate(45deg)
}

.-bottom-left- .air-datepicker--pointer,
.-top-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-bottom-right- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-bottom-center- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size)/ 2)
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size)/ 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--content {
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body
}

.-only-timepicker- .air-datepicker--content {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons,
.air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
    --adp-overlay-transition-duration: 0.3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99;
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
}

.air-datepicker.-inline-.-active- {
    margin-top: 1.6rem;
    width: 100%;
    border-radius: 0 0 2.5rem 2.5rem
}

.air-datepicker-nav--title {
    color: #fff9ee;
    font-family: Circe;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .18rem;
    text-transform: uppercase
}

@media (max-width:48em) {
    .air-datepicker-nav--title {
        font-size: 2.8rem;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: .084rem
    }
}

.air-datepicker-cell.-year-.-current- {
    border-radius: 2rem;
    border: 1px solid #e6af9a;
    background-color: #e6af9a;
    color: #e6af9a
}

.air-datepicker-cell.-year-.-current-.-selected- {
    border-radius: 2rem;
    color: #e6af9a;
    background-color: transparent
}

.air-datepicker-cell.-month- {
    border-radius: 2rem;
    color: #fff9ee;
    background-color: transparent
}

.air-datepicker-cell.-month-.-selected- {
    border-radius: 2rem;
    color: #e6af9a;
    background-color: transparent
}

.air-datepicker-body--cells.-days- {
    gap: 2.8rem
}

.air-datepicker {
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    background-color: #35415c
}

@media (max-width:48em) {
    .air-datepicker {
        font-size: 2.8rem;
        line-height: 140%
    }
}

.air-datepicker-cell.-day- {
    width: 100%;
    height: 100%;
    padding: .4rem .1rem .1rem;
    color: #fff9ee;
    border-radius: 50%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.air-datepicker-cell.-year- {
    color: #fff9ee
}

.air-datepicker-cell.-year-:hover {
    background-color: #e6af9a
}

.air-datepicker-body--cells.-years- {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height);
    gap: 3rem
}

.air-datepicker-body--day-names {
    margin-bottom: 2rem;
    margin-top: 1.4rem;
    gap: 3rem;
    color: #bababa;
    text-align: center;
    font-family: Circe;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 125%
}

.air-datepicker--content {
    padding-top: 0
}

.air-datepicker-cell.-day-.-other-month- {
    opacity: .2
}

.air-datepicker-cell.-day-.-other-month-:hover {
    background-color: transparent;
    cursor: default
}

.-my-free-date- {
    background-color: #e6af9a;
    border: 1px solid #e6af9a;
    pointer-events: all !important
}

.-my-free-date-:hover {
    background-color: transparent
}

.air-datepicker-cell.-day-.-my-free-date-.-selected- {
    border-radius: 50%;
    border: 1px solid #e6af9a;
    background-color: transparent
}

.air-datepicker-nav {
    padding-top: 1.8rem;
    padding-bottom: 1.5rem;
    margin-left: 3rem;
    margin-right: 3rem
}

body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(56, 55, 66, .25);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: .2s;
    transition-timing-function: ease-in-out;
    z-index: 5
}

body.blur::after {
    opacity: 1;
    visibility: visible
}

body.lock {
    overflow: hidden
}

@media (min-width:48.01em) {
    .mobile {
        display: none !important
    }
}

.card-det__stats-weight-text {
    font-size: 2.2rem!important;
    margin-right: 0.5rem!important;
}

@media (max-width:48em) {
    .card-det__stats-weight-text {
        font-size: 3.4rem!important;
        margin-right: 0.5rem!important;
    }
}

@media (max-width:48em) {
    .air-datepicker-body--day-names {
        font-size: 2.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 140%
    }

    .desktop {
        display: none !important
    }

    .card-det__content-box-wrap {
        flex-direction: column;
    }

    .card-det__img {
        width: 100%!important;
        height: 67rem!important;
        border-radius: 0!important;
        min-width: 100%!important;;
    }

    .card-det__img img {
        width: 100%!important;;
        height: 100%!important;;
        border-radius: 0!important;;
    }

    .card-det__subs-wrapper h3 {
        font-weight: 700;
        font-size: 2.8rem;
        line-height: 1.6;
        text-transform: uppercase;
    }

    .card-det__subs-wrapper p { 
        font-size: 2.8rem;
        margin-bottom: 2rem;
    }
}
@media (min-width: 48em) {
    .chronology .swiper-wrapper {
        padding-right: 21rem;
    }
    .chronology__timeline-list__item {
        width: auto !important;
    flex: 1 1 auto;
    }
}

.biege-section .swiper-controllers {
    margin-top: 8rem;
}

@media (min-width: 48em) {
    .header__search-result ul{

    }


   
}

.modal-map__content-save {
    width: fit-content;
    margin-left: auto;
    color: #35415c;
    fill: #35415c;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    gap: 1.4rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: .9px;
    text-transform: uppercase;
}
.modal-map__content-save svg {
    width: 2.9rem;
    height: 1.3rem;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translateY(-.2rem);
}

.error-msg {
    display: none;
    color: #DC143C;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 3rem;
}
.prom-msg {
    color: #98FB98;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
    margin-bottom: 3rem;
}

.prom-del {
    color: #DC143C;
}

.modal-point {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    overflow-y: auto;
    z-index: 1000;
    height: 100%;
    background: rgba(56, 55, 66, .25);
    opacity: 0;
    pointer-events: none;
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    transition: .15s ease-in;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 10rem;
    padding-bottom: 20rem;
}
.modal-point.active {
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
    transition: transform .5s, opacity .5s;
}

.modal-point__container {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 auto;
    transform: scale(.8);
    border-radius: 0 0 3rem 3rem;
    padding: 6rem 7rem;
    background: #fff9ee;
    position: relative;
    transition: .15s ease-in;
    width: 78.3rem;
}

.modal-point.active.modal-point__container  {
    transform: scale(1);
}

.modal-point__close {
    position: absolute;
    top: 4rem;
    right: 4rem;
    z-index: 20;
    width: 2.4rem;
    height: 2.4rem;
    
}

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

.modal-point__title {
    font-weight: 700;
    font-size: 6rem;
    line-height: 1;
    color: #35415c;
    margin-bottom: 3.2rem;
    width: 100%;
}

.modal-point__sum {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.6rem;
    width: 100%;
}

.modal-point__sum span {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
   

}

.modal-point__access {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.2rem;
    width: 100%;
}

.modal-point__access span {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
   

}

.modal-point__subtract {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.2rem;
    width: 100%;
}

.modal-point__subtract span {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5rem;
}

.modal-point__subtract-input {
    width: 28.4rem;
    border: 0.2rem solid #F1DED0;
    height: 7.4rem;
    padding: 2.4rem 3.2rem;
    color: #BABABA;
    font-size: 1.8rem;
}

.modal-point__subtract-input:focus {
    border: 0.2rem solid #29354D;
    color: #29354D;
}



@media (max-width:48em) {
    .modal-point__container {
        width: 100%;
        padding: 10rem 7rem;
    }

    .modal-point__title {
        font-size: 5.5rem;
        margin-bottom: 6rem;
    }
    
    .modal-point__content {
        align-items: initial;
    }

    .modal-point__close {
        width: 4.4rem;
        height: 4.4rem;
    }

    .modal-point__sum {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 5rem;
        width: 100%;
        align-items: flex-start;
    }

    .modal-point__sum span {
        margin-bottom: 2.4rem;
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .modal-point__sum span:last-child {
        margin-bottom: 0;
    }

    .modal-point__access {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 5rem;
        width: 100%;
        align-items: flex-start;
    }

    .modal-point__access span {
        margin-bottom: 2.4rem;
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .modal-point__access span:last-child {
        margin-bottom: 0;
    }

    .modal-point__subtract {
        margin-bottom: 5rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .modal-point__subtract span {
        margin-bottom: 2.4rem;
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .modal-point__subtract-input {
        width: 100%;
        font-size: 2.8rem;
        height: 8.4rem;
        padding: 2.4rem 3.2rem;
    }


    .notes__list.active {
        max-height: 100%;
    }

    .notes__item-column {
        font-size: 4rem;
        margin-bottom: 2rem;
    }

}

.proposal__swiper-container {
    position: relative;
}


/* Скрываем стандартный чекбокс */
.calculator__option-checkbox {
    display: none;
}

/* Контейнер (кликабельная область) */
.calculator__option-menu__decoration-label {
    display: block;
    margin-bottom: 1rem;
    
}

/* Стиль текста по умолчанию */
.calculator__option-menu__item-heading {
    font-size: 2rem;
    line-height: 125%;
    transition: color 0.3s ease;
    position: relative;
    width: 100%;
}

/* Фон при наведении */
.calculator__option-menu__decoration-label:hover {
    color: #67A7AC;
}

/* Изменение цвета текста при выборе */
.calculator__option-checkbox:checked + .calculator__option-menu__item-heading {
    color: #67A7AC;
    
}

.calculator__option-checkbox:checked + .calculator__option-menu__item-heading::before {
    position: absolute;
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(/local/templates/cofefest/src/css/../images/galkagreen.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    
}


.calculator__option-menu__back-btn,
.calculator__option-menu__select-btn {
    display: none;
}

.calculator__option-menu__item-heading {
    display: block;
}


@media (max-width:48em) {

    /* Мобильный стиль для выпадающего меню */
.calculator__option.active .calculator__option-menu {
    display: block;
    max-height: 100vh;
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #FFF9EE;
    overflow-y: auto;
    padding-top: 5rem;
    border: none;
    border-radius: 0;
}

/* Заголовок меню с кнопками */
.calculator__option-menu__header {
    display: block;
    margin-bottom: 5.8rem;
   
}

.calculator__option-menu__back-btn svg {
    width: 5.2rem;
    height: 2rem;
    margin-right: 1rem;
}

.calculator__option-menu__cake-item__img {
    width: 15rem;
    height: 15rem;
    margin-right: 2rem;
}

.calculator__option-menu__item-heading {
    font-size: 2.6rem;
    transition: color 0.3s ease;
}

.calculator__option-menu__cake-item:not(:first-child) {
    padding-top: 2rem;
}

.calculator__option-menu__cake-item:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(121, 121, 121, .2);
}

.calculator__option-menu__back-btn {
    font-weight: 700;
    font-size: 3.2rem;
    display: flex;
    align-items: center;
}



.calculator__option-menu__select-btn {
    color: #67A7AC;
}


.calculator__option-menu__decoration-item {
    margin-bottom: 0;
}


.calculator__option-checkbox {
    display: none; 
}

.calculator__option-menu__decoration-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    border-top: 0.1rem solid rgba(121, 121, 121, 0.2);
    border-bottom: 0.1rem solid rgba(121, 121, 121, 0.2);
    padding: 2.5rem 0;
    transition: background-color 0.3s ease;
    cursor: pointer; 
    position: relative; 
}

.calculator__option-menu__decoration-label::before {
    content: ''; 
    width: 4.6rem;
    height: 4.6rem;
    border: 0.1rem solid rgba(121, 121, 121, 0.2);
    display: inline-block;
    position: absolute;
    right: 0;
    margin-right: 1rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

/* При активном чекбоксе добавляем галочку */
.calculator__option-checkbox:checked + .calculator__option-menu__item-heading::before {
    content: ''; 
    width: 3rem;
    height: 3rem;
    background-image: url('/local/templates/cofefest/src/css/../images/galka.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translate(0, -50%);
}

.calculator__option-checkbox:checked + .calculator__option-menu__decoration-label::before {
    border: 0.1rem solid #29354D; 
}




.calculator__option-checkbox:checked + .calculator__option-menu__item-heading {
    color: #35415c;
    
}

.calculator__option-menu__select-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 0.2rem solid #29354D;
    font-size: 3.2rem;
    color: #29354D;
    font-weight: 700;
    margin-top: 10rem;
    height: 10rem;
}

/* Текстовое оформление */
.calculator__option-menu__item-heading {
    font-size: 2.8rem;
}





}

/* End */


/* Start:/local/templates/cofefest/src/css/vjs.css?174931896153765*/
.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: #FFFFFF;
  height: 1.5em;
  width: 1.5em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 0.75em;
  height: 0.75em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: #000000;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 1em;
  height: 1em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.vjs-progress-control:hover .vjs-progress-holder .vjs-play-progress .vjs-svg-icon {
  width: 0.8em;
  height: 0.8em;
  top: -0.25em;
  right: -0.5em;
  line-height: 0.35em;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
       user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.6em;
  height: 0.6em;
  top: -0.55em;
  pointer-events: none;
}

.vjs-mute-control .vjs-svg-icon {
  width: 1.75em;
  height: 1.75em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  top: -0.15em;
  right: -0.3em;
  line-height: 0.05em;
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.9em;
  right: -0.15em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: #888888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -0.6em;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  margin-left: 0.3em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}
/* End */


/* Start:/local/components/custom/search/templates/.default/style.css?17493189591027*/
.header__search-block.active .header__search-result {
    display: none;
    width: 100%;
    background-color: #35415c;
    position: absolute;
    top: 6rem;
    left: 0;
    background-image: none;
    max-height: 50rem;
    overflow-y: scroll;
    z-index: 1;
}

.header__search-block.active .header__search-result ul {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.header__search-block.active .header__search-result ul li {
    font-size: 1.8rem;
}

@media (max-width: 48em) {
    .search-block div.header__search-result {
        height: auto;
        display: none;
    }

    .box-header-search__list {
        max-height: 128rem;
        overflow-y: scroll;
    }

    .header__search-result ul {
        background-color: #35415c;
        padding: 4rem;
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
        z-index: 10;
    }

    .header__search-result ul li {
        font-size: 3rem;
    }
}
/* End */
/* /local/components/header/main/templates/.default/style.css?17493189591005 */
/* /local/templates/cofefest/src/css/swiper-bundle.min.css?174931896113946 */
/* /local/templates/cofefest/src/css/main.css?1749318961360780 */
/* /local/templates/cofefest/src/css/vjs.css?174931896153765 */
/* /local/components/custom/search/templates/.default/style.css?17493189591027 */