@import "https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap";
html,body{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-family:'Saira Condensed',sans-serif;color:#eee;background: #f5f5f5;}
body.scrollHidden{overflow:hidden!important}
*{box-sizing:border-box}
a{color: #000;text-decoration:none;}
#preloader { position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:99999;}
	#status {width:100%;height:100%;position:absolute;text-align:center;background-image: url(/assets/img/loading.svg);background-size:50px 50px;background-position: center;background-repeat: no-repeat;}
.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}
section#intro{width:100%;height:100vh}
section#intro #language{width:100%;position:fixed;bottom:0;text-align:center}
section#intro #language a{display:inline-block;width:15%;margin:1%}
section#intro #language a img{width:100%}
header#header{width:100%;height:60px;position:fixed;top:0;z-index:10000;background: #fff;box-shadow:0 0 20px rgba(0,0,0,.1);}
header#header .baslik{width:calc(100% - 120px);float:left;height:60px;line-height:60px;font-size:26px;text-align:center;text-transform:uppercase}
header#header .baslik a{color:#897d73}
header#header .sagmenu{width:60px;float:left;height:60px}
header#header .sagmenu a{display:block;height:100%;padding:10px}
header#header .sagmenu img.geri{height:36px;float:right;filter: invert(1);}
.menu{float:left;width:60px;height:60px; visibility: hidden;}
.menu.fixed{position:fixed;z-index:911;top:10px}
.menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top:28px;background-color: #897d73;border-radius:4px;left:15px;}
.menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #897d73;content:"";top:-10px;border-radius:4px;}
.menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #897d73;content:"";top:10px;border-radius:4px;}
.menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:transparent}
.menu.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)}
.menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.menu:hover{cursor:pointer}
nav#mobileMenu{display:none;position:fixed;top:0;background: #fff;z-index:9999;width:100%;text-align:center;height:100%;overflow-y: auto;}
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 ul img{height:64px;}
nav#mobileMenu li{font-weight:700;text-transform:uppercase}
nav#mobileMenu li a{color: #000;text-decoration:none;display:block;padding:10px;font-size:26px;}
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:#42bd81}
section#liste{padding:80px 20px 20px}
section#liste .kategori-item{position:relative;margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow: 0 0 20px #ccc;height:200px;}
section#liste .kategori-item a{display:block}
section#liste .kategori-item .kategori-foto{width:100%;height:200px;background-size:cover}
section#liste .kategori-item .kategori-foto img{width:100%;border-radius:10px}
section#liste .kategori-item .kategori-baslik{position:absolute;top:0;left:0;right:0;bottom:0;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)}
section#liste .kategori-item .kategori-baslik span{position:absolute;bottom:0;padding:5px 20px;text-transform:uppercase;font-size:32px;font-weight:600}
section#liste ul#urunler{margin:0;padding:0;list-style:none}
section#liste li.urun-item{height: auto;width:100%;background: #fff;margin-bottom:20px;border-radius:10px;box-shadow: 0 0 20px #ccc;overflow:hidden;padding: 0;}
section#liste li.urun-item a{display: flex;height:100%}
section#liste li.urun-item .urun-foto{float:left;width:100px;/* display: none; */}
section#liste li.urun-item .urun-foto img{width:100%;border-radius:10px;height: 100%;object-fit: cover;width: 100px;}
section#liste li.urun-item .urun-text{float:left;width: 100%;padding: 10px;}
section#liste li.urun-item .urun-text h3{margin:0;text-transform:uppercase;font-weight:500;font-size: 20px;line-height: 20px;/* white-space:nowrap; */}
section#liste li.urun-item .urun-text h4{margin: 10px 0;font-size: 14px;line-height: 14px;font-weight:400;color:#aaa;height:auto;overflow:hidden}
section#liste li.urun-item .urun-text h5{margin:0;font-size:36px;color:#FFC107;font-weight:500;line-height:36px}

section#liste li.urun-item-2{height: auto;width:100%;background: #fff;margin-bottom:20px;border-radius:10px;box-shadow: 0 0 20px #ccc;overflow:hidden;padding: 0;aspect-ratio: 16/9;}
section#liste li.urun-item-2 a{height:100%;position: relative;display: block;width: 100%;overflow: hidden;}
section#liste li.urun-item-2 .urun-foto{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
section#liste li.urun-item-2 .urun-foto img{width:100%;border-radius:10px;height: 100%;object-fit: cover;z-index: 0;}
section#liste li.urun-item-2 .urun-text{width: 100%;padding: 30px 10px 10px 10px;position: absolute;bottom: 0;left: 0;background: linear-gradient(0deg, black, transparent);}
section#liste li.urun-item-2 .urun-text h3{margin:0;text-transform:uppercase;font-weight:500;font-size: 20px;line-height: 20px;/* white-space:nowrap; */color: #fff;}
section#liste li.urun-item-2 .urun-text h4{margin: 10px 0;font-size: 14px;line-height: 14px;font-weight:400;color: #fff;height:auto;overflow:hidden}
section#liste li.urun-item-2 .urun-text h5{margin:0;font-size: 20px;color: #fff;font-weight:500;line-height: 28px;}


section#detay{padding:60px 0 0}
section#detay #icerik{padding:0 20px 20px;letter-spacing:1px;font-size:20px;font-weight:200;line-height:20px;color: #000;}
section#detay #slider{width:100%;position:relative;height:300px;top:0;z-index:0}
section#detay #slider .owl-carousel .item{background-position:center;background-size:cover;height:300px}
.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:#c00}
.owl-carousel .owl-nav button:focus{outline:none}