html, body {margin: 0;padding: 0; background-color:#f4f4f4; }
	a{text-decoration:none; color:#ddd; }
	
	
	.kart{width:%100;background-color:#fff;border-style:solid; border-radius:5px ; border-width:1px ; border-color:#f1f1f1;}	 
	.kart:hover{box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.5) ;}
	.kampanya{border-radius: 30px 30px 30px 30px;}	 
	.kalp{border-radius: 30px 30px 30px 30px; color:#ccc;position:absolute;width:10%; height:auto;display:block;float:right;}
	.kalp:hover{  color:red;cursor:pointer;}
	.urun-resmi{width:%100;border-radius: 5px 5px 0px 0px    }
	.urun-ismi{color:#000;}
	.fiyat{font-weight:bold; color:red;text-align:center;font-size:1.0em;}
	.ekle{padding:5px;margin-bottom:0; margin-top:auto;text-align:center;font-size:1.0em; color:#555; width:%100;background-color:#ffdf00;border-radius:3px ;font-weight:bold;}
	.ekle:hover{  color:#ddd; background-color:#0099ff; cursor: pointer; }
	.sabit{position: sticky; z-index:11; top:0;  border: 0px solid #73AD21; }   
	.sabit a:hover{ color:#fff; }	
	.urunsayisi{ font-size:15px;height:20px;width:20px;margin-left:0px;margin-top:-13px;  color:fff; border-radius: 30px 30px 30px 30px;  }
    .slider {width: 50%; margin: 100px auto;   }
    .slick-slide {margin: 0px 20px; }
    .slick-slide img {width: 100%;}
    .slick-prev:before,.slick-next:before {color: black;  }
    .slick-slide { transition: all ease-in-out .3s;      opacity: .2;   }   
    .slick-active { opacity: .5; }
    .slick-current { opacity: 1;  }
	.sabit2{position: sticky; z-index:11; bottom:0;  border: 0px solid #73AD21; } 
	.sepetkutusu{ width:30px; float:right}
	.site-adi{font-size:17px; font-weight:bold;color:#fff; padding:4px; color:#eee}
	.home-ikon{width:25px;height:25px; }
	.hmenu{float:left;width:40px; display:block;   }
	.ara-form{float:left;width:70%; display:block;  color:#555;}	
	.ara{float:left;width:40px;display:block; }
	.arti{font-weight: bold; font-size: 1.1em; color:#0cc60c;}
	/* Add a black background color to the top navigation bar */
 .topnav {
  overflow: hidden;
  background-color: #e9e9e9;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}