@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-size:14px;font-family:'Urbanist',sans-serif;color:#111}
body.scrollHidden{overflow:hidden!important}
body.home{overflow:hidden!important}
*{box-sizing:border-box}
a{color:#cd171f}
a:hover{color:#777;text-decoration:none}
:focus{outline:none}
.left{float:left}
.right{float:right}
.fadee{-webkit-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-o-transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);transition:all 1000ms cubic-bezier(0.230,1.000,0.320,1.000);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}
.t{display:table;width:100%;height:100%}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}
.btn-primary{color:#fff;background-color:#cd171f;border-color:#cd171f; font-size:12px;}
.btn-primary:hover{color:#fff;background-color:#cd171f;border-color:#cd171f}

.btn{color:#fff;background-color:#cd171f;border-color:#cd171f; font-size:12px;}
.btn:hover{color:#fff;background-color:#cd171f;border-color:#cd171f}
.btn-add-cart {font-size: 10px;padding: 4px 10px;display: inline-block;margin-top: 5px;}
#snow {position: fixed;top: 0;left: 0;z-index: 99999;}
.snowflake {position: absolute;width: 10px;height: 10px;background: linear-gradient(white, white);border-radius: 50%;}

@media screen and (min-width:1200px) {
    .container {max-width: 1200px;}
}

#popup {display: flex; align-items: center; justify-content: center;position: fixed;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);top: 0;left: 0;z-index: 99999;}
#popup a {}
#popup a img{height: 60vh;width: auto;margin: auto;}
#popup .close {position: absolute;top: 10px;right: 20px;padding: 2px;border-radius: 50%;text-align: center;color: #c00;font-size: 32px;z-index: 99999;cursor:pointer;opacity: 1;font-weight: 900;}
#popup .close:hover {color:#f00;}

#homelongtext {position:relative;font-size: 12px;line-height: 16px;color: #666;border-top: 2px solid #eee;padding-top: 20px;}
#homelongtext p {margin-bottom: 10px;}
#homelongtext .show-more {margin-bottom: 50px;font-weight: bold;text-decoration: underline; cursor: pointer;}
#homelongtext .show-more-height {height: 92px;overflow:hidden;}


header#header{position: relative;z-index:900;width:100%;background:#fff;display: flex;height: 80px;align-items: center;padding: 15px;border-bottom: 1px solid #ccc;justify-content: space-between;}
#logo{
    margin-right: 30px;
}
#logo a{display:inline-block}
#logo img.logo{height: 64px;padding: 0px 0;}

nav#menu{}
nav#menu ul#header-menu{list-style:none;padding:0;margin:0;}
nav#menu ul#header-menu li{display: inline-block;}
nav#menu ul#header-menu li a{color: #111;padding:8px 0;margin: 15px 30px;text-transform:uppercase;font-size: 13px;display:block;letter-spacing:2px;font-weight: 700;}
nav#menu ul#header-menu li:hover a{color: #cd171f;}
nav#menu ul#header-menu li.selected a{color: #cd171f;}
nav#menu ul#header-menu li ul.header-child-menu{display:none;position:absolute;background:#fff;border-top: 2px solid #cd171f;list-style:none;padding:10px;box-shadow:0 10px 10px rgba(0,0,0,.1);margin-top:-10px}
nav#menu ul#header-menu li ul.header-child-menu li{display: block;}
nav#menu ul#header-menu li ul.header-child-menu li a{padding:5px 0;color:#777}
nav#menu ul#header-menu li:hover ul.header-child-menu li a{background:none;color:#777}
nav#menu ul#header-menu li ul.header-child-menu li:hover a{color:#cd171f}
nav#menu ul#header-menu li:hover ul.header-child-menu{display:block}

#header-social {padding: 0 15px 0 0;line-height: 62px;}
#header-social a{}
#header-social img{height: 22px;}

section#slider{width: 50%;position:relative;height: calc(100vh - 80px);}
section#slider .owl-carousel .item{background-position:center;background-size:cover;height: calc(100vh - 80px);position: relative;}
section#slider .owl-carousel .owl-item img {width: 100%;height: calc(100vh - 80px);object-fit: cover;object-position: center;}

.owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;right:0;width:50px}
.owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 53px);font-size:61px;color:#fff;left:0;width:50px}
.owl-carousel .owl-nav span{display:block;padding-bottom:15px}
.owl-dots{position:absolute;bottom:0;width:100%}
.owl-theme .owl-nav [class*=owl-]:hover{background:rgba(0,0,0,.3)}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#cd171f}
.owl-carousel .owl-nav button:focus{outline:none}

section#slider .owl-carousel .item:after {content:"";position: absolute;right: 0;background: linear-gradient(-90deg, black, transparent);width: 100%;top: 0;height: 100%;}
section#slider .item .slideTextFlex{display: flex;position: absolute;z-index: 11;top: 0;height: 100%;align-items: center;justify-content: flex-end;width: 100%;text-align: right;}
section#slider .item .slideText{font-family: 'Urbanist', serif; padding: 0 30px 0 0; width: 60%;}
section#slider .item .slideTextBig{display:block;color:#fff;font-size: 42px;font-weight: 800;z-index:2;line-height: 48px;position: relative;}
section#slider .item .slideTextSmall{display:block;color:#fff;font-size: 16px;margin-bottom: 15px;font-weight: 500;}
section#slider .item .slideBtn{color:#fff;font-size: 11px;padding: 12px 26px;display:inline-block;text-transform:uppercase;font-weight:600;letter-spacing: 1px;background: #cd171f;margin-top: 20px;}


section#slider .owl-carousel .owl-nav button.owl-prev {left: -50px; color: #ccc;}
section#slider .owl-carousel .owl-nav button.owl-next {right: -50px; color: #ccc;}
section#slider .owl-carousel .owl-nav button.owl-prev:hover {background: none; color:#cd171f}
section#slider .owl-carousel .owl-nav button.owl-next:hover {background: none; color:#cd171f}

.homeBox {position: absolute; right:0; width: 50%; height: calc((100vh - 80px) / 2);}
.homeBox:after {content:"";position: absolute;right: 0;background: linear-gradient(0deg, black, transparent);width: 100%;top: 0;height: 100%;}
.homeBox img {width: 100%;height: calc((100vh - 80px) / 2);object-fit: cover;object-position: center;}

.BoxTextFlex{display: flex;position: absolute;z-index: 11;top: 0;height: 100%;align-items: end;justify-content: flex-start;width: 100%;text-align: left;}
.BoxText{font-family: 'Urbanist', serif;padding: 0 0 10px 30px;width: 100%;}
.BoxTextBig{display:block;color:#fff;font-size: 32px;font-weight: 800;z-index:2;line-height: 48px;position: relative;}
.BoxTextSmall{display:block;color:#fff;font-size: 20px;margin-bottom: 15px;font-weight: 300;}


#homeBox1 {background: #666; top:80px;}
#homeBox2 {background: #777; bottom:0;}


section#subSlider{width: 100%;position:relative;height: calc(100vh - 80px);}
section#subSlider .owl-carousel .item{background-position:center;background-size:cover;height: calc(100vh - 80px);position: relative;}
section#subSlider .owl-carousel .owl-item img {width: 100%;height: calc(100vh - 80px);object-fit: cover;object-position: center;}


section#about {padding: 60px 0;background: rgb(106 151 63 / 0%);margin-top: 60px;}
section#about h1{color: #cd171f;}
section#about h2{color: #999; font-size:20px; margin-bottom:20px}
section#about img{width: 100%;border-radius: 10px;max-height: 200px;object-fit: cover;}


section#highlights {padding: 60px 0;}
section#highlights h2 {color: #cd171f; text-align: center; font-size: 42px;}
section#highlights .highlight{margin: 30px 0;}
section#highlights .highlight a{color:#333;}
section#highlights .highlight a:hover .highlight-text h4{color:#cd171f}
section#highlights .highlight .highlight-foto-col{}
section#highlights .highlight .highlight-text-col{z-index: 1;align-items: center;display: flex;padding: 0 0 0 15px;}
section#highlights .highlight:nth-child(2n) .highlight-text-col{order:1;padding: 0 15px 0 0;}


section#highlights .highlight .highlight-foto{}
section#highlights .highlight .highlight-foto img{width: 130%;float: right;border-radius: 10px;height: 360px; object-fit: cover;}
section#highlights .highlight:nth-child(2n) .highlight-foto img{float: left;}


section#highlights .highlight .highlight-text{background: #eeeeee70;box-shadow: 0 0 10px rgba(0,0,0,.3);padding: 40px 30% 30px 60px;border-radius: 10px;}
section#highlights .highlight:nth-child(2n) .highlight-text{padding: 40px 20px 30px 30%;}
/*section#highlights .highlight .highlight-text h3{font-size: 26px;font-weight: 700;line-height: 26px;margin-bottom: 10px;}*/
section#highlights .highlight .highlight-text h3{font-size: 32px;font-weight: 100;line-height: 26px;margin-bottom: 10px;letter-spacing: 1px;}
section#highlights .highlight .highlight-text h4{font-size: 15px;color: #cd171f;font-weight: 400;}
section#highlights .highlight .highlight-text p{line-height: 18px;font-size: 13px;}








section#page {
    display: flex;    height: calc(100vh - 80px);
}
section#page .page-text{
    width: 50%;
    position: relative;
    height: calc(100vh - 80px);
    padding: 60px 30px;
    overflow-y: auto;
}
section#page .page-text h1{font-weight: 700;color: #cd171f;text-transform: uppercase;}
section#page .page-text h2{color: #999;font-size:20px;margin-bottom:20px;font-weight: 700;}
section#page .page-text #contact-form h2{color: #cd171f;}
section#page .page-text h3{color: #cd171f;font-size:20px;margin-bottom:20px;text-align: center;}
section#page .page-content{
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
section#page .page-img{
    width: 50%;
    position: relative;
    height: calc(100vh - 80px);
    overflow: hidden;
}

