@import url('https://fonts.googleapis.com/css?family=Exo+2:400,500,600,700,800,900&display=swap&subset=cyrillic,latin-ext');
/* PUBLIC SETTINGS */
*, html, body{margin: 0;padding: 0;font-family: 'Exo 2', sans-serif;}
html, body{width: 100%;height: 100%;font-family: 'Exo 2', sans-serif;}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
::-webkit-scrollbar {position: fixed;top:right: 0;height: 100%; width: 3px;background: transparent; }
::-webkit-scrollbar-thumb {background-color: rgb(120, 123, 123);}
::-webkit-scrollbar-thumb:hover {background-color: rgb(120, 123, 123);}
/* BASIC SETTINGS */
.satir_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.satir_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.satir_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
.ul_sifirla{list-style-type: none;margin: 0;padding:0;}
.height100{height: 100%;}
.y_scroll{height: 100%; overflow-y: scroll;}
.row_ayar{justify-content: center;-webkit-justify-content: center; justify-content: space-between;-webkit-justify-content:space-between; justify-content: space-evenly;-webkit-justify-content: space-evenly;}


/* HEADER CSS SETTINGS */
#part_body{  background-color: #333;
	position: fixed;
	display: block;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: #fff;
	box-shadow: 0 0 10px #ccc;
	transition: top 1s;
}
.part_nav{position: relative; display: flex;align-items: center; width: 100%;height: 100%;}
.logo{display: flex;align-items: center;height: 50px;max-width: 150px;}
.logo_img{max-width: 100%;max-height: 40px;}
.content_body{position: absolute;height: 100%;display: flex;align-items: center;}
.part_text{font-size: 13px;}
@media (min-width: 768px){.content_body{right: 0;} .logo{width: 140px;max-height: 50px;padding: 10px;}}
@media (max-width: 768px){.content_body{right: 10px;}.logo{width: 140px;max-height: 50px;padding: 10px;}}

