.ust-bar { background-color: #212121; padding: 10px; }

.ust-bar-sol {float: left;}
.ust-bar-sol li { list-style: none; float: left; }

.ust-bar-sag {float: right;}
.link1 {list-style: none; float: left; padding-top:14px ; padding-right: 15px; color:white; font-size: 18px; font-family: Arial;}
.link1 a {text-decoration: none; color:white; font-size:18px; font-family: Arial;}
.link1 a:link { text-decoration: none; color:white; }
.link1 a:visited { text-decoration: none; color:white; }
.link1 a:hover {text-decoration: none; color:grey; transition: 300ms;}
.link1 a:active { text-decoration: none;  }



.btn1 {list-style: none; float: left; padding-top:14px ; padding-right: 15px;}
.btn1 a {cursor:pointer; transition: all .5s ease-in-out; text-decoration: none; color:black; font-size:18px; font-family: Arial; border:1px solid white; padding:10px; background-color: white;}
.btn1 a:link {text-decoration: none; color: black}
.btn1 a:visited {text-decoration: color:black;}
.btn1 a:hover {text-decoration: none; color:white;  background-color: black;}
.btn1 a:active {text-decoration: none; color: black;}


.aramayazi {
    display:block;
       background-color:white;
       border:none;
       margin-top:8px;
       width:200px;
       padding:7px 10px;
       color:black;
       -webkit-transition:width .5s ease-in-out, background .3s ease;
       -moz-transition:width .5s ease-in-out, background .3s ease;
       -o-transition:width .5s ease-in-out, background .3s ease;
       transition:width .5s ease-in-out, background .3s ease;
}

.aramayazi:focus {
       width:450px;
       background-color:#f6f6f6;


 }
.aramabtn {margin-top: 8px; padding: 7px; border:none; background-color: white; }

.logo { font-size:40px; text-align: center; margin-top: 40px; margin-bottom: 40px;}
.logo img {width: 400px;}

.cizgi {  border-top:1px solid #d9d8d8; border-bottom: 1px solid #d9d8d8; padding-top: 20px; padding-bottom: 10px; margin-bottom: 20px; }


.navmenu ul li {list-style: none; display: inline; margin-right: 15px;  }
.navmenu ul li a { text-decoration: none;  padding: 15px;  color:#777777; font-size: 15px; font-family: Arial; }
.navmenu ul li a:hover {color:black; transition: 500ms; }

.navmenu ul li ul {z-index: 1; display: none; padding: 10px;}
.navmenu ul li ul {left:170px; position: absolute;top: 30px;display: none; width: 1000px;  margin-bottom: 30px; padding-left: 0px; border:1px solid #d9d8d8; background-color: white;}
.navmenu ul li:hover ul {display: block;}
.navmenu ul li ul li {display: list-item; margin-left: 10px; width: 300px; }
.navmenu ul li ul li a { width: 300px; display:block; background-color: #f2f2f2;padding: 0; font-size: 16px; font-family: Arial;  padding:10px; margin-bottom: 5px;}
.navmenu ul li ul li a:hover {background-color: white; transition: 500ms;}
.navmenu ul li ul li:hover { background-color: white;}

.navmenu ul li ul li span img {width: 500px; }
.navmenu ul li ul li span {display: none; margin-left:350px; position: absolute;}
.navmenu ul li ul li:hover span {display: block;}

.slayt {  margin-top:20px; }
.item  { width: 100%;  z-index: -1;}
.carousel {z-index: -1}

.encoksatan { margin-top: 30px; }
.encoksatan span {float: right; margin-left: 10px;}
.encoksatan span a { text-decoration: none; color:#212121; font-family: Arial; transition: all .5s ease-in-out; cursor: pointer; padding: 5px; border-radius: 5px; }
.encoksatan span a:hover {background-color: #212121; color: white; }
.encoksatan h2 { font-family: Arial; }

.encoksatanresim { width:100%; overflow:hidden; margin:0; height:250px; border:1px solid #d9d8d8;}
.encoksatanresim a img { width:100%; margin:-10px 0; }

.encoksatanresim a { display: block; transition: all .3s ease-in-out; cursor: pointer; }
.encoksatanresim a:hover {  margin-top:-70px;}
.encoksatanresim a span { display: block; margin-bottom: 70px; background-color: #212121; float: left; margin:0; width: 100%; height: 110px; padding: 10px; color:white;}

.nargile { margin-bottom: 30px; }
.kahve { margin-bottom: 30px; }

.footer {  background-color: #212121; margin-top: 30px; color:white; padding: 50px;}
.footer h5 { font-weight: bold; font-size:16px; }
.footericon { color:#449cff; }
.footerbaslik { font-size: 15px; font-weight: bold; padding-left: 10px;}
.footericerik { font-size: 13px; color:grey; padding-left: 22px; }

.footerlogo { padding-top: 40px; }
.footerlogo span {font-size: 40px; }
.footerlogo p { font-size:13px; color:grey; margin-top: 5px;}
.footerlogo a { text-decoration: none; font-size:13px; color:white; }
.footerlogo a:hover { color:grey; text-decoration: none; }
.footerlogo span img { width: 250px; margin-bottom: 10px; }
.instagram { width: 50px; }

.footerad, .footersoyad, .footermail, .footertel, .footermesajalan { width: 100%; margin: 5px; border:none; padding: 5px; font-size:13px; color:black;}
.footergonder {border:none; color:black; background-color: white; margin-left: 5px; padding: 5px; transition: 500ms; cursor: pointer;}
.footergonder:hover { background-color: black; color:white; }

.footertablo a { margin-left: 10px; margin-bottom: 5px; }

.urunlerkat { border-bottom: 1px solid #d9d8d8; padding-bottom: 15px; font-family: Arial; font-size: 13px; }
.urunlerbaslik { font-family: Arial; font-size: 35px; color:black; margin-top: 20px; margin-bottom: 20px; border-bottom:1px solid #d9d8d8;}
.uruntablo { padding: 10px; border: 1px solid #ebebeb; text-align: center; font-family: Arial;  }
.uruntabloresim {width:100%; overflow:hidden; margin:0; height: 240px; border:1px solid #ebebeb; margin-bottom: 20px; }
.uruntabloresim a img { width:100%; margin:0px 0; transition: all .5s ease-in-out; }
.uruntabloresim a img:hover { transform: scale(1.2); -webkit-transform: scale(1.2);}
.yenifiyat { margin-top: -10px; }
.uruntabloisim a {padding: 5px; text-decoration: none; color:#545454; }
.uruntabloisim a:hover { text-decoration: none; color:#545454;}
.yenifiyat a {padding: 5px; font-size: 18px; text-decoration: none; color:#545454;}
.yenifiyat a:hover { text-decoration: none; color:#545454; }
.eskifiyat a {padding: 5px; font-size: 18px; text-decoration:line-through; color:#9a9a9a; }
.eskifiyat a:hover { text-decoration: line-through; color:#9a9a9a; }

.tekurun h1 { font-family: Arial; color:black; }
.tekurunresim { width: 100%; overflow:hidden; margin:0; height: 600px; margin-top: 40px; }
.tekurunresim img { width: 100%; margin:-10px 0; }
.t_eskifiyat {font-family: Arial; font-size:30px; text-decoration: line-through; color:#9a9a9a; }
.t_yenifiyat {font-family: Arial; font-size: 30px; color:black; margin-left: 5px; }
.tekurunsag { margin-top: 90px; }
.kdv { font-family: Arial; color:#9a9a9a; font-size:15px; }
.tekurunsag { border-bottom:1px solid #ebebeb; padding-bottom: 30px; }
.sepetekle { }
.sepetekleinput { border:1px solid black; text-decoration: none; background-color: black; font-size: 18px; font-family: Arial; color:white; padding: 15px; transition: all .2s ease-in-out;cursor: pointer; }
.sepetekleinput:hover {border:1px solid black; background-color: white; color:black; text-decoration: none;}
.tekurunsagaciklama { padding-top: 30px; font-family: Arial; color:#545454; }
.hacimlitre { font-family: Arial; font-size: 18px; font-weight: bold; }

.bildirim { text-align: center; margin-top: 20px;  }
.bildirim img { width: 100px; }

.btn2 { border:none; }

.sepet h2 { font-family: Arial; }
.sepetalt a { text-decoration: none; margin-left: 10px; border:1px solid #ebebeb; font-family: Arial; font-size:18px; padding: 10px; color:black; transition: all .2s ease-in-out;cursor: pointer; }
.sepetalt a:hover { text-decoration: none; border:1px solid black; background-color: black; color:white; }
.sepettablo { text-align: center; font-family: Arial; vertical-align: middle; }
.sepettablobaslik { font-size: 16px; color:black;  }
.sepettablourun { color:#545454; font-size: 15px; }
.sepettablourun input { border:none; background-color: white; color:black; font-weight: bold; padding: 5px; transition: all .2s ease-in-out;cursor: pointer;}
.sepettablourun input:hover { background-color: black; color:white; }
.sepettabloresim img { width: 80px; }

.sepetsayi { background-color: #ebebeb; border:1px solid #ebebeb;  }

.quantity-input {
       text-align: center;
       width: 80px;
       font-size: 18px; font-family: Arial; padding: 15px; 
       background-color: #ebebeb; 
       border:none;

}
 
.quantity-minus, .quantity-plus {
    color: black;
    background-color: none;
    border:none;

}


.uyeoltablo { font-family: Arial; font-size: 15px;  } 
.uyeolbaslik { padding-top:10px; }
.uyeolbaslik h2 {font-family: Arial; color:black;}
.uyeolbaslik h1 {font-family: Arial; color:black;}
.uyeolbaslik h4 {font-family: Arial; color:black;}
.uyeolbaslik p {font-family: Arial; color:grey; margin-left: 10px;}
.uyeolyazi {font-family: Arial; padding: 20px; float: right; font-size: 15px; }
.uyeolinput {font-size: 15px; font-family: Arial; margin: 10px; padding: 9px; width: 100%; border:none; border:1px solid #E0E0E0; }
.uyekayitol input {font-size: 15px; margin:10px;  border:none; font-family: Arial; padding: 10px;background-color: black; border:1px solid black; color:white;transition: all .2s ease-in-out;cursor: pointer;}
.uyekayitol input:hover {font-family: Arial; background-color: white; color:black;}

.uyegiris { margin:10px;  border:none; font-family: Arial; padding: 10px;background-color: black; border:1px solid black; color:white;transition: all .2s ease-in-out;cursor: pointer;}
.uyegiris:hover {background-color: white; color:black;}
.uyegiris2 { margin:10px;  border:none; font-family: Arial; padding: 10px;background-color: white; border:1px solid black; color:black;transition: all .2s ease-in-out;cursor: pointer;}
.uyegiris2:hover {background-color: black; color:white;}

.pmgonder input {font-size: 15px; margin:10px;  border:none; font-family: Arial; padding: 10px;background-color: black; border:1px solid black; color:white;transition: all .2s ease-in-out;cursor: pointer;}
.pmgonder input:hover {font-family: Arial; background-color: white; color:black;}

.gelenmesaj { padding: 20px; border:1px solid #ebebeb; font-family: Arial; }
.gelenmesaj h4 { font-weight: bold; font-family: Arial; }
.gelentarih { float: right; font-weight: bold; color:grey; font-family: Arial; }
.gelenkategori { color:grey; font-family: Arial;}

.sepetionayla { font-family: Arial; }

.siparismus { border:1px solid #ebebeb; padding: 10px;}
.siparistablo { font-family: Arial; }
.sipcizgi { border-bottom:1px solid #ebebeb; }
.siparistablo tr td { padding:10px; }
.sipbas { font-size: 14px; color:black; }
.sipic { color:grey; }



.odemeyol { margin-top: 10px; }
.banka img { width: 200px; margin-bottom: 20px; }
.bankaresim { text-align: center; }
.vakif { border:1px solid #ebebeb; padding: 10px; margin: 10px; width: 70%; }
.bankatablo tr td { padding: 10px;}
.uyari { margin-top: 10px; }

.mng { margin-top: 20px; }
.mng p { font-family: Arial; font-size: 18px; margin-top: 70px; color:grey; }


.mobilmenu { padding: 0px; margin:0px; }
.mobilmenu li { list-style: none; float: left; margin-left: 10px;}
.mobilmenu li a { text-decoration: none; font-size: 17px; color:white;}
.mobilmenu li a:hover { color:grey; }

/*
.menu ul li ul { position: absolute; margin-left:150px; top: 15px;display: none; width: 900px; padding-left: 0px; border:1px solid grey; background-color: white;}
.menu ul li ul li {display: list-item; }
.menu ul li ul li a { left:0; padding: 10px;}
.menu ul li:hover ul { display: block; }
.menu ul li:hover ul, li.over ul{ display: block; }

*/