section#page.food-detail span.price{color:#cd171f;margin-left: 10px;position: relative;top: 2px;}

iframe.gmap {height: calc(100vh - 80px);}
form#contact-form {
    height: 100%;
    padding: 30px 0px;
    position: absolute;
    z-index: 11;
}
form#contact-form #captcha_soru{color: #cd171f;text-align: right;font-size: 22px;letter-spacing: 5px;line-height: 51px;font-weight: 900;}
form#contact-form div{}
form#contact-form div input[type="text"]{border: 0;background: #eee;padding: 10px 30px;width: 100%;margin-bottom: 30px;}
form#contact-form div input[type="button"]{border: 1px solid #cd171f;background: #cd171f;padding: 10px 30px;cursor: pointer;color: #fff;font-weight: 500;letter-spacing: 3px;position: relative;/* margin-right: 30px; */}
form#contact-form div input[type="button"]:hover{border: 1px solid #fff;color: #fff;}
form#contact-form div textarea{border: 0;background: #eee;padding: 15px;width: 100%;height: 170px;margin-bottom: 15px;}


/*
#macy-container::before { content: ""; display: table; clear: both;}
#macy-container { margin-top: 22px; }
#macy-container::after { content: ""; display: table; clear: both;}
.menu-category {}
.menu-category h3{border-bottom: 1px solid #ccc;font-size: 22px;padding-bottom: 15px;font-weight: 800;color: #333;}
.menu-category ul{}
.menu-category ul li{}

.menu-category-items {width: 100%;display: grid;grid-template-columns:  auto auto; gap: 0px;}



.menu-item{display: flex; align-items: center;width: 100%;margin-bottom: 15px;}
.menu-item-image {float: left; width: 150px;background: #ddd;}
.menu-item-image img{width: 150px;height: 150px;object-fit: cover;}
.menu-item-image a:hover img{opacity:.6}
.menu-item-text {float: left; padding-left: 20px; width: calc(100% - 144px);}
.menu-item-text .menu-item-name {color: #cd171f;font-size: 18px;font-weight: 700;}
.menu-item-text .menu-item-name a {}
.menu-item-text .menu-item-name .food-icons {margin-left: 5px; display: inline-block;}
.menu-item-text .menu-item-name span.food-icon {cursor:pointer; line-height: 24px;width: 24px;padding: 0 1px 0 0;text-align: center;font-weight: 600;background: #8bc34a;color: #fff;display: inline-block;margin-right: 2px;border-radius: 50%;font-size: 10px;position: relative;top: -2px;}

.menu-item-text .menu-item-name span.food-icon-V {background: #4caf50;}
.menu-item-text .menu-item-name span.food-icon-VEG {background: #8bc34a;}
.menu-item-text .menu-item-name span.food-icon-GF {background: #ffba00;}
.menu-item-text .menu-item-name span.food-icon-NUT {background: #f1a200;}
.menu-item-text .menu-item-name span.food-icon-D {background: #82e6fe;}
.menu-item-text .menu-item-name span.food-icon-S {background: #c00;}
.menu-item-text .menu-item-name span.food-icon-K {background: #000;}


.menu-item-text .menu-item-desc {color: #999;font-size: 14px;}
.menu-item-price {font-size: 18px;font-weight: 700;margin: 10px 0;}
*/

