@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    border: 0;
}
html {
    scroll-behavior: smooth;
}
.fixed {
    position: fixed;
}
input[type="text"], input[type="password"], textarea, select {border: none; display: block; background: none; outline: none; -webkit-appearance: none; font-family: "TildaSans"; font-size: 22px; font-weight: 300;}
input[type="text"], input[type="password"], select, textarea {width: 100%; color: #FFF; border: 1px solid #FFF; border-radius: 0px; height: 56px; padding: 0 24px; transition: 0.4s;}
textarea {border: 1px solid #3F3F3F; border-radius: 6px; padding: 24px; height: 400px;}
body {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0px;
    background: #FBFBFB;
    font-family: "TildaSans";
    font-size: 18px;
    font-weight: 300;
    color: #383232;
}
body * {
    box-sizing: border-box;
    transition: 0.4s;
}
p {
    font-weight: 300;
    font-style: normal;
}
a {
    color: #383232;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
h1, h2, h3, h4 {
    font-size: 22px;
    font-weight: 500;
    color: #383232;
}
jdiv {
    box-sizing: content-box;
    position: static;
}
.flex {
    display: flex;
    justify-content: center;
}
.flex.is {
    padding: 80px 0 0 0;
}

ul#breadcrumbs  {
    list-style: none;
    display: flex;
    gap: 12px;
    margin: 36px 0 0 0;
    padding: 0;
}
ul#breadcrumbs li {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
ul#breadcrumbs li:not(:first-child)::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #D55E57;
    display: block;
}
ul#breadcrumbs li a {
    text-decoration: none;
}

.workspace {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1220px;
    padding: 0;
    margin: 0 60px;
    position: relative;
    transition: 0.4s;
    z-index: 1;
}

header {
    width: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 10;
    font-size: 22px;
    transition: 0.4s;
    color: #FFF;
    opacity: 1.0;
}
header .workspace {
    padding: 36px 0 0 0;
}
header a {
    color: #FFF;
}
header .menu, header .right_box {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 12px;
}
header .menu {
    gap: 16px;
}
header img.logo {
    width: 191px;
    transition: 0.4s;
}

header.active {
    background: url('/extore/frontend/themes/kafetaimaut/design/header_bg.jpg') top center no-repeat;
    background-size: cover;
    transition: 0.4s;
    opacity: 0.9;
}
header.active img.logo {
    width: 120px;
    transition: 0.4s;
}
header.active .workspace {
    padding: 16px 0;
}


