body{margin:0; padding:0; font-size:16px; color:#535353; font-family: 'Poppins', sans-serif;}
input, textarea, select{color:#000; font: 14px 'Poppins', sans-serif;}
*{outline:none}
h1{margin:0; padding:0; font-size: 18px}
h2{margin:0; padding:0; font-size: 16px}
h3{margin:0; padding:0; font-size: 15px}
h4{margin:0; padding:0; font-size: 14px}
a{color:#5a5752; text-decoration:none; border:solid 0px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
a:hover{color:#FAA90C; text-decoration:none}
.P0{padding:0}
.M0{margin:0}
ul{margin:0}
iframe{display:block}
code{padding:0; background-color:transparent;margin:0; border-radius:0; color:#000; font-family:'Poppins', sans-serif; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
ul{padding:0}
.clearfix{font-size:0; padding:0; margin:0; line-height:0}

.Ortala{display: flex;flex-wrap:wrap;justify-content: center;}
.Hizala {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%)}


.navbar-default { height:120px; margin-bottom:0;}
.nav > li a:hover{background-color:transparent}
.sy-caption-wrap{display:none; visibility:hidden}

.UstBg{color:#4b4b4b;  padding:5px 0; }
.UstBg a{color:#FFF}
.UstBg a:hover{color:#FAA90C}
.UstBg .UstSag a{margin-left:10px}

#MusteriDestek {height:40px; margin-top:5px; padding:7px 0; margin-bottom:10px}
#MusteriDestek a:hover{color:#FAA90C;}

#Ust #SagUst{margin-top:15px; display:inline-block; width:100%}
#Ust #SagUst button{background-color:transparent;border:solid 0;  display:block; width:100%;  margin-bottom:10px; position:relative; margin-top:15px; padding-bottom:15px; color:#777}
#Ust #SagUst button:hover{ border-bottom:solid 4px #DD1F27; color:#000}
#Ust #SagUst .Ara{background-color:#FFF; border-radius:20px; border:solid 1px #DFDFDF; padding:13px 10px 12px 10px; }
#Ust #SagUst .Ara input[type=text]{border:none; width:80%}
#Ust #SagUst .Ara a{float:right; color:#FAA90C}
#Ust #SagUst .Ara a:hover{color:#000}
#Ust .GirisYap{display:block; color:#000; text-align:center; padding-left:30px; background:url(/Images/Site/Icon/Uye.png) no-repeat}
#Ust .GirisYap i{display:block; font-size:12px; font-style:normal}
#Ust .GirisYap:hover{}
#Ust .Sepet{color:#000; text-align:right; display:block; float:right }
#Ust .Sepet:hover{color:#FAA90C}
#Ust .Sepet i{ font-size:12px; font-style:normal}
#Ust .Sepet span{margin:6px 5px 0 0; font-size:22px}
#Ust .UyeGiris{display:block; color:#000;}
#Ust .UyeGiris:hover{color:#FAA90C; }

#Ust .HizliTeslimat{background:url(/Images/Site/Icon/HizliTeslimat.png) no-repeat left center; color:#000; height:40px;padding:10px 0 0 50px; float:right; margin-right:30px}
#Ust .UyeGiris{padding-left:50px; background:url(/Images/Site/Icon/Uye.png) no-repeat repeat center left}

#UyeGirisi .Giris{width:100%; position:relative; height:440px; margin:20px 0 0 0; padding:30px; border:solid 1px #E5E5E5; border-radius:20px; background-color:#F9F9F9 ;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} 
#UyeGirisi .Giris b{display:block;  font-size:20px;  margin:38px 0 0 0; font-weight:normal}
#UyeGirisi .Giris i{display:block;  font-size:20px;  margin:0 0 20px 0; font-weight:normal; text-align:center; font-style:normal}
#UyeGirisi .Giris input{width:100%; margin-bottom:15px; border-radius:10px; padding:15px; border:solid 1px #dcdcdc; height:50px; background-color:#FFF;}
#UyeGirisi .Giris input[type=submit]{margin-top:10px; background-color:#FAA90C; color:#000; font-size:18px;   transition: .3s ease; height:60px}
#UyeGirisi .Giris input[type=submit]:hover{background-color:#FAA90C;}
#UyeGirisi .Giris label{margin-bottom:15px}
#UyeGirisi .Giris img{margin:20px auto 20px auto; display:block}
#UyeGirisi .UyeOl input{width:96%; background-color:#FFF }
#UyeGirisi .UyeOl input[type=submit]{width:100%; background-color:#FAA90C}
#UyeGirisi .UyeOl input[type=submit]:hover{background-color:#FAA90C}
#UyeGirisi .Satir{margin-bottom:20px; width:70%; margin-left:15%}
#UyeGirisi .Satir img{max-width:70px; margin:10px auto}

#Ust #UstUye{position:relative; display:block; font-size:15px; float:right; margin-right:15px}
#Ust #UstUye ul{position:absolute; top:34px; left:-10px; visibility:hidden; background-color:#FFF; z-index:99; padding:20px 20px 10px 20px; list-style:none; font-size:14px; width:170px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30); -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Ust #UstUye ul a{margin-bottom:10px; display:block}
#Ust #UstUye:hover ul{visibility:visible}
#Ust #UstUye:hover span{visibility:visible}
#Ust #UstUye:hover .UyeGiris{color:#FAA90C;}

.navbar-toggle{background-color:#000; margin-right:0}
#MobilMenu a{color:#000; display:block; font-size:20px}
#MobilMenu ul a b{font-size:16px}

#MobilMenu .nav li ul ul {z-index: 999;max-height: 0;overflow: hidden;-webkit-transform: perspective(800) rotate3d(2,0,0,-90deg); -webkit-transform-origin: 50% 0;-webkit-transition: 650ms;-moz-transition: 650ms; -o-transition: 650ms;transition: 650ms; list-style:none; }
#MobilMenu .nav{text-align:left; list-style:none; padding-left:10px}
#MobilMenu .nav ul{padding-left:20px}
#MobilMenu .nav ul a{padding-left:10px}
#MobilMenu .nav li ul ul {position:relative;  z-index: 999;max-height: 0;overflow: hidden;-webkit-transform: perspective(800) rotate3d(2,0,0,-90deg); -webkit-transform-origin: 50% 0;-webkit-transition: 650ms;-moz-transition: 650ms; -o-transition: 650ms;transition: 650ms; list-style:none;}
#MobilMenu .nav li:hover{overflow:visible}
#MobilMenu .nav ul > li:hover ul {max-height: 1000px;-webkit-transform: perspective(800) rotate3d(0,0,0,0); padding:10px; }
#MobilMenu .nav button{background-color:#FAA90C; color:#FAA90C; border:solid 0;  display:block; width:100%;  margin-bottom:10px; position:relative; margin-top:15px; padding-bottom:15px; color:#777}
#MobilMenu .nav button:hover{ color:#FFF}
#MobilMenu .nav ul ul{position:relative;  margin:0; background-color:#402746; display:block;}
#MobilMenu .nav ul ul a{font-size:16px; color:#FFF; margin-bottom:5px; padding:7px 10px; display:block; border:solid 0; background-color:transparent}
#MobilMenu .nav ul ul a:hover{background-color:#FAA90C; color:#FAA90C}
#MobilMenu .open > a, #MobilMenu .open > a:hover, #MobilMenu .open > a:focus{background-color:#FAA90C; color:#FAA90C}

.MobilAra{background-color:#FFF; border-radius:10px; border:solid 1px #DFDFDF; padding:5px 10px; margin:20px}
.MobilAra input[type=text]{border:none; width:80%}
.MobilAra a{float:right; color:#FAA90C}
.MobilAra a:hover{color:#000}

.SepetimMobil{position:absolute; right:105px; top:50px; width:50px;background:#FAA90C;color:#FFF; border-radius:10px }
.SepetimMobil a{color:#FFF; display:block; padding:5px; text-align:center}
.SepetimMobil a span{margin-right:0}
#MobilGiris{position:absolute; right:0px; top:50px; width:100px;}
#MobilGiris .GirisYap{background:#FAA90C; display:block; color:#FFF; text-align:center; border-radius:10px; padding:5px; width:100px}
#MobilGiris .GirisYap b{font-size:18px; font-style:normal; margin-right:5px}
#MobilGiris .GirisYap:hover{}
#MobilGiris .Sepet{background-color:rgba(0,0,0,0.4); color:#FFF; text-align:center; padding:14px 5px 13px 5px; display:block; border-radius:10px}
#MobilGiris .Sepet:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#MobilGiris .Sepet i{display:block; font-size:12px; font-style:normal}
#MobilGiris .Sepet span{margin-right:5px}
#MobilGiris .UyeGiris{background:#FAA90C; display:block; color:#FFF; text-align:center; border-radius:10px; padding:5px; width:50px}
#MobilGiris .UyeGiris:hover{background-color:#FAA90C; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

#MobilGiris ul{position:absolute; top:33px; left:0; visibility:hidden; background-color:#FFF; z-index:99; padding:10px; list-style:none; font-size:14px; width:150px; -webkit-box-shadow: 0px 0px 10px 0px rgba(214,171,179,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(214,171,179,0.75);box-shadow: 0px 0px 10px 0px rgba(214,171,179,0.75); -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#MobilGiris ul a{margin-bottom:10px; display:block}
#MobilGiris:hover ul{visibility:visible}
#MobilGiris span{position:absolute;  display:block; text-align:center; color:#F2E6E8; top:55px;  width:175px; left:0; font-size:20px; visibility:hidden}
#MobilGiris:hover span{visibility:visible}
#MobilGiris:hover .UyeGiris{background-color:#FAA90C; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}


#Ust .navbar-toggle span{margin-right:0}

#Ust{background-color:#FFF; height:170px}
#Ust .Logo{margin-top:0; height:70px; display:block}

#Ust .collapse {margin-top:30px}
#Ust span{margin-right:10px}
#Ust nav{ margin-top:0; width:75%; float:right}

#Ust #SagUst{margin-top:40px; display:inline-block; width:100%}
#Ust #SagUst button{background-color:transparent;border:solid 0;  display:block; width:100%;  margin-bottom:10px; position:relative; margin-top:15px; padding-bottom:15px; color:#777}
#Ust #SagUst button:hover{ border-bottom:solid 4px #DD1F27; color:#000}
#Ust  .Ara{background-color:#FFF; border-radius:5px; border:solid 1px #DFDFDF; padding:8px 10px 7px 10px; }
#Ust  .Ara input[type=text]{border:none; width:80%}
#Ust  .Ara a{float:right; color:#FAA90C}
#Ust  .Ara a:hover{color:#000}
#Ust #SagUst .GirisYap{background:#FAA90C; display:block; color:#FFF; text-align:center; border-radius:10px; padding:5px 10px 5px 45px;}
#Ust #SagUst .GirisYap i{display:block; font-size:12px; font-style:normal}
#Ust #SagUst .GirisYap:hover{}
#Ust #SagUst .Sepet{background-color:rgba(0,0,0,0.4); color:#FFF; text-align:center; padding:14px 5px 13px 5px; display:block; border-radius:10px}
#Ust #SagUst .Sepet:hover{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
#Ust #SagUst .Sepet i{display:block; font-size:12px; font-style:normal}
#Ust #SagUst .Sepet span{margin-right:5px}
#Ust #SagUst .UyeGiris{background:#FAA90C; display:block; color:#FFF; text-align:center; border-radius:10px; padding:14px 10px 13px 45px;}
#Ust #SagUst .UyeGiris:hover{background-color:#FAA90C; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

#Ust #SagUst #UstUye{position:relative; display:block; }
#Ust #SagUst #UstUye ul{position:absolute; top:70px; visibility:hidden; background-color:#FFF; z-index:99; padding:20px 20px 10px 20px; list-style:none; font-size:14px; width:150px; -webkit-box-shadow: 0px 0px 10px 0px rgba(214,171,179,0.75);-moz-box-shadow: 0px 0px 10px 0px rgba(214,171,179,0.75);box-shadow: 0px 0px 10px 0px rgba(214,171,179,0.75); -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Ust #SagUst #UstUye ul a{margin-bottom:10px; display:block}
#Ust #SagUst #UstUye:hover ul{visibility:visible}
#Ust #SagUst #UstUye span{position:absolute;  display:block; text-align:center; color:#F2E6E8; top:55px;  width:175px; left:0; font-size:20px; visibility:hidden}
#Ust #SagUst #UstUye:hover span{visibility:visible}
#Ust #SagUst #UstUye:hover .UyeGiris{background-color:#FAA90C; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color:#FAA90C}
.nav > li > a{padding:10px 13px; display:block; color:#000}
.nav > li > a:hover, .nav > li > a:focus{ color:#FAA90C; padding:10px 13px}

@keyframes Uyari { 0% {color:#000}  50% {color:#C13B3B}  100% {color:#000}}

.Logo{ padding:0; width:210px; margin-top:10px; height:50px}
.Logo h1{text-indent:-9999px; height:0}
.Logo h2{text-indent:-9999px; height:0}

#Ust .MenuKategori{position:relative; color:#000; padding:11px 0; width:15%; float:left; cursor:pointer; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Ust .MenuKategori span{border-radius:100%; border:solid 1px #000; padding:5px; font-size:12px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Ust .MenuKategori:hover{color:#FAA90C}
#Ust .MenuKategori:hover span{border-color:#FAA90C}
#Ust .MenuKategori:hover #Menu{opacity:1; display:block; }

#Menu{ position:absolute; top:45px; left:0; opacity:0; display:none; text-align:left;}
#Menu .container{background-color:#FFF; min-height:250px; padding:20px 10px; border:solid 2px #EEEEEE}
#Menu .container a{display:block; color:#000; margin-bottom:10px; padding:5px; width:100%}
#Menu .container #AnaKategori{border-right:solid 1px #EEE; min-height:220px}
#Menu .container #AnaKategori ul{margin:0; padding:0; border:none; list-style:none}
#Menu .container #AnaKategori ul li{float:none; width:90%}
#Menu .container a:hover{color:#FAA90C; border:none}
#Menu .container .active a{color:#FAA90C; background-color:transparent; border:none}
#Menu .container a:focus{border:none}
#Menu .container a i{font-size:16px; margin-bottom:10px; font-style:normal}
#Menu .container .nav-tabs > li > a{border:none}
#Menu .container .col-sm-3 a{color:#000; padding:3px; font-size:14px; margin-bottom:0}
#Menu .container .col-sm-3 .active a{color:#FAA90C;}
#Menu .container .col-sm-3 a b{font-size:16px; color:#FAA90C; margin-bottom:10px}
#Menu .container .col-sm-3 a:hover{color:#FAA90C}
#Menu .container .col-sm-3 a:hover b{text-decoration:underline}

#Banner{ position:relative; margin-top:190px; text-align:center; }
#Banner .container{position:relative; text-align:right}
#Banner .BannerMetin{ width:40%;  position:absolute; z-index:99; color:#000; font-size:50px; right:0; top:50px}
#Banner .BannerMetin i{display:block; font-size:30px; color:#C13B3B; font-style:normal; margin-top:20px}
#Banner a{display:block}
#Banner a+a{margin-top:15px}
#Banner a:hover{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04)}

#Banner img{max-width:100%; display:block; margin:0 auto}
#Banner .sy-pager{display:none; visibility:hidden}

#Slogan{display:inline-block; width:100%; margin:2% 0}
#Slogan b{display:block; text-align:center; font-size:18px;}
#Slogan i{display:block; text-align:center; font-size:12px; font-style:normal; margin:3px 0}
#Slogan img{display:block; margin:0 auto}

#BannerIcSayfa{ margin-top:120px; position:relative; }
#BannerIcSayfa img{width:100%; display:block}

.Baslik{width:100%; display:flex;flex-wrap: wrap;justify-content: center;}
.Baslik span{border-bottom:dotted 1px #000; height:30px; width:100px; display:block; float:left}
.Baslik i{display:block; float:left; font-size:40px; margin:0 25px; font-style:normal}

#AnasayfaGuzellikAkademisi{display:inline-block; width:100%; }
#AnasayfaGuzellikAkademisi #BG{display:inline-block; width:100%; background:url(/Images/Site/AnasayfaGuzellikAkademisiBG.jpg) no-repeat center; padding:25px 0; background-size:cover}
#AnasayfaGuzellikAkademisi b{display:block; text-align:center; margin:15px 0; font-weight:normal}
#AnasayfaGuzellikAkademisi a{display:block; margin:15px 0; text-align:left; margin-right:5px; line-height:24px}
#AnasayfaGuzellikAkademisi #BG .container div+div a{border-left:solid 2px #F4E0D7; padding-left:20px}
#AnasayfaGuzellikAkademisi a b {display:block; text-align:left; margin:5px 0; font-weight:bold}
#AnasayfaGuzellikAkademisi a i{ margin:15px 0; font-style:normal; color:#C13B3B}

#Kampanyalar .nav{margin-top:20px; border-bottom:none}
#Kampanyalar .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:none}
.nav-tabs > li > a:hover{border:none; padding:10px 13px}
#Kampanyalar ul a{color:#000}
#Kampanyalar ul li+li{border-left:solid 1px #EBEBEB}
#Kampanyalar ul li.active a{color:#FAA90C}
#Kampanyalar ul a:hover{color:#FAA90C}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{background-color:transparent; color:#FAA90C}

#AnasayfaGaleri{margin-top:2%; width:100%; display:inline-block}
#AnasayfaGaleri .Video{margin:15px 0; position:relative; text-align:center; cursor:pointer;}
#AnasayfaGaleri .Video img{ margin:0 auto; display:block; border-radius:10px }
#AnasayfaGaleri .Video .overlay {position: absolute;top: -12px;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .3s ease; background:rgba(14, 38, 67, 0.80); border-radius:10px}
#AnasayfaGaleri .Video:hover .overlay {opacity: 1;}
#AnasayfaGaleri .Video .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%}
#AnasayfaGaleri .Video .text span{display:block; margin:10px 0; font-weight:normal; text-align:center}


#Kampanyalar a.Liste{display:block;  margin-bottom:30px;  padding:15px; height:430px; font-size:16px; margin-top:10px; text-align:center}
#Kampanyalar a.Liste b{display:block; margin:5px 0; font-weight:normal}
#Kampanyalar .Liste img{margin-bottom:10px; display:block; padding-bottom:5px}
#Kampanyalar a.Liste i{display:block; font-style:normal; font-size:14px; font-weight:300; color:rgba(181,181,181,0.9)}
#Kampanyalar a.Liste .Fiyat{color:#FAA90C; float:left; margin:10px 0 0 10px}
#Kampanyalar a.Liste .EskiFiyat{color:#545454; text-decoration:line-through; float:left; margin:10px 0 0 0 }
#Kampanyalar a.Liste .Yeni{position:absolute; background-color:#000; left:0; top:11px; color:#FFF; font-size:14px; padding:3px 5px}
#Kampanyalar a.Liste .Indirim{position:absolute; background-color:#FAA90C; left:15px; top:21px; color:#FFF; font-size:14px; padding:3px 5px}
#Kampanyalar a .Resim{border:solid 1px #DDD; padding:15px; position:relative; margin-bottom:10px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#Kampanyalar a .Resim img{display:block;}
#Kampanyalar a.Liste:hover .Resim{-webkit-box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);-moz-box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);}

#AnasayfaUrun{margin:2% 0; display:inline-block; width:100%}
#AnasayfaUrun a.Liste{display:block;  margin-bottom:30px;  padding:15px; height:430px; font-size:16px; margin-top:10px; text-align:center}
#AnasayfaUrun a.Liste b{display:block; margin:5px 0; font-weight:normal}
#AnasayfaUrun .Liste img{margin-bottom:10px; display:block; padding-bottom:5px}
#AnasayfaUrun a.Liste i{display:block; font-style:normal; font-size:14px; font-weight:300; color:rgba(181,181,181,0.9)}
#AnasayfaUrun a.Liste .Fiyat{color:#FAA90C; float:left; margin:10px 0 0 10px}
#AnasayfaUrun a.Liste .EskiFiyat{color:#545454; text-decoration:line-through; float:left; margin:10px 0 0 0 }
#AnasayfaUrun a.Liste .Yeni{position:absolute; background-color:#000; left:15px; top:21px; color:#FFF; font-size:14px; padding:3px 5px}
#AnasayfaUrun a.Liste .Indirim{position:absolute; background-color:#FAA90C; left:15px; top:21px; color:#FFF; font-size:14px; padding:3px 5px}
#AnasayfaUrun a .Resim{position:relative; margin-bottom:10px; -o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
#AnasayfaUrun a .Resim img{display:block;}
#AnasayfaUrun div.col-sm-6{border:solid 1px #E7E7E7; padding:15px; }
#AnasayfaUrun div.col-sm-3{border:solid 1px #E7E7E7; padding:15px; border-left:none}
#AnasayfaUrun div.col-sm-6 .Liste{height:932px}

#MakyajUrunleri{margin-bottom:3%;}
#MakyajUrunleri .MakyajBaslik{display:inline-block; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px rgba(0, 0, 0, 0.10); position:relative}
#MakyajUrunleri .MakyajBaslik a{float:right; margin-left:10px; min-width:15px; min-height:20px; font-size:14px}
#MakyajUrunleri .MakyajBaslik .Ok{position:relative; width:170px; float:right}
#MakyajUrunleri .MakyajBaslik .carousel-control{position:relative; color:#FFF;font-size:12px; background-color:#FAA90C; border-radius:5px; width:30px}
#MakyajUrunleri .MakyajBaslik .carousel-control span{font-size:12px; width:20px; height:20px; padding:4px 0; display:block}
#MakyajUrunleri a.Liste{display:block; text-align:center; margin-bottom:30px; border:solid 1px #DDD; padding:15px; height:430px; font-size:20px; margin-top:10px}
#MakyajUrunleri a.Liste b{display:block; margin:5px 0; font-weight:normal}
#MakyajUrunleri .Liste img{border-bottom:solid 1px #DDD; margin-bottom:10px; display:block; padding-bottom:5px}
#MakyajUrunleri a.Liste .Fiyat{color:#FAA90C}
#MakyajUrunleri a.Liste .EskiFiyat{color:#545454; text-decoration:line-through; font-size:14px; padding:0 5px}
#MakyajUrunleri a.Liste:hover{-webkit-box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);-moz-box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);box-shadow: 0px 0px 10px 3px rgba(181,181,181,0.5);}
#MakyajUrunleri a.Liste .Yeni{position:absolute; background-color:#D2B1FB; right:25px; top:11px; color:#FFF; font-size:14px; padding:3px 5px}
#MakyajUrunleri a.Liste .Indirim{position:absolute; background-color:#ff0000; right:25px; top:11px; color:#FFF; font-size:14px; padding:3px 5px}


#UstReklam{margin:3% 0; width:100%; display:inline-block}
#UstReklam a{display:block; margin-bottom:30px;}
#UstReklam .col-sm-6  a{width:95%}
#UstReklam .col-sm-6+.col-sm-6 a{margin-left:5%}
#UstReklam .col-sm-6+.col-sm-6+.col-sm-6 a{margin-left:0}
#UstReklam .col-sm-6+.col-sm-6+.col-sm-6+.col-sm-6 a{margin-left:5%}
#UstReklam a:hover {-webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03); -webkit-box-shadow: 0px 0px 10px 0px rgba(125,123,125,0.7);-moz-box-shadow: 0px 0px 10px 0px rgba(125,123,125,0.7); box-shadow: 0px 0px 10px 0px rgba(125,123,125,0.7);}

#AltReklam{margin-bottom:3%}
#AltReklam a{display:block; margin-bottom:30px; border-radius:15px; overflow:hidden }
#AltReklam .col-sm-6 .col-sm-6 a{width:95%}
#AltReklam .col-sm-6 .col-sm-6+.col-sm-6 a{margin-left:5%}
#AltReklam a:hover {-webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03); -webkit-box-shadow: 0px 0px 10px 0px rgba(125,123,125,0.7);-moz-box-shadow: 0px 0px 10px 0px rgba(125,123,125,0.7); box-shadow: 0px 0px 10px 0px rgba(125,123,125,0.7);}


#IcSayfaHizliMenu{color:#FFF; display:inline-block; font-size:16px; width:100%; background:url(/Images/Site/HizliMenuBG.jpg) repeat; margin-bottom:15px; padding-bottom:15px; padding-top:15px;  margin-top:170px}
#IcSayfaHizliMenu a{color:#FAA90C}
#IcSayfaHizliMenu span{margin:0 5px; font-size:10px; color:#FFF}
#IcSayfaHizliMenu a:hover{color:#FAA90C}
#IcSayfaHizliMenu b{color:#653F6C}
#IcSayfaHizliMenu #BreadCrumbBG{background:url(/Images/Site/BreadCrumbBG.jpg) no-repeat; background-size:contain; color:#FFF; width:100%; display:inline-block; height:50px}
#IcSayfaHizliMenu #BreadCrumbBG span{padding-right:80px; font-size:16px;  padding:15px 60px 15px 30px; display:block; float:left;}
#IcSayfaHizliMenu #BreadCrumbBG i {background:url(/Images/Site/BreadCrumbIcon.png) no-repeat right center; float:left; height:50px; width:45px}
#IcSayfaHizliMenu .col-sm-3{margin-top:15px}
#BreadCrumbBGUye{background:url(/Images/Site/BreadCrumbBG.jpg) no-repeat; background-size:contain; color:#FFF; width:100%; display:inline-block; height:50px; margin-top:30px; margin-bottom:15px}
#BreadCrumbBGUye span{padding-right:80px; font-size:16px;  padding:11px 60px 11px 20px; display:block; float:left;}
#BreadCrumbBGUye i {background:url(/Images/Site/BreadCrumbIcon.png) no-repeat right center; float:left; height:50px; width:45px}

#IcSayfaHizliMenuUrun{color:#FFF; display:inline-block; font-size:16px; width:100%; background:url(/Images/Site/HizliMenuBG.jpg) repeat; margin-bottom:15px; padding-bottom:15px; padding-top:15px;  margin-top:170px}
#IcSayfaHizliMenuUrun a{color:#FAA90C}
#IcSayfaHizliMenuUrun span{margin:0 5px; font-size:10px; color:#FFF}
#IcSayfaHizliMenuUrun a:hover{color:#FAA90C}


#Markalar{margin-top:1%; display:inline-block; width:100%}

#EBulten{background-color:#000; padding:30px 0; display:inline-block; width:100%; margin-top:2%; background:url(/Images/Site/MailListBG.jpg) repeat-x; color:#FFF}
#EBulten .Aciklama{background:url(/Images/Site/Icon/Mail.png) no-repeat left center; padding-left:100px; min-height:50px}
#EBulten .Aciklama b{font-size:30px; display:block; font-weight:normal; line-height:40px}
#EBulten .Bulten{background-color:#FFF; margin-top:5px; width:100%; display:inline-block; border-radius:30px; padding:5px ; -webkit-box-shadow: 0px 0px 50px -15px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 50px -15px rgba(0,0,0,0.5);box-shadow: 0px 0px 50px -15px rgba(0,0,0,0.5);}
#EBulten .Bulten input[type=submit]{background-color:#7D7D7D; padding:8px 15px; text-align:center; border:none; color:#FFF; float:right; font-size:18px; font-weight:bold; border-radius:20px}
#EBulten .Bulten input[type=submit]:hover{background-color:#000}
#EBulten .Bulten input[type=text]{float:left; width:65%; margin-left:5px; margin-top:10px; font-size:16px; border:none}
#EBulten .Sonuc{color:#F00; font-size:14px; text-align:center}

label {display: block;cursor: pointer;position: relative;padding: 0 0 0 25px; margin:0 5px 0 0; font-weight:normal; font-size:14px}
label:before{content:""; display: inline-block;width: 14px;height: 14px;position: absolute;left: 0;background-color: #FFF;border-radius: 3px;border:solid 1px #CCC; top:8px}
input[type='checkbox'] {display: none;}
input[type='checkbox']:checked + label:before { content:"\2713"; font-size: 12px; color: #000;text-align: center;line-height: 15px;}
input[type=checkbox]:checked + label {color: #1dc221;} 
input[type='radio'] {display: none;}
input[type='radio']:checked + label:before { content:"\2713"; font-size: 12px; color: #000;text-align: center;line-height: 15px;}
input[type='radio']:checked + label {color: #1dc221;} 

#UyeGirisi{}
#UyeGirisi .Giris{width:100%; position:relative; margin:20px 0 0 0; padding:30px; border:solid 1px #E5E5E5; border-radius:30px; } 
#UyeGirisi .Giris b{display:block;  font-size:20px;  margin:38px 0 0 0; font-weight:normal}
#UyeGirisi .Giris i{display:block;  font-size:20px;  margin:0 0 20px 0; font-weight:normal; text-align:center; font-style:normal}
#UyeGirisi .Giris input{width:100%; margin-bottom:10px; border-radius:10px; padding:10px; border:solid 1px #dcdcdc; height:40px}
#UyeGirisi .Giris input[type=submit]{margin-top:10px; background-color:#FAA90C; color:#FFF; font-size:18px;   transition: .3s ease; height:50px}
#UyeGirisi .Giris input[type=submit]:hover{background-color:#000;}
#UyeGirisi .Giris label{margin-bottom:15px}
#UyeGirisi .Giris img{margin:0 auto 20px auto; display:block}
#UyeGirisi .UyeOl input{width:96%;}
#UyeGirisi .UyeOl input[type=submit]{width:100%; background-color:#000}
#UyeGirisi .UyeOl input[type=submit]:hover{background-color:#FAA90C}

#UyeGirisi .ReferansKontrol input[type=submit]{margin-top:0; height:40px; padding:5px}
#UyeGirisi .Gecerli{background-color:rgba(106, 152, 31, 0.30)}
#UyeGirisi .Gecersiz{background-color:rgba(255, 0, 0, 0.30)}
#UyeGirisi .GecerliSpan{position:absolute; right:0; color:#FAA90C; top:10px; right:20px; font-size:18px}
#UyeGirisi .GecersizSpan{position:absolute; right:0; color:#ff0000; top:10px; right:20px; font-size:18px}
#UyeGirisi .Sonuc{color:#F00; font-size:14px; text-align:center}


#Favorilerim #SepetBaslik{padding:10px; background-color:#FAA90C; display:inline-block; width:100%; font-size:16px; color:#FFF}
#Favorilerim #SepetListe span{color:#FAA90C; font-size:16px; display:block; text-align:center}
#Favorilerim #SepetListe i{color:#F00; text-decoration:line-through; font-size:14px; padding:0 5px; display:block; font-style:normal; text-align:center}
#Favorilerim .Satir{border-bottom:solid 1px #EBEBEB; margin-bottom:5px; padding-bottom:5px; display:inline-block; width:100%}
#Favorilerim .UruneGit{display:block; margin-bottom:5px; background-color:#FAA90C; padding:3px; color:#FFF; border-radius:10px; text-align:center}
#Favorilerim .UruneGit:hover{background-color:#fac153}

#Favorilerim #SepetBaslik div+div+div{text-align:center}
#Favorilerim .Sil{background-color:#cb8600; color:#FFF; text-align:center; display:block; margin-top:10px; border-radius:10px; padding:3px}
#Favorilerim .Sil:hover{background-color:#e49c11}

footer{font-size:14px; margin-top:2%}
footer h4{background:url(/Images/Site/Logo.png) no-repeat; display:block; width:140px; height:50px; background-size:100%; margin-bottom:21px}
footer b{display:block; margin:33px 0 15px 0; font-size:16px}
footer ul{margin:0; padding:0; list-style:none}
footer ul li a{margin-bottom:8px; display:block}
footer ul li a:hover{color:#FAA90C}
footer span{margin-right:5px; color:#FAA90C}
footer #AltIletisim div{margin-bottom:10px}
footer #AltIletisim a:hover{color:#FAA90C}
footer #AltIletisim a:hover code{color:#FAA90C}

footer #SosyalMedya{width:100%; border-top:solid 2px #FAEFEB; border-bottom:solid 2px #FAEFEB; padding:10px 0; display:inline-block; margin:2% 0 1% 0}
footer #SosyalMedya a{float:left; width:20px; height:20px; display:block; background:url(/Images/Site/Icon/F.png) no-repeat; margin:3px 15px 4px 0; opacity:0.5; background-size:cover}
footer #SosyalMedya a+a{background:url(/Images/Site/Icon/I.png) no-repeat; background-size:cover}
footer #SosyalMedya a+a+a{background:url(/Images/Site/Icon/T.png) no-repeat; background-size:cover}
footer #SosyalMedya a+a+a+a{background:url(/Images/Site/Icon/Y.png) no-repeat; background-size:cover}
footer #SosyalMedya a:hover{opacity:1}
footer #Copyright a:hover{color:#000}
footer #Copyright a strong{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
footer #Copyright a:hover strong{color:#E9A606}


.MobilAlt{line-height:30px}



.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}