.menu .meetPointMenu {background-image: url(/assets/img/pattern.png);}
.menu .meetPointMenu h1 {display: none;}
.menu-category {
    margin-bottom: 60px;
}
.menu-category h3{font-size: 36px !important;padding-bottom: 15px;color: #333 !important;font-family: 'Playfair Display', serif;position: relative;}


/*.menu-category h3:before{content:"";display:block;width: 1px;height: 50px;background: #ccc;margin: 20px auto;}
.menu-category h3:after{content:"";display:block;width: 1px;height: 50px;background: #ccc;margin: 20px auto;}
*/


.menu-category h3 a {color:#111}
.menu-category img.category-icon{height: 86px;position: absolute;opacity: .2;left: 0;width: 100%;text-align: center;margin-top: -36px;object-fit: contain;}
.menu-category ul{}
.menu-category ul li{}

.menu-category-items {width: 100%;display: grid;grid-template-columns:  auto auto;gap: 0px;}



.menu-item{display: flex;align-items: center;width: 100%;margin-bottom: 15px;text-align: center;text-align: left;}
.menu-item-image {float: left;width: 100px;background: #ddd;/* display: none; */border-radius: 20px;}
.menu-item-image img{width: 100px;height: 100px;object-fit: cover;border-radius: 20px;}
.menu-item-image a:hover img{opacity:.6}
.menu-item-text {float: left;padding: 5px 20px;width: 100%;}
.menu-item-text .menu-item-name {color: #cd171f;font-size: 18px;font-weight: 700;}
.menu-item-text .menu-item-name a {
    font-weight: 500;
}



.menu-item-text .food-icons {margin-left: 5px; display: inline-block;}
.menu-item-text span.food-icon {cursor:pointer;width: 24px;padding: 5px 4px;text-align: center;font-weight: 600;background: #8bc34a;color: #fff;display: inline-block;margin-right: 2px;border-radius: .2rem;font-size: 10px;position: relative;top: 1px;}

.menu-item-text span.food-icon-V {background: #4caf50;}
.menu-item-text span.food-icon-VEG {background: #8bc34a;}
.menu-item-text span.food-icon-GF {background: #ffba00;}
.menu-item-text span.food-icon-NUT {background: #f1a200;}
.menu-item-text span.food-icon-D {background: #82e6fe;}
.menu-item-text span.food-icon-S {background: #c00;}
.menu-item-text span.food-icon-K {background: #000;}

.menu-item-text .menu-item-desc {color: #999;font-size: 13px;line-height: 14px;font-weight: 400;}
.menu-item-price {font-size: 18px;font-weight: 700;color: #111;display: inline-block;}
.menu-item-price:before {content:"_";font-weight: 100;} 

img.img404 { object-fit: cover; width: 100%; height: 100%;}
.page404 {justify-content: center; align-items: center;height: 100%; text-align:center}

footer#footer{font-size:12px;background: #333;padding: 60px;color: #fff;min-height: 200px;display: none;}
footer#footer nav#footerMenu{font-size: 14px;}
footer#footer nav#footerMenu p{color: #fff;font-weight: 100;}
footer#footer nav#footerMenu h5{font-size: 20px;margin: 0;font-weight: 700;}
footer#footer nav#footerMenu h5:after {display: block;content: "";width: 70px;height: 1px;background: #cd171f;margin: 10px 0;}

footer#footer nav#footerMenu ul{list-style: none;margin: 10px 0 10px 0;padding: 0;}
footer#footer nav#footerMenu ul li{}
footer#footer nav#footerMenu ul li a{text-decoration: none;color: #fff;letter-spacing: 1px;display: block;font-size: 14px;font-weight: 100;}
footer#footer nav#footerMenu ul li a:hover{color: #999;}

/*footer#footer nav#footerMenu .col-md-3:first-child ul{margin: 0 0 10px 0;}
footer#footer nav#footerMenu .col-md-3:first-child h5{display:none;}
footer#footer nav#footerMenu .col-md-3:first-child img{height: 80px; width:auto}
footer#footer nav#footerMenu .col-md-3:first-child .appstores img{height: 45px; width:auto}
*/

.top{position:fixed;bottom:20px;right:20px;font-size:32px;z-index:11;transform:rotate(180deg);display:none}
.top a{color:#fff;background:rgba(0,0,0,.2);padding:4px 20px 9px}
.top a:hover{background:rgba(0,0,0,.4)}
.top a img{height:16px}

header#mobileHeader{width:100%;height:60px;position:fixed;top:0;z-index:10000;display:none;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
header#mobileHeader a#mobileLogo{display:block;float:left;padding:9px}
header#mobileHeader a#mobileLogo img{height:42px}

.mmenu{position:absolute;z-index:911;width:60px;height:60px;top:0;right:0;-webkit-transition-duration:.5s;transition-duration:.5s}
.mmenu.fixed{position:fixed;z-index:911;top:10px}
.mmenu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color:#000;border-radius:4px;left:15px}
.mmenu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#000;content:"";top:-10px;border-radius:4px}
.mmenu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color:#000;content:"";top:10px;border-radius:4px}
.mmenu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:transparent}
.mmenu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.mmenu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.mmenu:hover{cursor:pointer}
footer#mobileFooter{width:100%;display:none}
nav#mobileMenu{display:none;position:fixed;top:0;background: #cd171f;z-index:9999;width:100%;text-align:center;height:100%;}
nav#mobileMenu div.div{display:table;width:100%;height:100%}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;display:table-cell;width:100%;vertical-align:middle}
nav#mobileMenu li{}
nav#mobileMenu li a{color: #fff;display:block;padding:10px;text-transform: uppercase;font-size: 16px;letter-spacing: 2px;}
nav#mobileMenu li ul li a{color:#fff;font-weight:300;text-transform:none;font-size:14px}
nav#mobileMenu ul li ul{display:none;background:rgba(0,0,0,.2)}

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

@media screen and (max-width:1024px) {
header#mobileHeader{display:block}
header#header{display:none}
section#slider {margin-top: 60px;width: 100%;height: 50dvh;}
section#slider .owl-carousel .item{height: 50vh;}
section#slider .owl-carousel .owl-item img{height: 50vh;}

.homeBox {position: relative;right: 0;width: 50%;height: calc(50dvh - 60px);float: left;}
#homeBox1 {top:0;}
#homeBox2 {top:0; bottom: inherit;}
.BoxText {padding: 0 0 10px 10px;}
.BoxTextBig {font-size: 24px;line-height: 32px;}
.BoxTextSmall {font-size: 15px;line-height: 20px;margin-bottom: 0px;}
.homeBox img {width: 100%; height: calc((50vh - 60px));}

section#home-boxs .home-box h3 {font-size: 16px;}
footer#footer .footer {text-align: center;}
footer#footer .footer-social {text-align: center;}
section#page {margin-top: 60px;height: auto; display: block;}
section#page .page-content {padding-right: 0;}
section#page .page-img {width: 100%; height: 240px;}
section#subSlider {height: 240px;}
section#subSlider .owl-carousel .item {height: 240px;}
section#subSlider .owl-carousel .owl-item img {height: 240px;}
section#page .page-text {width: 100%; height: auto;}




}

@media screen and (max-width:640px) {
    .menu-category-items {grid-template-columns: 100%;}
    #popup a img{height: auto;width: 90vw;margin: auto;aspect-ratio: 1;  object-fit: contain;}
    section#slider .item .slideTextBig {line-height: 42px;}
    section#about {padding: 30px 0;background: rgb(106 151 63 / 0%);margin-top: 0px;}
    img.img404 {position: relative; width:100%; left: 0; z-index: -1;}
    footer#footer {padding: 40px 20px;}
    section#slider .owl-carousel .owl-nav button.owl-prev {left: 0px; color: #fff;}
section#slider .owl-carousel .owl-nav button.owl-next {right: 0px;color: #fff;}
    section#highlights .highlight .highlight-foto-col {z-index: 2;}
    section#highlights .highlight .highlight-foto img {width: 100%;}
    section#highlights .highlight .highlight-text-col {order: 1;padding: 0 15px;margin-top: -15px;}
    section#highlights .highlight .highlight-text, section#highlights .highlight:nth-child(2n) .highlight-text{padding: 45px 30px 30px 30px;}
    section#highlights .highlight:nth-child(2n) .highlight-text-col {padding: 0 15px;}

}