.f_banner {
    width: 100%;
    height: 361px;
    margin: 36px 0 0 0;
    background: url(/data/1725604728/files/1768227641.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
}

.banner {
    width: 100%;
    background: url('/extore/frontend/themes/kafetaimaut/design/header_bg.jpg') center no-repeat;
    background-size: cover;
    color: #FFF;
}
.banner .workspace {
    height: 708px;
    padding: 0 0 64px 0;
    align-items: flex-end;
    gap: 40px;
}
.banner .section_block {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.banner .section {
    width: 275px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner .section .caption {
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}
.banner .section .desc {
    font-size: 22px;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.banner .section:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.banner .section:nth-child(1) img {
    width: 275px;
}
.banner .section_block .section:nth-child(1) .ill {
    width: 275px;
    height: 306px;
    background-image: url('/extore/frontend/themes/kafetaimaut/design/decor_1.svg'), url('/extore/frontend/themes/kafetaimaut/design/photo_1.jpg?v2');
    background-position: left 16px bottom 16px, center;
    background-repeat: no-repeat, no-repeat;
    background-size: normal, cover;
}
.banner .section_block .section:nth-child(2) .ill {
    width: 275px;
    height: 306px;
    background-image: url('/extore/frontend/themes/kafetaimaut/design/decor_1.svg'), url('/extore/frontend/themes/kafetaimaut/design/photo_2.jpg?v2');
    background-position: left 16px bottom 16px, center;
    background-repeat: no-repeat, no-repeat;
    background-size: normal, cover;
}

.banner .section_block .section:nth-child(3) .ill {
    width: 275px;
    height: 306px;
    background-image: url('/extore/frontend/themes/kafetaimaut/design/decor_1.svg'), url('/extore/frontend/themes/kafetaimaut/design/photo_3.jpg?v2');
    background-position: left 16px bottom 16px, center;
    background-repeat: no-repeat, no-repeat;
    background-size: normal, cover;
}

footer {
    background: #383232;
    color: #FFF;
    font-weight: 300;
}
footer a {
    color: #FFF;
}
footer .workspace {
    gap: 36px;
    align-items: stretch;
    padding: 44px 0;
}
footer .contacts_set, footer .logo, footer .menu_set {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-content: stretch;
    gap: 12px;
}
footer .logo {
    width: 228px;
    font-size: 16px;
}
footer .menu_set .menu {
    font-size: 22px;
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
}
footer .menu_set .links, footer .menu_set .address {
    display: flex;
    gap: 24px;
}
footer .menu_set .address .caption {
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
}
footer .menu_set .address .caption::after {
    content: '';
    display: block;
    width: 84px;
    height: 4px;
    margin: 3px 0 0 0;
    background: #D91F23;
}
footer .menu_set .address .address_set {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
footer .contacts_set {
    font-weight: 500;
    font-size: 22px;
    align-items: flex-end;
}

.icons {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}




.pies {
    width: 100%;
    margin: 44px 0 0 0;
    height: 569px;
    background: url('/extore/frontend/themes/kafetaimaut/design/pies.jpg') center no-repeat;
    background-size: cover;
}
.pies .workspace {
    justify-content: flex-start;
    align-items: flex-start;
    background-size: auto;
    flex-direction: column;
    gap: 44px;
    padding: 120px 0 60px 0;
}
.pies .caption {
    width: 100%;
    text-align: left;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.pies .text {
    width: 269px;
    text-transform: uppercase;
    text-align: left;
    color: #FFF;
    font-size: 22px;
}

.caption {
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}

.tcatering {
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
}
.tcatering .workspace {
    flex-direction: column;
    gap: 44px;
    padding: 64px 0 14px 0;
}
.tcatering img.pic {
    width: 100%;
    height: 361px;
    object-fit: cover;
}
.tcatering .caption {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.tcatering .caption {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}


.beg {
    display: flex;
    gap: 24px;
    overflow-x: hidden;
    margin-top: 64px;
    position: relative;
    z-index: 9;
}

    .begt {
      font-size: 35px;
      animation: marquee 15s infinite linear;
    /*   font-size: 'Roboto', sans-serif;*/ 
      font-weight: 700;
      line-height: 1.3;
    /*  padding: 24px 0; */ 
      text-decoration: none;
      color: #D91F23;
      white-space: nowrap;
      display: flex;
    }

   @keyframes marquee {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-50%);
        }
    }


.catering {
    background-image: url('/extore/frontend/themes/kafetaimaut/design/pepper.png'), url('/extore/frontend/themes/kafetaimaut/design/sushi.png');
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
}
.catering .workspace {
    flex-direction: column;
    gap: 44px;
    padding: 64px 0 104px 0;
}
.catering img.pic {
    width: 100%;
    height: 307px;
    object-fit: cover;
}
.catering .caption {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.catering .items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 70px;
}
.catering .items .item {
    display: flex;
    width: 360px;
    flex-direction: column;
    gap: 18px;
}
.catering .items .item .title {
    font-size: 22px;
    font-weight: bold;
}
.catering .items .item .title::after {
    content: '';
    display: block;
    width: 84px;
    height: 4px;
    margin: 12px 0 0 0;
    background: #D91F23;
}
.catering .items .item .text {
    font-size: 16px;
}

.delivery {
    background: url('/extore/frontend/themes/kafetaimaut/design/delivery_bg.png') right top no-repeat;
    margin-bottom: 80px;
}
.delivery .workspace {
    align-items: flex-end;
    background: url('/extore/frontend/themes/kafetaimaut/design/delivery.png?v1') left bottom no-repeat;
    background-size: auto;
    flex-direction: column;
    gap: 84px;
    padding: 80px 0 60px 0;
}
.delivery .caption {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.delivery .items {
    width: 647px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
}
.delivery .items .item {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
.delivery .items .item .text {
    font-size: 16px;
    width: 447px;
}
.delivery .items .item .title {
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
}


.variants {
    
}
.variants .workspace {
    align-items: flex-start;
    flex-direction: column;
    gap: 64px;
    padding: 0 0 80px 0;
    background-size: contain;
}
.variants .caption {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.variants .items {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.variants .items .item {
    display: flex;
    width: 360px;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 18px;
}
.variants .items .item img.pic {
    width: 100%;
    height: 153px;
    object-fit: cover;
}
.variants .items .item .title {
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
}
.variants .items .item .title::after {
    content: '';
    display: block;
    width: 84px;
    height: 4px;
    margin: 12px 0 0 0;
    background: #D91F23;
}




.benefit .workspace {
    align-items: flex-start;
    flex-direction: column;
    gap: 64px;
    padding: 40px 0 40px 0;
    background-size: contain;
}
.benefit .caption {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.benefit .items {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.benefit .items .item {
    display: flex;
    width: 360px;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
}
.benefit .items a:hover {
    text-decoration: none;
}
.benefit .items .item img {
    width: 100%;
    height: 360px;
    object-fit: cover;
}
.benefit .items .item .title {
    font-size: 22px;
    font-weight: bold;
    height: 81px;
    overflow: hidden;
}
.benefit .items .item .title::after {
    content: '';
    display: block;
    width: 84px;
    height: 4px;
    margin: 12px 0 0 0;
    background: #D91F23;
}


.interesting {
    background: url('/extore/frontend/themes/kafetaimaut/design/interesting_bg.png?v1') right top no-repeat;
}
.interesting .workspace {
    align-items: flex-start;
    flex-direction: column;
    gap: 64px;
    padding: 80px 0 40px 0;
}
.interesting .caption {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.interesting .items {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.interesting .items .item {
    display: flex;
    width: 360px;
    flex-direction: column;
    gap: 18px;
}
.interesting .items .item .date {
    font-size: 12px;
    color: #D91F23;
}
.interesting .items .item .title {
    font-size: 22px;
    font-weight: bold;
}
.interesting .items .item .title::after {
    content: '';
    display: block;
    width: 84px;
    height: 4px;
    margin: 12px 0 0 0;
    background: #D91F23;
}
.interesting .items .item .text {
    font-size: 16px;
}
.interesting .items .item a.link {
    font-size: 16px;
    color: #D91F23;
    text-decoration: underline;
}



.invitation .workspace {
    align-items: flex-start;
    flex-direction: column;
    gap: 36px;
    padding: 100px 0 80px 0;
    background: url('/extore/frontend/themes/kafetaimaut/design/man.png') right bottom -16px no-repeat;
    background-size: contain;
}
.invitation .caption {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 35px;
}
.invitation .address {
    
}
.button {
    width: auto;
    display: block;
    border-radius: 0px;
    text-decoration: none;
    height: auto;
    padding: 12px 44px;
    white-space: nowrap;
    background: #D91F23;
    color: #FFF;
    font-size: 22px;
    font-weight: 400;
}


.is {
    
}
.is .workspace {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 36px;
}
.is .items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 70px;
    margin-bottom: 80px;
}
.is .items .text {
    height: 80px;
    overflow: hidden;
}
.is .items .price span {
    color: #D91F23;
}
.is .items .title {
    height: 80px;
    overflow: hidden;
}
.catering.is, .interesting.is {
    padding: 80px 0 0 0;
}
.catering.is .items .text {
    height: auto;
}
.catering.is .workspace, .interesting.is .workspace {
    padding: 0;
}

.textblock {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 36px;
}
.textblock.an {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 35px;
}
.textblock.an img.preview {
    width: 400px;
  /*  height: 400px;*/
    border: 0;
    object-fit: cover;
    object-position: top center;
}
.textblock.an .text {
    width: 710px;
    font-size: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    gap: 16px;
}
.textblock ul, .textblock ol {
    margin-left: 36px;
}


.get-modal {
    cursor: pointer;
}




#modal {opacity: 0; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 24px; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 0; transition: 0.4s;}
#modal.active {opacity: 1; z-index: 99; transition: 0.4s;}
#modal .layout {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; opacity: 0.95;}
#modal .container {background: #D91F23; color: #FFF; width: 450px; z-index: 99; padding: 36px; position: relative; display: flex; flex-direction: column; gap: 24px; justify-content: center; align-items: center; border: none; border-radius: 0px;}

#modal .container .content {position: relative; display: flex; flex-direction: column; gap: 24px; justify-content: flex-start; align-items: flex-start;}

#modal h4, #modal span, #modal a {color: #FFF;}
#modal h4 {
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}
#modal span {
    font-size: 14px;
}
#modal .desc {
    font-size: 22px;
    font-weight: bold;
}
#modal .desc::after {
    content: '';
    display: block;
    width: 84px;
    height: 4px;
    margin: 6px 0 0 0;
    background: #FFF;
}
#modal img {width: 44px;}
#modal img.preloader {width: auto; height: 44px;}

#modal .button {background: none; border: 1px solid #FFF; color: #FFF; cursor: pointer;}
#modal .button:hover {background: #383232; color: #FFF;}

#modal input {
    background: #FFF;
    color: #383232;
}
#modal input::placeholder {color: #383232;}

#modal .cross {position: absolute; top: -19px; right: -30px; width: 30px; height: 14px; z-index: 99; display: block; cursor: pointer; transition: 0.4s;}
#modal .cross::before, #modal .cross::after {content: ''; width: 100%; height: 2px; position: absolute; display: block; background: #383232; transition: 0.4s;}
#modal .cross::before {top: 0; transform: rotate(45deg); top: 4px; transition: 0.4s;}
#modal .cross::after {bottom: 0; transform: rotate(-45deg); bottom: 8px; transition: 0.4s;}





@media (max-width: 576px) {
    
.tcatering {
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
}
.tcatering img.pic {
    width: 100%;
    height: auto;
}

    .f_banner {
    width: 100%;
    height: 600px;
    margin: 36px 0 0 0;
    background: url(/data/1725604728/files/1768227640.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
    cursor: pointer;
}
    
    
    .mw576 {
        display: none !important;
    }
    .workspace {
        width: 100%;
        margin: 0 12px;
    }
    #modal .container {width: 80%;}
    
    .is .workspace {
        padding: 44px 0 0 0 !important;
        gap: 16px !important;
    }
    .is .items .text {
        height: auto;
    }
    
    .items {
        flex-direction: column;
        gap: 44px;
    }
    .items .item {
        width: 100% !important;
    }
    
    .interesting {
        background: url('/extore/frontend/themes/kafetaimaut/design/interesting_bg.png?v1') right -100px top no-repeat;
    }
    .catering {
        background-position: left 0px top, right -160px bottom;
    }
    .catering .workspace, .benefit .workspace, .interesting .workspace, .delivery .workspace, .banner .workspace {
        gap: 24px;
    }
    .catering img.pic {
        height: 200px;
    }
    .catering .items {
        gap: 44px;
    }
    .variants .workspace {
        padding: 0;
    }
    .benefit .workspace {
        padding-bottom: 0px;
    }
    .pies {
        height: auto;
    }
    .pies .workspace {
        padding: 60px 0;
    }
    .invitation .workspace {
        padding: 0 0 300px 0;
    }
    footer .workspace, footer .contacts_set, footer .menu_set, footer .address, .banner .workspace {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    footer .menu_set .menu {
        display: none;
    }
    footer .address_set {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .delivery {
        background: url('/extore/frontend/themes/kafetaimaut/design/delivery_bg.png') right -160px top no-repeat;
        margin-bottom: 0px;
    }
    .delivery .workspace {
        align-items: center;
        background: url('/extore/frontend/themes/kafetaimaut/design/delivery.png?v1') left bottom no-repeat;
        background-size: auto;
        flex-direction: column;
        padding: 44px 0 480px 0;
    }
    .delivery .items {
        width: 100%;
    }
    .delivery .items .item .text {
        width: 100%;
    }
    header img.logo {
        width: 120px;
        transition: 0.4s;
    }
    header .workspace {
        padding: 16px 0;
    }
    header.active {
        background: url('/extore/frontend/themes/kafetaimaut/design/header_bg.jpg') top center no-repeat;
        background-size: auto;
    }
    header .burger * {display: none;}
    header .burger {order: 100; width: 30px; height: 14px; display: block; position: relative; cursor: pointer; transition: 0.4s;}
    header .burger::before, header .burger::after {content: ''; width: 100%; height: 2px; position: absolute; display: block; background: #D91F23; transition: 0.4s;}
    header .burger::before {top: 0;}
    header .burger::after {bottom: 0;}
    header .burger.active::before {transform: rotate(45deg); top: 4px; transition: 0.4s;}
    header .burger.active::after {transform: rotate(-45deg); bottom: 8px; transition: 0.4s;}
    
    footer.active .workspace {
        padding: 120px 0 44px 0;
    }
    footer.active {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 8;
    }
    footer.active .logo, footer.active .links {
        display: none;
    }
    footer.active .menu_set {
        gap: 44px;
    }
    footer.active .menu_set .menu {
        font-size: 28px;
        font-weight: bold;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .banner .workspace {
        height: auto;
        padding: 80px 0 44px 0;
        gap: 44px;
    }
    .banner {
        background: url('/extore/frontend/themes/kafetaimaut/design/header_bg.jpg') bottom left no-repeat;
        background-size: cover;
    }
    .banner .section_block {
        width: 90%;
        height: 508px;
        overflow: auto;
        order: -1;
    }
    .banner .section.bag {
        align-items: flex-end;
        align-content: flex-end;
    }
    .banner .section.bag img {
        width: 200px;
    }
    
    .textblock {
        width: 100%;
    }
    img.preview {
        width: 100% !important;
    }
    .textblock.an {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .textblock.an .text {
        width: 100%;
    }
    .caption {
        font-size: 28px !important;
        font-weight: bold;
    }
    
    
}

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

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

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

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