.sn_urun_anasayfa{background:#fff;margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:5px;box-shadow:3px 3px 4px #ddd;-moz-box-shadow:3px 3px 4px #ddd;-webkit-box-shadow:3px 3px 4px #ddd;}
.sn_urun_anasayfa:hover{border:1px solid #dc3545;}
.sn_urun_anasayfa h2{font-size:16px;margin-top: 10px;}
.sn_urun_populer{z-index:5;position:absolute;right:30px;font-size: 35px;color: #f7ca42;margin-top:5px;}
.sn_urun_populer_oku{z-index:5;position:absolute;right:0;top:0;margin-top:140px;margin-right:30px;}
.sn_urun_anasayfa_resim{box-shadow:2px 2px 3px #ddd;-moz-box-shadow:2px 2px 3px #ddd;-webkit-box-shadow:2px 2px 3px #ddd;padding:5px;}
.sn_urun_anasayfa_alt{background:#fff;border-radius:10px;text-align:center;border:1px solid #ededed;}
.sn_urun_anasayfa_alt img{border-radius:10px;margin:auto;}
.sn_urun_anasayfa_alt:hover{background:#ededed;border-radius:10px;text-align:center;border:1px solid #ddd;}
.sn_urun_anasayfa_baslik{font-size:18px;font-weight:bold;float:left;color:red;margin-bottom:10px;}
.sn_urun_anasayfa_tum{font-size:18px;font-weight:bold;float:right;}
.sn_urun_yan_kategori ul{width:250px;margin:0;padding:0;list-style:none;}
.sn_urun_yan_kategori li{font-size:15px;margin-bottom:15px;padding:3px;color:#000;}
.sn_urun_yan_kategori ul li i{margin-right:5px;}
.sn_urun_yan_kategori ul li span{width:24px;height:24px;display:inline-block;text-align:center;margin-left:5px;line-height:24px;float:right;}
.sn_urun_oku_ust{position:relative;background-image:url(/Sayfalar/Urunler/css/urunarka.png);background-repeat:no-repeat;background-size:cover;height:30%;width:100%;}
.sn_urun_oku_ust_yazi{padding:30px 0;color:#fff;position:absolute;z-index:9;}
.sn_urun_oku_ust_yazi h2{color:#fff;}
.sn_urun_oku_ust::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";opacity:0.8;background:#146cda;}
.slick-slide{margin-right:10px;}
.slick-prev:before,
.slick-next:before{font-size:45px;color:black;}
.slick-slide{transition:all ease-in-out .3s;opacity:0.4;height:auto;padding:12px;}
.slick-current{opacity:1;border-radius:5px;}
.slick-slide:hover{opacity:1;filter:alpha(opacity=100);border-radius:5px;}
.sn-slick-baslik h1{margin-top:15px;text-align:center;font-size:16px;}
.sn_urun_anasayfa_ust{padding:8px;height:auto;background:#dc3545;color:#fff;}
.sn_urun_oku_galeri{padding:8px;max-height:450px;background:rgb(130,180,64);background:linear-gradient(90deg, rgba(130,180,64,1) 0%, rgba(130,180,64,1) 35%, rgba(0,212,255,1) 100%);}
.sn_urun_oku_galeri img{max-height:400px;}
.sn_urun_oku_galeri_kucuk{padding:5px;background:rgb(130,180,64);background:linear-gradient(90deg, rgba(130,180,64,1) 0%, rgba(130,180,64,1) 35%, rgba(0,212,255,1) 100%);}
.sn_urun_oku_galeri_kucuk img{height:100px;width:100%;}

.sn_puanlama_yan{
	margin-left: 50px;
}

.box-result-cnt{
	text-align: center;
}
.sn_urun_aciklama{
	padding: 10px;
}
.sn_urun_aciklama h1{
	font-size: 15px;
}


/* Yan Slider Blok Başladı :) */
.sn_urunler_slider .slick-dots li button::before{padding: 5px;border:1px solid #146cda; border-radius:100%;	background: rgb(130,180,64);
	background: linear-gradient(90deg, rgba(130,180,64,1) 0%, rgba(130,180,64,1) 35%, rgba(0,212,255,1) 100%);color: rgb(130,180,64);}
	.sn_urunler_slider .slick-slide img { border-radius:10px;transition: all 0.3s ease; width: 100%;padding:3px;	background: rgb(130,180,64);
		background: linear-gradient(90deg, rgba(130,180,64,1) 0%, rgba(130,180,64,1) 35%, rgba(0,212,255,1) 100%); }
		.sn_urunler_slider .slick-slide:hover img { opacity: 0.5; left: -12.5%; }
		.sn_urunler_slider .slick-prev, .sn_urunler_slider .slick-next { border-radius:100%;font: normal normal normal 18px/0 FontAwesome; top:32px; width: 1.5em; height: 1.5em; margin: 0; background: rgb(130,180,64);
			background: linear-gradient(90deg, rgba(130,180,64,1) 0%, rgba(130,180,64,1) 35%, rgba(0,212,255,1) 100%); color: transparent; }
			.sn_urunler_slider .slick-slider:hover .slick-prev, .slick-slider:hover .slick-next { }
			.sn_urunler_slider .slick-prev:before, .sn_urunler_slider .slick-next:before { font-family: inherit; font-size: inherit; display: inline-block; opacity: 1; color:#068fa7; }
			.sn_urunler_slider .slick-prev {z-index: 1; margin-left:55px;left: 0 }
			.sn_urunler_slider .slick-prev:before {  content: '\f054' }
			.sn_urunler_slider .slick-next { margin-left:25px;left: 0 }
			.sn_urunler_slider .slick-next:before {content: '\f053' }
			.sn_urunler_slider .slick-slide a { position: relative; display: block; text-decoration: none; }
			.sn_urunler_slider .slick-slide h2 { font-size:16px; font-weight: bold; margin: 0 auto; background-color: #fff; position: relative; overflow: hidden; color: #333; padding: 0.5em; width:90%; border-radius:10px;margin-top: -20%;text-align: center; }
			.sn_urunler_slider .slick-slide h3 { font-size: 15px; font-weight: normal; margin: 0 auto; background-color: #fff; position: relative; overflow: hidden; color: #333; padding: 0.5em; width: 80%; margin-top: -10%;text-align: center; }
			.sn_urunler_slider .slick-slide img {width:300px;height:250px;}
/*Yan Slider Blok Bitti :( */

/*Anasayfa İçin CSS Başladı :) */
figure.snip0029 {
	color: #fff;
	position: relative;
	overflow: hidden;
	margin: 10px;
	width: 100%;
	height: 300px;
}
figure.snip0029 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
figure.snip0029 img {
	opacity: 1;
	width: 100%;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.snip0029 figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: left;
}
figure.snip0029 figcaption h2 {
	display: inline-block;
	text-align: center;
	border-radius: 5px;
	margin: 0;
	padding: 20px 15px;
	position: absolute;
	font-size: 1em;
	color: #fff;
	bottom: 35%;
	right: 30px;
	left: 30px;
	text-transform: uppercase;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
	background-color: #000000;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
figure.snip0029 figcaption h2 span {
	font-weight: 800;
}
figure.snip0029 figcaption > div {
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	position: absolute;
	left: 45px;
	right: 45px;
	bottom: 40px;
	text-align: center;
	padding: 5px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: -webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
	-webkit-transform: translate(0, -40px);
	transform: translate(0, -40px);
}
figure.snip0029 figcaption > div i {
	font-size: 23px;
	padding: 6px;
	color: #000000;
	opacity: 0;
	position: relative;
	top: -50px;
	-webkit-transition: top 0.35s, opacity 0.35s;
	transition: top 0.35s, opacity 0.35s;
}
figure.snip0029 figcaption a {
	opacity: 0.8;
}
figure.snip0029 figcaption a:hover {
	opacity: 1;
}
figure.snip0029 figcaption::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	background-image: linear-gradient(to top, #000000 0%, transparent 50%, #000000 100%);
}
figure.snip0029:hover img,
figure.snip0029.hover img {
	opacity: 0.7;
}
figure.snip0029:hover figcaption h2,
figure.snip0029.hover figcaption h2 {
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
figure.snip0029:hover figcaption > div,
figure.snip0029.hover figcaption > div {
	-webkit-transform: translate(0, -15px);
	transform: translate(0, -15px);
}
figure.snip0029:hover figcaption::before,
figure.snip0029.hover figcaption::before {
	opacity: 0.8;
}
figure.snip0029:hover figcaption i,
figure.snip0029.hover figcaption i {
	top: 0px;
	opacity: 0.7;
}
figure.snip0029:hover a:first-child i,
figure.snip0029.hover a:first-child i {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
figure.snip0029:hover a:nth-child(2) i,
figure.snip0029.hover a:nth-child(2) i {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}
figure.snip0029:hover a:nth-child(3) i,
figure.snip0029.hover a:nth-child(3) i {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
	/*Anasayfa İçin CSS Bitti :( */