/*HOME PAGE CSS SETTINGS*/
.body_axis{position: relative;top: 70px;}
.login_language_body{position: absolute;top: 15px;right: 15px;z-index: 2;}
.home_product{padding-bottom: 100px !important;}
.home_logo{max-width: 250px;height: 180px;width: 100%;margin: 0 auto;}
.home_logo_img{width: 100%;height: 100%;object-fit: contain;}
.home_btn1{display: block;color: #fff;max-width: 300px;width: 100%;padding: 15px 10px;box-shadow: 0 4px 15px 1px #0000002b;border-radius: 25px;margin: 0 auto;text-align: center;font-size: 1rem;font-weight: 700;background-color: var(--girisbg2);background-image: linear-gradient(43deg, var(--girisbtn) 0%, var(--girisbtn) 46%, var(--girisbtn) 100%);transition: all 0.6s;}
.home_btn1:hover{color: #fff;box-shadow: 0 4px 20px 1px #000;transition: all 0.6s;}
/*MENU CATEGORI CART SETTINGS*/
.main_btn{overflow: hidden;position: relative;/*box-shadow:0px 0px 12px -5px #000000;*/font-size: 1.2rem;font-weight: 500;color: #fff;height: 130px;display: flex;align-items: center;justify-content: center;background-color: #d4d6d6;/* border-radius: 7px; */}
.main_btn:hover{color: #000000;transition: all 0.3s;}
@media (min-width: 500px){.main_btn{width: 48%;}}
@media (min-width: 992px){.main_btn{width: 30%;}}
@media (max-width: 500px){.main_btn{width: 95%;}}
.main_img{max-width: 100%;height: 100%;object-fit: cover;/* border-radius: 7px; */}
.main_text{position: absolute;/* border-radius: 0 0 7px 7px; */bottom: 0;left: 0;width: 100%;text-align: center;display: -ms-flexbox;padding: 4px 10px 4px 10px;background-color: #d8056d;}





/*MENUBAR CSS SETTINGS*/
#menubar_body{position: fixed;z-index: 999;transition: bottom 1s;bottom: 0;left: 0;display: flex;justify-content: center;
	align-items: center; gap: 15px; width: 100%;background-color: #ffffff;overflow: hidden;padding: 3px 0;box-shadow: 0px 1px 10px -2px #000;}
.menubar_a{position: relative;padding: 0 5px;color: #292828;}
.menubar_a:last-child{border-right: 0px solid #ffffff;}
.menubar_a:hover .menubar_icon{color: var(--hover1);}
.menubar_a:hover .menubar_name{color: var(--hover1);}
.menubar_icon{position: relative;text-align: center;display: block;font-size: 22px;line-height: 22px;}
.menubar_count{position: absolute;top: -1px;background-color: #fff;color: #000;border-radius: 3px;font-size: 10px;font-weight: bold;padding: 0 1px;line-height: 15px;/* margin-right: 10px; *//* left: 10px; *//* right: 7%; */}
.menubar_name{display: block;text-align: center; width: 100%;font-size: 11px;}
/* BREADCRUMB CSS SETTINGS*/
.breadcrumb_body{position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 60px;background-color: #fff;box-shadow: 0 0 20px #ccc;}
.go_back_btn{position: absolute;z-index: 99;top: 0;left: 0;height: 100%;display: flex;align-items: center;width: 50px;justify-content: center;  color: #020202 !important;/*border-right: 1px solid #ccc;*/ font-size: 30px;font-weight: bold;color: blue;}
.breadcrumb_content{position: relative;display: flex;align-items: center;height: 100%; width: 100%;padding-left: 60px;justify-content: center;margin-left: -25px;}
.breadcrumb_title{font-size: 20px;font-weight: bold;text-align: center;}
.breadcrumb_body_content{position: relative;display: block;width: 100%;height: 100%;padding-top: 70px;padding-bottom: 30px;}




/*PRODUCT CSS SETTINGS*/
.product_body{display: grid; -webkit-display: grid;grid-template-rows: auto;padding-bottom: 130px !important;}
@media (max-width: 575px){.product_body{padding: 0 15px;}}
@media (max-width: 450px){.product_body{grid-template-columns: repeat(1, 1fr);grid-gap: 15px 20px;}}
@media (min-width: 450px){.product_body{grid-template-columns: repeat(2, 1fr);grid-gap: 15px 20px;}}
@media (min-width: 768px){.product_body{grid-template-columns: repeat(3, 1fr);grid-gap: 15px 20px;}}
.product_content{position: relative;cursor: pointer;padding-top: 25px;}
@media (max-width: 500px){.product_content{height: 170px;}}
@media (min-width: 500px){.product_content{height: 170px;}}
@media (min-width: 768px){.product_content{height: 200px;}}

.product_section{position: relative; width: 100%;height: 100%;overflow: hidden;border-radius: 6px;box-shadow: 0 6px 20px 2px #8c8c8c;}
.product_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.product_title{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;color: #000;padding:0 5px;font-weight: 600;}
.product_price{position: absolute;font-size: 13px;z-index: 2;top: 0;right: 5%;padding: 5px 10px;color: #fff;background-color: var(--icn);box-shadow: 0px 3px 12px #1b0000;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.product_time{position: absolute;z-index: 2;bottom: 0;left: 5%;min-width: 60px;background-color: var(--icn);border-top-right-radius: 6px;border-top-left-radius: 6px;box-shadow:0px -3px 12px #1b0000;}
.product_time_content{position: relative;padding-top: 14px;}
.product_time_content > i{position: absolute;top: 5px;left: 0;width: 100%; color: yellow;font-size: 15px;}
.product_time_content > span{font-size: 12px;color: #fff;font-weight: 700;}
.product_detail{position: absolute;bottom: 0;right: 0;font-size: 13px;background-color: var(--icn);padding:5px 10px;border-top-left-radius: 6px;color: #fff;box-shadow: 1px 2px 12px #1b0000;}






/* SECENEKLER CHECBOX CSS AYARI*/
.options_container {margin: 0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.option_title1{margin: 0; font-size: 1.1em; color: #585657; border-left: 4px solid var(--border); border-bottom: 1px solid var(--border);}
.items {display: flex; flex-direction: column;counter-reset: done_items undone_items; }
.option_title2{position: relative;margin: 0;color: #b10909;padding: 10px 0;font-size: 1em;}
.option_title2::before {content: ''; display: block; position: absolute; top: 10px; bottom: 10px; left: -10px; width: 4px; background-color: var(--border); }
.option_title2::after {display: block; float: right; font-weight: normal; }
.item_selected {order: 1; }
.item_selected::after {content: ' (' counter(done_items) ')';}
.item_unselected {order: 3; }
.item_unselected::after {content: ' (' counter(undone_items) ')';}
.item_input{display: block; height: 53px; margin: 0 0 -53px -9999px; order: 4; outline: none; counter-increment: undone_items; }
.item_input:checked {order: 2; counter-increment: done_items; }
.item_label {display: block; position: relative;margin: 0;border-top: 1px dashed #b9b7b7; order: 4; cursor: pointer; -webkit-animation: undoneanimasyon .5s; animation: undoneanimasyon .5s; }
.item_label::before {content: '\f111';font-family:"Font Awesome 5 Pro"; display: block; position: absolute; top: 11px;}
.item_label:hover, .item_input:focus + .item_label {background-color: rgba(255, 255, 255, .2);}
.item_input:checked + .item_label {order: 2; -webkit-animation: doneanimasyom .5s; animation: doneanimasyom .5s; }
.item_input:checked + .item_label::before {font-weight: 900; content: '\f00c';font-family: "Font Awesome 5 Pro";}

@media (min-width: 500px){
	.option_title1{padding:5px 10px;}
	.items {padding: 0 20px;}
	.item_label {padding: 10px 0 10px 45px;}
	.item_label::before {left: 10px;}
}
@media (max-width: 500px){
	.option_title1{padding: 2px 0px 2px 5px;}
	.items {padding: 0 3px 0 12px;}
	.item_label {padding: 10px 0 10px 20px;}
	.item_label::before {left: 0px;}
}

@-webkit-keyframes doneanimasyom {
	0% {opacity: 0; background-color: rgba(255, 255, 255, .4); -webkit-transform: translateY(20px); transform: translateY(20px); }
	50% {opacity: 1; background-color: rgba(255, 255, 255, .4); }
}
@-webkit-keyframes undoneanimasyon {
	0% {opacity: 0; background-color: rgba(255, 255, 255, .4); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
	50% {opacity: 1; background-color: rgba(255, 255, 255, .4); }
}


/*MIKTAR BUTTONLAR CSS AYARI*/
.number_body {width: 150px;margin: 0 auto;overflow: hidden;flex: 0 0 auto;display: flex;align-items: center;background-color: #fff;border-radius: 5px;justify-content: center;}
.number_counter {position: relative;width: 60px;height: 50px;color: #333C48;background-color: #ccc;text-align: center;overflow: hidden;}
.number_counter.is_input .number_counter_num {visability: hidden; opacity: 0; transition: opacity 100ms ease-in; }
.number_counter.is_input .number_counter_input {visability: visible; opacity: 1; transition: opacity 100ms ease-in; }
.number_counter_input {width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; z-index: 2; box-shadow: none; outline: none; border: none; color: #b10909; text-align: center; visability: hidden; font-size: 14px; font-weight: 600; opacity: 0; background: transparent; transition: opacity 100ms ease-in; }
.number_counter_num {position: absolute;display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 500;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;visability: visible;opacity: 1;transition: opacity 1000ms ease-in;}
.number_counter_num.is_max_hide {opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-animation: increment-prev 100ms ease-in; animation: increment-prev 100ms ease-in; }
.number_counter_num.is_max_visible {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: increment-next 100ms ease-out; animation: increment-next 100ms ease-out; }
.number_counter_num.is_min_hide {opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-animation: decrement-prev 100ms ease-in; animation: decrement-prev 100ms ease-in; }
.number_counter_num.is_min_visible {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: decrement-next 100ms ease-out; animation: decrement-next 100ms ease-out; }
.number_btn {width: 45px;line-height: 50px;text-align: center;color: #fff;font-size: 1.6rem;font-weight: 700;cursor: pointer;background-color: #d8056d;transition: background-color 100ms ease-in;}
.number_btn:hover {background-color: #3c3b3b; transition: background-color 100ms ease-in; }
.number_btn:active {background-color: #3c3b3b; transition: background-color 100ms ease-in; }
.number_btn_min {border-radius: 5px 0 0 5px; }
.number_btn_max {border-radius: 0 5px 5px 0; }
@-webkit-keyframes decrement-prev {from {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes decrement-prev {from {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@-webkit-keyframes decrement-next {from {opacity: 0; -webkit-transform: translateY(-50px);transform: translateY(-50px); } }
@keyframes decrement-next {from {opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); } }
@-webkit-keyframes increment-prev {from {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes increment-prev {from {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes increment-next {from {opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } }
@keyframes increment-next {from {opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } }

.btn_accordion{position: relative; display: block;margin: 0 auto;max-width: 350px;transition: all 0.5s ease 0s;width: 100%;border: 2px solid #b10909;padding: 5px;border-radius: 10px;overflow: hidden;}
.btn_accordion_text{display: block;font-size: 13px;color: #434344;transition: all 0.5s ease 0s;}
.btn_accordion_price{display: block;font-size: 17px;font-weight: 600;color: #b10909;transition: all 0.5s ease 0s;}
.btn_accordion:hover{border-radius: 50px;background-color: #e8c30b;transition: all 0.5s ease 0s;}
.btn_accordion:hover .btn_accordion_text{color: #fff;text-shadow: 0 0 7px #151515; font-size: 15px;font-weight: 500;padding-left: 28px; transition: all 0.5s ease 0s;}
.btn_accordion:hover .btn_accordion_price{font-size: 19px;padding-left: 28px;font-weight: 700;text-shadow: 0 0 4px #e21616;transition: all 0.5s ease 0s;}
.btn_accordion:hover::before{position: absolute; display:flex; align-items: center; justify-content: center; content: "\f2e7"; font-family: "Font Awesome 5 Pro"; font-weight: 900; background-color: #b10909; top: 0; left: 0; height: 100%; width: 45px; color: #fff; font-size: 18px; transition: all 0.5s ease 0s; }




/* PRODUCT DETAIL CSS SETTINGS */
.product_option_body{width: 100%; background-color: #f1f1f1;padding: 5px 10px; border-radius: 6px;}
.product_option_body > i{font-size: 17px;color: var(--i);}
.product_option_body > span{padding-left: 5px;font-size: 12px;font-weight: 600;}


/*LANGUAGE CSS SETTINGS*/
.language_body{display: flex;align-items: center;color: #000;transition: 1s all;}
.language_body:hover .language_title{background-color: #31a76d; color: #fff;transition: 1s all;}
.language_img1{ width: 40px; height: 40px; flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.language_img{width: 60px; height: 44px;flex-shrink: 0;overflow: hidden;display: flex; align-items: center; justify-content: center;background-color: #ececec;padding-left: 5px;padding-right: 5px;border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.language_img > img{    width: auto; max-width: 100% !important; height: 38px;object-fit: contain;}
.language_title{   width: 100%;
    background-color: #ececec;
    text-align: center;
    padding: 10px 10px;
    font-size: 1rem;
    margin-left: 10px; 
    font-weight: 600; 
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
/*.language_title{width: 100%; background-color: #ececec;box-shadow: 0 0 7px 0px #d2d2da, 0 0 8px #ececec;border-radius: 50px;text-align: center;padding: 5px 10px; margin-left: 10px;font-size: 1rem;font-weight: 700;}
*/.language_active{background-color: #31a76d; color: #fff;/*transition: 1s all;*/}



/* (GARSON CAGIR) WAITER CSS SETTINGS */
.ust_bg1{position: relative;width: 100%;height: 100%;}
.waiter_body{position: relative;z-index: 2;padding-top: 100px; width: 100%;min-height: 250px; text-align: center;}
.waiter_style {position: relative; display: inline-block;}
/*.waiter_style:before {position: absolute; z-index: -1; content: ""; display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; width: 100%; height: 1px; top: 40%; }*/
.waiter_icon{font-size: 60px;}
.waiter_a:link, .waiter_a:visited {position: relative; display: flex; align-items: center; justify-content: center; text-decoration: none; background-color: #f7f7f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); color: #a7a7a7; margin: 0 36px 20px 36px;border-radius: 50%; box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff; border: solid 1px transparent; }
@media (min-width: 768px){.waiter_a:link, .waiter_a:visited {width: 140px; height: 140px;}}
@media (max-width: 768px){.waiter_a:link, .waiter_a:visited {width: 110px; height: 110px;}}
.waiter_a:before {content: ""; display: block; background: #fff; border-top: 2px solid #ddd; position: absolute; top: -18px; left: -18px; bottom: -18px; right: -18px; z-index: -1; border-radius: 50%; box-shadow: inset 0px 8px 48px #ddd; }
.waiter_a:active {box-shadow: none; border: solid 1px #a7a7a7; }


/* ORDERS CSS SETTINGS*/
.orders_body{position: relative;display: block;width: 100%;background-color: #f5fafb;}
.orders_title{width: 100%;font-size: 1rem;font-weight: 600;padding: 0 10px;padding-right: 25px;}
.orders_unit{width: 50%;font-size: 0.7rem;font-weight: 500;color: #b10909;padding-left: 10px;}
.orders_option{width: 50%;font-size: 0.7rem;font-weight: 500;color: #690909;padding-left: 10px;}
.orders_price{width: 50%;font-size: 0.8rem;font-weight: 600;color: #b10909;text-align: center;}
.orders_delete{position: absolute;z-index: 2; top: 2px;right: 7px;text-align: center;color: #000;}
.orders_delete:hover{color: #b10909;}
.removed-item {-webkit-animation: removed-item-animation .6s cubic-bezier(.55,-0.04,.91,.94) forwards; -o-animation: removed-item-animation .6s cubic-bezier(.55,-0.04,.91,.94) forwards; animation: removed-item-animation .6s cubic-bezier(.55,-0.04,.91,.94) forwards }
@keyframes removed-item-animation {from {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } to {-webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0 } }
@-webkit-keyframes removed-item-animation {from {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } to {-webkit-transform: scale(0); transform: scale(0); opacity: 0 } }
@-o-keyframes removed-item-animation {from {opacity: 1; -o-transform: scale(1); transform: scale(1) } to {-o-transform: scale(0); transform: scale(0); opacity: 0 } }
.orders_btn{    position: fixed;
    z-index: 999;
    bottom: 60px;
    left: 0;
    right: 0; display: block; color: #fff; max-width: 300px; width: 100%; padding: 15px 10px; box-shadow: 0 4px 15px 1px #9c9c9c; border-radius: 50px; margin: 0 auto; text-align: center; font-size: 1rem; font-weight: 700; background-color: #ff007e;transition: all 0.6s;}
.orders_btn:hover{color: #000;box-shadow: 0 4px 20px 1px #cc9806;background-color: #f7b807;transition: all 0.6s;}
.orders_text1{font-size: 0.9rem; color: #585858;}
.orders_price2{font-size: 1.4rem;color: #000;}
.orders_body:nth-of-type(odd) {background-color: #e6e6e6;}






/* ADDITION CSS SETTINGS */
.account_body{position: relative; display: block; width: 260px; height: 250px; border-radius: 50%; border: 10px solid #b10932; margin: 0 auto; box-shadow: 0px 0px 20px 1px #878788, inset -2px -4px 7px 9px #e4e4e4; }
.account_title{position: absolute; width: 100%; top: 20%; left: 0; text-align: center; color: #797878; font-size: 0.8rem; font-weight: 500; }
.account_title i{display: block;font-size: 2rem;}
.account_price{position: absolute;color: #000; width: 100%;bottom: 19%;left: 0;text-align: center;font-size: 2.5rem;font-weight: 900;}
.account_price span{display: block; font-size: 1.5rem;font-weight: 700;}



.o_count_green{background-color: var(--siparisbtn) !important;color: #fff;}
.o_fa_green{color: var(--siparisbtn) !important;}









/*HOME WAVES CSS*/
.home_header_bg {position:relative;background: linear-gradient(60deg, var(--girisbg1) 0%, var(--girisbg2) 100%);color:white;}
.waves {position:relative; margin-top: 100px; width: 100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:100px; max-height:150px;}
/* Animation */
.parallax > use {animation: move-forever 20s cubic-bezier(.55,.5,.45,.5)infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s; animation-duration: 7s;} 
.parallax > use:nth-child(2) {animation-delay: -3s; animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s; animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s; animation-duration: 20s;}
@keyframes move-forever {
	0% {transform: translate3d(-90px,0,0); }
	100% {transform: translate3d(85px,0,0); }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
	.waves {height:40px; min-height:40px; }
	.content {height:30vh; }

}










@media (max-width: 568px){
	.xsp0{ padding: 0px !important; } 
	.xsp1{ padding: 1px !important; } 
	.xsp2{ padding: 2px !important; } 
	.xsp3{ padding: 3px !important; } 
	.xsp4{ padding: 4px !important; } 
	.xsp5{ padding: 5px !important; }
	.xspl0{ padding-left: 0px !important; }
	.xspl1{ padding-left: 1px !important; }
	.xspl2{ padding-left: 2px !important; }
	.xspl3{ padding-left: 3px !important; }
	.xspl4{ padding-left: 4px !important; }
	.xspl5{ padding-left: 5px !important; }
	.xspr0{ padding-right: 0px !important; }
	.xspr1{ padding-right: 1px !important; }
	.xspr2{ padding-right: 2px !important; }
	.xspr3{ padding-right: 3px !important; }
	.xspr4{ padding-right: 4px !important; }
	.xspr5{ padding-right: 5px !important; }
}



.table_no_body{/*grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr 2fr;grid-gap: 20px;*/justify-content: center; width: 100%;}
.table_no_content{padding-left: 5px;padding-right: 5px; display: block;height: 40px;width: 100%;line-height: 40px;background-color: #ccc;color: #000;text-align: center;font-size: 1.5rem;font-weight: 600;border-radius: 6px;/* box-shadow: 4px 5px 16px #bebfbf, inset 0 0 11px 1px #afb0b1; */}
.table_no_content:hover{color: #c10303;}
.table_no_full{background-color: #047d04;color: #fff;}
.table_no_full2{background-color: #1b5fdc;color: #fff;}




/* TITRESIMLI BTN CSS AYARI*/
@-webkit-keyframes btn_vibration {
  50% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
  100% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
}
@keyframes btn_vibration {
  50% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
  100% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
}
.btn_vibration{vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-animation-name: btn_vibration; animation-name: btn_vibration; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }



/*02.02.2020*/
.lang_logo{max-width: 250px;height: 60px;width: 100%;margin: 0 auto;}
.lang_logo_img{width: 100%;height: 100%;object-fit: contain;}



/* ----- MODAL STYLE ----- */
  .modal.left .modal-dialog,
  .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  .modal.left .modal-content, .modal.right .modal-content {height: 100%; overflow-y: auto; }
  .modal.left .modal-body, .modal.right .modal-body {padding: 15px 15px 80px; }        
/*Right*/
  .modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
  }  
.modal.right.fade.show .modal-dialog {right: 0; }

.geri_btn{border: 1px solid #cec9c9; width: 25px; text-align: center; border-radius: 5px; position: absolute;padding-right: 2px;}
.modal-header {padding: 0.6rem 1rem; }
.mdl_baslik{text-align: center;width: 100%;}
.modal-content{border-radius: 0; border: none;}
.modal-header {border-bottom-color: #EEEEEE; background-color: #fff; }



/*Ürün CSS { */
.urun_box{display: flex; cursor: pointer;width: 100%; -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.15); box-shadow: 2px 2px 10px rgba(0,0,0,.15); margin-bottom: 10px; border-radius: 5px;}
.u_resim{width: 90px;height: 90px;overflow: hidden;margin-right: 5px;}
.u_resim img{max-height: 90px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;min-width: 90px;object-fit: cover;}
.u_info{width: auto;position: relative;}
.product_time1{background-color: #eceaea; min-width: 50px; border-radius: 5px; text-align: center; }
.product_time1 i{color: var(--i); }
.ozellikler{display: flex;align-items: center;position: absolute; bottom:5px;}
.glutensiz{font-size: 10px !important; margin-left: 4px; color: rgb(227, 200, 0);}
.vejeteryan{margin-left: 4px; color: green;}
.vegan{margin-left: 4px; color: orange;}
/*Ürün CSS } */

/*Menu Kategori CSS { */
.section-title h2 {text-align: center; font-size: 18px; font-weight: 600; text-transform: uppercase; padding-bottom: 6px; color: #000; letter-spacing: 0.3px; padding: 0; }
.swiper-slide{width: 150px !important; height: 140px; margin-right: 10px; cursor: pointer; }
.aktif .active{background-color: #000; height: 3px; width: 98% !important; border-radius: 3px; }
.swiper-slide{}
.swiper-slide img{width: 100%; max-width: 100% !important; height: 100%; border-radius: 10px;}
.swiper_slide_img {max-height: 80px; overflow: hidden;border-radius: 10px 10px 10px;}
.aktif {margin-right: 30px; background-color: #f7f7f7; border-radius: 10px; overflow: hidden;} 
.aktif > .swiper_slide_img {max-height: 80px; overflow: hidden;border-radius: 0px;}
.kate_adi{display: block; width: 100%; text-align: center; font-size: 0.7rem; color: #716f70; height: 45px; display: flex;align-items: center;justify-content: center; }
/*Menu Kategori CSS } */


/*Ürün Detay*/
.number_counter {position: relative; height: 40px; width: 80px; color: #333C48; background-color: #e6e4e4; text-align: center; overflow: hidden; margin-left: -20px; margin-right: -20px;} 
.number_btn1 {width: 40px; height: 40px; line-height: 33px;color: #fff; font-size: 1.6rem; font-weight: 700; cursor: pointer; background-color: var(--maxmin); transition: background-color 100ms ease-in; text-align: center; border-radius: 50%; z-index: 10; }
.siparisiver_personel{height: 45px; display: flex; align-items: center; text-align: center; justify-content: center; }
.btn_accordion_text{font-size: 20px;color: #fff; } 
.btn_accordion {padding: 0px; border-radius: 8px; }
.modal-header {border-bottom: 0px solid #dee2e6; }
.modal-footer {border-top: 0px solid #dee2e6; }
.number_body{ padding-bottom: 110px !important;}
.btn_siparis{position: fixed; z-index: 999; bottom: 10px; left: 0; right: 0; display: block; margin: 0 auto; transition: all 0.5s ease 0s; width: 95%; padding: 10px 15px; border-radius: 5px; overflow: hidden; background-color: var(--siparisbtn); }
.ozellikler_urundetay{display: flex;align-items: center; text-align: center; justify-content: center;}
.ozellik_txt{font-size: 11px; padding-left: 2px;}



.form-control {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 0px solid #ced4da; border-radius: 0rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.product_option_body ul li{
	margin-left: 15px;
}
.sadece_menu_logo {margin-left: auto; margin-right: auto; }

.kaloribox{display:flex;justify-content:center;align-items:center;}
.kaloribox img{height:16px;}