@charset "utf-8";

@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #da2529; }
p, h1, h2, h3, h4, h5, h6, strong, b, span { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; }

body { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; color: #7a7a7a; font-size: 14px; font-weight: 400; background: #ffffff; }
strong, b { font-weight: bold; }
body.alt { /* background: #ffffff; */ }


body, input, textarea { font-family: 'popi', 'fallback', Helvetica, Arial, sans-serif; }


.bekle { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #ecebeb url(../images/495.GIF) no-repeat center 120px; z-index: 101; display: block; text-align: center; }
.bekle:after { content: "Lütfen Bekleyiniz.."; margin-top: 200px; width: 100%; float: left; font-size: 12px; font-style: italic; }
.logo a, .logo img { width: 100%; float: left; box-sizing: border-box; }



.icKisim { width: 100%; float: left; position: relative; min-height: 150px; }
.icKisim .ick { width: 100%; float: left; position: absolute; left: 0px; top: 0px; display: none; }



input, label, textarea, .arrow a, .pages *, ::after, ::before, .header .ust a, .altBar .ust .slot ul li a, .urunDetay .tabBar .tabMenu ul li a, .renk span { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }

.katResim { transition: background-image .4s; -webkit-transition: background-image .4s; -moz-transition: background-image .4s; -o-transition: background-image .4s; }



.ortala { width: 1170px; float: left; margin-left: calc(50% - 585px); position: relative; }
.ortala.sld { width: 1200px; margin-left: calc(50% - 600px); }
.icerik { width: 100%; min-height: 192px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; margin-bottom: 30px; position: relative; margin-top: 30px; }
.icerik.yActive { margin-top: 10px; }
.icerik .yazi { width: 100%; float: left; font-size: 15px; color: #404040; line-height: 25px; }
.icerik .solBar { width: 250px; float: left; box-sizing: border-box; }
.icerik .sagBar { width: calc(100% - 281px); float: right; box-sizing: border-box; }
.icerik.iframe { margin-top: 0 }



.header { width: 100%; height: 113px; float: left; z-index: 200; padding: 15px 0; box-sizing: border-box; background: #da2529; }
.header .ust { width: 100%; float: left; position: relative; }
.header .ust .sagK { width: auto; float: right; position: relative; }
.header .ust .sagK > div { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; color: #fff; margin-right: 43px; }
.header .ust .sagK > div:last-child { margin-right: 0 }
.header .ust .sagK > div > a { width: auto; float: left; position: relative; box-sizing: border-box; color: #fff; }
.header .ust .sagK > div > a:last-child { border-right: none; padding-right: 0px; margin-right: 0px; }
.header .ust .sagK .telefon { font-size: 18px; line-height: 18px; padding: 5px 0; }
.header .ust .sagK .aramaWrap { padding: 5px 0; }
.header .ust .sagK .aramaWrap .aramaBar { width: 200px; float: left; position: relative; /* border: solid 1px #000; */ }
.header .ust .sagK .aramaWrap .aramaBar input[type="text"] { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 13px; color: #fff; padding: 4px 25px 4px 0px; background: none; }
.header .ust .sagK .aramaWrap .aramaBar input[type="submit"] { width: 16px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/mobile/mbara.svg) center center no-repeat; cursor: pointer; background-size: 16px auto; }
.header .ust .sagK .aramaWrap .aramaBar .mArpt { font-size: 16px; line-height: 16px; float: right; position: absolute; right: 0; top: -27px; color: #585858; background: #fff; font-weight: 600; padding: 7px 12px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: none; }
.header .ust .sagK .aramaWrap .aramaBar .mArpt:after { content: "X"; }
.header .ust .sagK .users { padding: 7px 0; }
.header .ust .sagK .users a { border-right: solid 1px #fff; margin: 0 10px 0px 0; padding: 0 10px 0px 0; }
.header .ust .sagK .sepetim { padding: 0; }
.header .ust .sagK .sepetim a.sepetAc { padding: 7px 38px 8px 0px; }
.header .ust .sagK .sepetim a.sepetAc:after { content: ""; width: 26px; height: 25px; position: absolute; right: 0px; top: 0px; background: url(../images/hsptic3.svg) no-repeat right center; background-size: 100% 100%; }
.header .ust .sagK .sepetim a.sepetAc span { }
.header .ust .sagK .sepetim a.sepetAc i { font-style: normal; }
.header .ust .sagK .sepetim a.sepetAc i:before { content: "("; }
.header .ust .sagK .sepetim a.sepetAc i:after { content: ")" }
.header .alt { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 00px 0 0 0; }
.header .alt .logo { width: 250px; float: left; position: relative; }
.header .alt .menuBar { width: auto; float: right; position: relative; }

.header + .ortala { margin-top: 30px; }

.header.alt { position: relative; /*background-color: #000; background-image: url(../images/hdrbg.jpg);*/ background-position: top center; background-repeat: no-repeat; }
.header.alt:after { }
.header.alt .ust .sagK > div { color: #ffffff; }
.header.alt .ust .sagK > div > a { color: #ffffff; }
.header.alt .ust .sagK .users a { border-color: #ffffff; }
.header.alt .ust .sagK .sepetim a.sepetAc:after { background-image: url(../images/../images/hsptic2.svg); }
.header.alt .menuBar ul li a { color: #fff }
.header.alt .ust .sagK .aramaWrap .aramaBar input[type="text"] { color: #fff }
.header.alt .ust .sagK .aramaWrap .aramaBar input[type="submit"] { background-image: url(../images/mobile/mbara2.svg); }


.header.Uhead { height: 85px; }
.header.Uhead .ust { position: absolute; left: 0; top: 10px; z-index: 45; }
.header.Uhead .ust .sagK { width: 100%; }
.header.Uhead .ust .sagK .telefon { display: none; }
.header.Uhead .ust .sagK .users { }
.header.Uhead .ust .sagK .sepetim { float: right; }
.header.Uhead .alt { text-align: center; margin: 0; }
.header.Uhead .aramaWrap { display: none }
.header.Uhead .alt .logo { float: none; display: inline-table; vertical-align: text-bottom; z-index: 78; }
.header.Uhead .alt .menuBar { display: none; }


.header.ana { position: relative; }
.header.ana:after { display: none; }
.header.ana .ust .sagK > div { color: #fff; }
.header.ana .ust .sagK > div > a { color: #fff; }
.header.ana .ust .sagK .users a { border-color: #fff; }
.header.ana .ust .sagK .sepetim a.sepetAc:after { background-image: url(../images/hsptic3.svg); }



.slider { width: 100%; height: 450px; float: left; position: relative; z-index: 101; background: #000; overflow: hidden; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; position: relative; box-sizing: border-box; }
.slider ul li img { width: auto; height: 100% !important; position: absolute; left: 0; top: 0; }
.slider .pages { width: auto; position: absolute; right: calc(50% - 585px); bottom: 20px; z-index: 125; }
.slider .pages a, .slider .pages span { width: 18px; height: 18px; float: left; margin-right: 5px; border-radius: 100%; background: #fff; opacity: 0.7; cursor: pointer; }
.slider .pages a.active, .slider .pages span.swiper-pagination-bullet-active { opacity: 1; cursor: inherit; }
.slider .pages a:last-child, .slider .pages span:last-child { margin-right: 0 }



.anaSayfa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 30px; }
.anaSayfa .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 60px 0; }
.anaSayfa .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.anaBaslik { width: 100%; float: left; position: relative; margin-bottom: 25px; box-sizing: border-box; text-align: center; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; float: none; display: inline-table; position: relative; z-index: 5; vertical-align: text-bottom; padding: 0 17px; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a { width: 100%; text-align: left; float: left; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { font-size: 25px; color: #010101; line-height: 25px; font-weight: 400; }
.anaBaslik h1:before, .anaBaslik h2:before, .anaBaslik h3:before, .anaBaslik h4:before, .anaBaslik h5:before, .anaBaslik h6:before, .anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after { content: ""; width: 6px; height: 6px; position: absolute; top: calc(50% - 3px); border-radius: 100%; background: #090a0a; }
.anaBaslik h1:before, .anaBaslik h2:before, .anaBaslik h3:before, .anaBaslik h4:before, .anaBaslik h5:before, .anaBaslik h6:before { left: 0; }
.anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after { right: 0; }



.anaKat.genelListe { z-index: 150; }
.anaKat.genelListe:after { content: ""; width: 100%; height: calc(100% - 140px); position: absolute; left: 0px; top: 70px; background: #eeeeee; z-index: -1 }
.anaKat.genelListe .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; }
.anaKat.genelListe li { width: 33.33%; padding: 0px; }
.anaKat.genelListe li .kapsul { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 4px; }
.anaKat.genelListe li .resim { }
.anaKat.genelListe li .resim:before { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; z-index: 10; background: rgba(0, 0, 0, 0.74); opacity: 0; }
.anaKat.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(9, 10, 10, 0.41); z-index: 5; }
.anaKat.genelListe li a:hover .resim:before { opacity: 1 }
.anaKat.genelListe li h6 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 45; text-align: center; color: #fff; font-size: 20px; line-height: 22px; padding: 0 50px; }
.anaKat.genelListe li h6 strong { width: 100%; float: left; font-weight: 500; letter-spacing: 5px; }
.anaKat.genelListe li h6 span { width: 100%; float: left; font-weight: 800; margin-top: 13px; }
.anaKat.genelListe .pages { width: 100%; float: left; text-align: center; margin: 14px 0 0 0; }
.anaKat.genelListe .pages a { width: 13px; height: 13px; display: inline-table; vertical-align: text-bottom; border-radius: 100%; background: #3e3e3e; margin: 0 5px 0px 0; }
.anaKat.genelListe .pages a:last-child { margin-right: 0 }
.anaKat.genelListe .pages a.selected { background: #da2529 }



.anaKampanya.genelListe { z-index: 150 }
.anaKampanya.genelListe:after { content: ""; width: 100%; height: calc(100% - 140px); position: absolute; left: 0px; top: 70px; background: #eeeeee; z-index: -1 }
.anaKampanya.genelListe li { padding: 0px; }
.anaKampanya.genelListe .ortala > ul > li { width: calc(33.33% - 8px); margin-right: 12px; }
.anaKampanya.genelListe .ortala > ul > li:nth-child(3n) { margin-right: 0px; }
.anaKampanya.genelListe ul li ul li { width: 100%; padding: 0px; }
.anaKampanya.genelListe li h6 { position: absolute; left: 0; bottom: 0; text-align: center; font-size: 17px; line-height: 21px; font-weight: 500; color: #fff; background: rgba(9, 10, 10, 0.54); padding: 15px 0; letter-spacing: 1px; display:none;}
.anaKampanya.genelListe li.sonUrun h6 { bottom: inherit; top: 50%; transform: translate(0, -50%) }
.anaKampanya.genelListe .pages { width: 100%; position: absolute; left: 0px; bottom: 15px; z-index: 450; text-align: center; }
.anaKampanya.genelListe .pages a { width: 17px; height: 17px; float: none; display: inline-table; border-radius: 100%; background: rgb(156, 156, 156); z-index: 45; margin-right: 6px; vertical-align: text-bottom; }
.anaKampanya.genelListe .pages a:last-child { margin-right: 0px; }
.anaKampanya.genelListe .pages a.selected { background: rgb(155, 124, 101); }



.ikons.genelListe { border-top: solid 1px #eeeeee; padding: 50px 0px; margin-top: 20px; }
.ikons.genelListe li { width: 20%; padding: 0px 20px; text-align: center; }
.ikons.genelListe li .resim { display: table; }
.ikons.genelListe li .resim img { max-width: 100%; width: auto; height: auto; float: none; display: inline-table; vertical-align: text-bottom; }
.ikons.genelListe li h6 { font-size: 19px; line-height: 25px; font-weight: 300; color: #000000; margin-top: 17px; }



.Urun.genelListe { }
.Urun.genelListe.mTop { margin-top: 70px; }
.Urun.genelListe li { width: 25%; padding: 0; text-align: center; /* overflow: hidden; */ }
.Urun.genelListe li a { -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); padding: 10px 0px 10px 0px; }
.Urun.genelListe li a:hover, .Urun.genelListe li .uLinks:hover + a { -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.25); }
.Urun.genelListe li a:hover h6, .Urun.genelListe li .uLinks:hover + a h6 { border-left-color: #fff; border-right-color: #fff }
.Urun.genelListe li .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0 12px; }
.Urun.genelListe li a.hizliBak { font-size: 13px; line-height: 13px; color: #414141; font-weight: bold; letter-spacing: 3px; padding: 20px 0; }
.Urun.genelListe li a.hizliBak:before { margin-right: 4px; }
.Urun.genelListe li a.hizliBak:after { margin-left: 2px; }
.Urun.genelListe li:hover a.hizliBak:before { margin-right: 8px; }
.Urun.genelListe li:hover a.hizliBak:after { margin-left: 6px; }
.Urun.genelListe li:hover a.hizliBak:before, .Urun.genelListe li:hover a.hizliBak:after { opacity: 1; }
.Urun.genelListe li a.hizliBak:before, .Urun.genelListe li a.hizliBak:after { content: ""; width: 10px; height: 2px; background: #000; display: inline-table; vertical-align: middle; opacity: 0; }
.Urun.genelListe li .resim { }
.Urun.genelListe li .resim { transition: none; overflow: hidden; margin: 0 0 0px 0; /* min-height: 285px; */ border-bottom: solid 1px#ececec; }
.Urun.genelListe li .resim img { z-index: 30; background-color: #d6d6d6; /* mix-blend-mode: overlay; */ opacity: 1 !important; }
.Urun.genelListe li .resim img.rky { position: absolute; top: 0px; right: -100% }
.Urun.genelListe li .resim img.rky { z-index: -1 }
.Urun.genelListe li .resim img.rke { z-index: -2 }
.Urun.genelListe li .resim img.rky.sag { right: -100% }
.Urun.genelListe li .resim img.rky.sol { left: -100% }
.Urun.genelListe li .resim.load { }
/*.Urun.genelListe li .resim.load:before { content: "Fotoğraf Yükleniyor.."; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: url(../images/495.GIF) no-repeat center 60px; z-index: 105; text-align: center; line-height: 78px; font-size: 12px; opacity: 1; color: #000; }*/
.Urun.genelListe li.utekendi .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.82); display: inline-block; z-index: 30; }
.Urun.genelListe li .resim.load.lActive:before { opacity: 0; z-index: -1; }
.Urun.genelListe li h6 { font-size: 13px; line-height: 20px; color: #414141; min-height: 40px; margin-bottom: 0px; margin-top: 10px; border: solid 1px#ececec; padding: 13px 20px; min-height: 68px; }
.Urun.genelListe li .kod { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 11px; font-weight: bold; color: #1d2032; margin-bottom: 23px; }
.Urun.genelListe li .alt { width: 100%; float: left; box-sizing: border-box; border: solid 1px #dcdcdc; margin-top: 20px; }
.Urun.genelListe li .alt > div { width: 50%; height: 45px; float: left; border-right: solid 1px #dcdcdc; box-sizing: border-box; position: relative; }
.Urun.genelListe li .alt > div:last-child { border-right: 0px; }
.Urun.genelListe li .alt > div a { width: 100%; float: left; box-sizing: border-box; font-size: 15px; line-height: 15px; font-weight: bold; color: #e03e31; margin-top: 15px; }
.Urun.genelListe li .fiyat { width: auto; float: none; display: inline-table; position: relative; table-layout: fixed; box-sizing: border-box; }
.Urun.genelListe li .fiyat > div { width: auto; float: left; position: relative; vertical-align: middle; font-size: 17px; line-height: 17px; color: #4c4c4c; /* text-decoration: line-through; */ letter-spacing: 1px; margin-right: 20px; font-weight: 300; }
.Urun.genelListe li .fiyat > div:after { content: ""; width: calc(100% + 10px); height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-15deg); background: #da2529; transform-origin: center; }
.Urun.genelListe li .fiyat > div:last-child { font-size: 20px; font-weight: 500; text-decoration: none; color: #5d5d5d; margin-right: 0; }
.Urun.genelListe li .fiyat > div:last-child:after { display: none }
.Urun.genelListe li .dIcon { width: auto; position: absolute; right: 10px; top: 0px; z-index: 100; }
.Urun.genelListe li .dIcon div { width: 26px; float: right; margin-right: 16px; margin-bottom: 12px; position: relative; }
.Urun.genelListe li .dIcon div:last-child { margin-right: 0; margin-bottom: 0; }
.Urun.genelListe li .dInd { width: auto; background: #cc8772; font-size: 13px; line-height: 15px; font-weight: bold; color: #ffffff; box-sizing: border-box; position: absolute; right: 10px; top: 0px; padding: 8px 7px; z-index: 45; }
.Urun.genelListe li .dIcon img { width: 100%; height: auto; float: left; }
.Urun.genelListe li .dTukendi { width: auto; background: rgb(203, 135, 116); font-size: 13px; letter-spacing: 2px; line-height: 15px; font-weight: bold; color: #ffffff; padding: 10px 0 0 0; box-sizing: border-box; position: absolute; left: 50%; bottom: 20px; padding: 6px 37px; z-index: 45; transform: translate(-50%, 0); }
.Urun.genelListe li .dTukendi + img { }
.Urun.genelListe li.nB { margin-bottom: 0px !important; }
.Urun.genelListe li:hover a.sepetAt { opacity: 1; bottom: 0; }
.Urun.genelListe li a.sepetAt { width: 180px; float: left; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: 3px; color: #fff; padding: 10px 20px; background: #da2529; position: absolute; left: calc(50% - 90px); bottom: 20px; box-sizing: border-box; opacity: 0; display: none; }
.Urun.genelListe li a.sepetAt:hover { background: #000; }


.Urun.genelListe.ucLu:not(.caro) li { width: calc(33.33% - 12px); margin-right: 18px; margin-bottom: 30px; }
.Urun.genelListe.ucLu:not(.caro) li:nth-child(3n) { margin-right: 0px; }
.Urun.genelListe.ucLu.caro li { width: 33.33%; }


.Urun.genelListe.dortLu:not(.caro) li { width: calc(25% - 24px); margin-right: 32px; margin-bottom: 32px; }
.Urun.genelListe.dortLu:not(.caro) li:nth-child(4n) { margin-right: 0; }
.Urun.genelListe.dortLu.caro li { width: 25%; margin: 0 }


.Urun.genelListe.besLi li { width: calc(20% - 24px); margin-right: 30px; margin-bottom: 30px; }
.Urun.genelListe.besLi:not(.caro) li:nth-child(5n) { margin-right: 0; }
.Urun.genelListe.besLi.caro li { width: 20%; margin-right: 0px; }



.Urun.genelListe.caro:not(.noCaro) li { padding: 0; }
.Urun.genelListe.caro:not(.noCaro) li .kapsa { padding: 0 8px; }
.Urun.genelListe.caro li { margin-bottom: 0 }

.Urun.genelListe .uKapsul { width: 100%; float: left; position: relative; box-sizing: border-box; }
.Urun.genelListe .uKapsul .arr { width: 19px; height: 36px; position: absolute; top: calc(50% - 18px); background-repeat: no-repeat; background-position: center; }
.Urun.genelListe.noCaro .uKapsul .arr { display: none; }
.Urun.genelListe .uKapsul .arr.sol { background-image: url(../images/crsol.png); left: -29px; }
.Urun.genelListe .uKapsul .arr.sag { background-image: url(../images/crsag.png); right: -29px; }


.Urun.genelListe li .renk { width: 100%; float: left; text-align: center; margin-top: 20px; margin-bottom: 20px; min-height: 19px; }
.Urun.genelListe li .renk span { width: 19px; height: 19px; float: none; display: inline-table; vertical-align: text-bottom; border-radius: 100%; background: #d0d0d0; margin-right: 3px; cursor: pointer; border: solid 1px #d6d6d6; padding: 2px; box-sizing: border-box; background-clip: content-box !important; position: relative; background-size: contain !important; }
.Urun.genelListe li .renk span:before { content: ''; position: absolute; right: 4px; top: -8px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #292929 transparent; opacity: 0; transform: rotate(180deg); }
.Urun.genelListe li .renk span:hover:after, .Urun.genelListe li .renk span:hover:before, .Urun.genelListe li .renk span:focus:after, .Urun.genelListe li .renk span:focus:before { opacity: 1; }
.Urun.genelListe li .renk span:after { content: attr(data-text)""; position: absolute; right: 0; top: -32px; background: rgba(0, 0, 0, 0.83); opacity: 0; font-size: 12px; line-height: 12px; color: #fff; padding: 6px 10px; border-radius: 4px; width: 65px; text-align: center; z-index: 75; }
.Urun.genelListe li .renk span.active, .Urun.genelListe li .renk span.active:hover { border-color: #4895b6; }
.Urun.genelListe li .renk span:hover, .Urun.genelListe li .renk span:hover { border-color: #a9a9a9; }
.Urun.genelListe li .renk span:last-child { margin-right: 0px; }


.Urun.genelListe li .yildiz { width: 100%; float: left; margin-bottom: 14px; min-height: 18px; }
.Urun.genelListe li .yildiz .kapsa { padding: 0 !important; display: table; table-layout: fixed; width: auto; float: none; display: inline-table; }
.Urun.genelListe li .yildiz i { margin: 2px 0 0 4px; font-size: 11px; display: inline-table; vertical-align: middle; font-style: normal; }
.Urun.genelListe li .yildiz .kapsa span { width: 13px; height: 12px; float: none; display: inline-table; background: url(../images/yldiz-1.png) no-repeat center center; cursor: inherit; vertical-align: middle; margin: 0 1px; }
.Urun.genelListe li .yildiz .kapsa span.active { background-image: url(../images/yldiz2-1.png); }

.Urun.genelListe.beklet { position: relative; min-height: 54px; }
.Urun.genelListe.beklet:before { content: attr(data-beklet)""; width: 100%; position: absolute; left: 0; top: 0; background: url(../images/495.gif) no-repeat left center; font-size: 14px; color: #717171; line-height: 14px; font-weight: 400; padding: 20px 0 20px 70px; z-index: 60; box-sizing: border-box; }
.Urun.genelListe.beklet:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #fff; z-index: 55; }
.Urun.genelListe.beklet ul { opacity: 0; z-index: 40; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.Urun.genelListe.beklet.tamamlandi { }
.Urun.genelListe.beklet.tamamlandi:before, .Urun.genelListe.beklet.tamamlandi:after { display: none; }
.Urun.genelListe.beklet.tamamlandi ul { opacity: 1; z-index: inherit; }
.Urun.genelListe.beklet.tamamlandi.UrunYok:before { display: inherit; content: "Ürün bulunanamaktadır.."; background-image: none; padding-left: 15px; padding-top: 0; }

.altBar { width: 100%; float: left; position: relative; box-sizing: border-box; background: #151515; padding: 40px 0px; }
.altBar .ust { width: 100%; float: left; position: relative; box-sizing: border-box; }
.altBar .ust .logo { width: 250px; float: left; opacity: 0.7; margin-top: 0; }
.altBar .ust .musteri { width: auto; float: right; }
.altBar .ust .musteri a { width: auto; float: left; position: relative; box-sizing: border-box; color: #aeaeae; padding: 8px 0 8px 81px; }
.altBar .ust .musteri a strong { width: 100%; display: block; font-size: 22px; font-weight: 400; }
.altBar .ust .musteri a span { width: 100%; display: block; font-size: 27px; line-height: 30px; margin-top: 10px; }
.altBar .ust .musteri a:after { content: ""; width: 68px; height: 68px; position: absolute; left: 0px; top: 0px; border-radius: 100%; border: solid 1px #9b9998; background: url(../images/altmsic.png) no-repeat center }
.altBar .altMenu { width: 100%; float: left; box-sizing: border-box; padding: 30px 20px; margin: 20px 0; border-top: solid 1px #383838; border-bottom: solid 1px #383838; }
.altBar .altMenu .slot { width: calc(25% - 60px); float: left; margin-right: 80px; }
.altBar .altMenu .slot:nth-child(4n) { margin-right: 0px; }
.altBar .altMenu .slot h6 { width: 100%; float: left; font-family: 'an'; font-size: 31px; line-height: 31px; color: #dedede; border-bottom: solid 1px #808080; margin-bottom: 18px; }
.altBar .altMenu .slot ul { width: 100%; float: left; }
.altBar .altMenu .slot ul li { width: 100%; float: left; margin: 0 0 6px 0; }
.altBar .altMenu .slot ul li:last-child { margin-bottom: 0 }
.altBar .altMenu .slot ul li a { width: 100%; float: left; font-size: 13px; line-height: 18px; color: #c7c7c7; }
.altBar .altMenu .slot .sosyalMedia { margin-top: 20px; }
.altBar .altMenu .slot .sosyalMedia a { opacity: 0.7; }
.altBar .altMenu .slot .sosyalMedia a:hover { opacity: 1 }
.altBar .altMenu .slot .sosyalMedia a.facebook { background-image: url(../images/social/facebook2.svg); }
.altBar .altMenu .slot .sosyalMedia a.twitter { background-image: url(../images/social/twitter2.svg); }
.altBar .altMenu .slot .sosyalMedia a.googleplus { background-image: url(../images/social/googleplus2.svg); }
.altBar .altMenu .slot .sosyalMedia a.instagram { background-image: url(../images/social/instagram2.svg); }
.altBar .altMenu .slot .sosyalMedia a.linkedin { background-image: url(../images/social/linkedin2.svg); }
.altBar .altMenu .slot .sosyalMedia a.pinterest { background-image: url(../images/social/pinterest2.svg); }
.altBar .altMenu .slot .sosyalMedia a.youtube { background-image: url(../images/social/youtube2.svg); }
.altBar .alt { width: 100%; float: left; position: relative; box-sizing: border-box; }
.altBar .alt .banka { width: auto; float: left; }
.altBar .alt .bilgi { width: auto; float: left; font-size: 13px; line-height: 18px; color: #c7c7c7; margin: 3px 0 0 13px; }
.altBar .alt .banka img { width: 110px; float: left; }
.altBar .alt .teknoBay { width: auto; float: right; font-size: 13px; line-height: 13px; color: #b9b9b9; margin-top: 6px; }



.katResim { width: 100%; height: 140px; float: left; position: relative; box-sizing: border-box; overflow: hidden; background-color: #0a0a0a !important; z-index: 101; background-size: cover !important; }
.katResim h1, .katResim strong { width: auto; position: absolute; right: calc(50% - 585px); bottom: 30px; font-family: 'an'; font-size: 32px; line-height: 32px; font-weight: 400; color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.37); }
.katResim img { width: 100%; float: left; display: none }



.urunDetay { width: 100%; float: left; position: relative; box-sizing: border-box; z-index: 150; }
.urunDetay .baslik { padding: 30px 30px 20px 30px; }
.urunDetay .baslik h1 { width: 100%; float: left; font-size: 22px; line-height: 22px; font-weight: bold; color: #000; margin-bottom: 12px; }
.urunDetay .baslik .kBilgi { width: 100%; float: left; position: relative; box-sizing: border-box }
.urunDetay .baslik .kBilgi > div { width: auto; float: left; position: relative; box-sizing: border-box; margin-right: 18px; border-right: solid 1px #000; font-size: 14px; color: #3c3c3c; line-height: 18px; padding-right: 17px; }
.urunDetay .baslik .kBilgi > div:last-child { border-right: 0px; margin-right: 0px; padding-right: 0px; }
.urunDetay .baslik .kBilgi .uKodu { /* width: 100%; */ /* float: left; */ font-size: 14px; line-height: 14px; color: #1f1f1f; /* margin-top: 5px; */ padding-top: 1px; padding-bottom: 1px; }
.urunDetay .baslik .kBilgi .yildiz { width: auto; float: left; position: relative; }
.urunDetay .baslik .kBilgi .yildiz .kapsa { width: auto; float: left; }
.urunDetay .baslik .kBilgi .yildiz .kapsa span { width: 17px; height: 16px; float: left; position: relative; overflow: hidden; background: url(../images/yildz.png) no-repeat center center; margin-right: 3px; }
.urunDetay .baslik .kBilgi .yildiz .kapsa span.active { background-image: url(../images/yildz2.png); }
.urunDetay .baslik .kBilgi .yildiz i { width: auto; float: left; font-style: normal; font-size: 12px; line-height: 12px; margin-top: 4px; margin-left: 6px; }
.urunDetay .baslik .kBilgi .yorumMiktari { text-align: center; }
.urunDetay .baslik .kBilgi .yorumMiktari a { width: auto; float: left; font-size: 12px; color: #3c3c3c; line-height: 18px; }
.urunDetay .baslik .uKodu { font-size: 14px; line-height: 19px; color: #7d7d7d; margin: 0; }
.urunDetay .uBilgi { font-size: 15px; line-height: 20px; font-weight: 300; color: #090a0a; }
.urunDetay .uBilgi a { color: #090a0a; }
.urunDetay .solKisim { width: 500px; float: left; position: relative; box-sizing: border-box; min-height: 469px; }
.urunDetay .solKisim ul, .urunDetay .solKisim ul li, .urunDetay .solKisim ul li a, .urunDetay .solKisim ul li img { width: 100%; float: left; box-sizing: border-box; }
.urunDetay .sagKisim { padding: 0px 30px 30px 30px; }
.urunDetay .baslik, .urunDetay .sagKisim, .urunDetay .slot.shadow:after { width: calc(100% - 530px); float: right; position: relative; box-sizing: border-box; }
.urunDetay .slot { width: 100%; float: left; position: relative; margin-bottom: 40px; }
.urunDetay .slot:last-child { margin-bottom: 0; }
.urunDetay .slot.shadow { }
.urunDetay .slot.shadow:after { content: ""; height: 100%; position: absolute; right: 0px; top: 0px; background: #fff; z-index: -1; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); }
.urunDetay .slot .dKapsa { width: 100%; float: left; pointer-events: all; position: relative; margin-bottom: 30px; }
.urunDetay .slot .dKapsa h6 { font-size: 17px; line-height: 17px; color: #000; font-weight: bold; margin-bottom: 7px; }
.urunDetay .slot .dKapsa:last-child { margin-bottom: 0px; }
.urunDetay .slot .dKapsa.table { display: table; table-layout: fixed; }
.urunDetay .slot .dKapsa.table.bdn h6 { width: 70px; display: table-cell; vertical-align: middle; font-size: 17px; line-height: 17px; color: #000; font-weight: bold; }
.urunDetay .slot .dKapsa.table .beden { display: table-cell; vertical-align: middle; float: none; border-top: solid 1px #e0dcdc; border-bottom: solid 1px #e0dcdc; box-sizing: border-box; padding: 0 0 0 10px; }
.urunDetay .slot.table { }
.urunDetay .iYuzdesi { width: 45px; display: inline-table; vertical-align: middle; background: #000000; text-align: center; margin-right: 20px; }
.urunDetay .iYuzdesi .kapsul { width: 100%; display: table-cell; vertical-align: middle; font-size: 15px; line-height: 18px; font-weight: 800; color: #fff; }
.urunDetay .iYuzdesi .kapsul strong { width: 100%; float: left; font-size: 15px; line-height: 15px; font-weight: 400; padding: 6px 0; }
.urunDetay .iYuzdesi .kapsul span { width: 100%; float: left; font-weight: bold; }
.urunDetay .fiyati { width: auto; display: inline-table; vertical-align: middle; }
.urunDetay .fiyati > div { width: auto; display: inline-table; font-size: 15px; line-height: 16px; font-weight: 500; color: #090a0a; /* text-decoration: line-through; */ vertical-align: middle; margin-right: 14px; position: relative; }
.urunDetay .fiyati > div:before { content: ""; width: calc(100% + 10px); height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-15deg); background: #da2529; transform-origin: center; }
.urunDetay .fiyati > div:last-child { font-size: 23px; line-height: 23px; color: #000000; text-decoration: none; margin: 0; font-weight: 800; }
.urunDetay .fiyati > div:last-child:before { display: none }
.urunDetay .tKampanya { font-weight: bold; font-size: 15px; }
.urunDetay .beden { width: 100%; float: left; position: relative; }
.urunDetay .beden span { width: auto; float: left; font-size: 15px; line-height: 15px; font-weight: 600; color: #000; margin-right: 13px; padding: 13px 0; cursor: pointer; }
.urunDetay .beden span:last-child { margin-right: 0px; }
.urunDetay .beden span.active { }
.urunDetay .beden span.yok { opacity: 0.4; cursor: no-drop; }
.urunDetay .beden span.active { border-color: #b15e45; color: #b15e45; }
.urunDetay .slot .renk { width: 100%; float: left; position: relative; box-sizing: border-box; }
.urunDetay .slot .renk span { width: 40px; height: 40px; float: left; margin-right: 10px; position: relative; background: #ffffff; margin-right: 5px; margin-bottom: 5px; padding: 2px; box-sizing: border-box; -moz-box-sizing: border-box; background-clip: content-box !important; border: solid 1px #f5f5f5; cursor: pointer; background-repeat: no-repeat !important; background-size: contain !important; background-position: center center !important; }
.urunDetay .slot .renk span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/rony.png) no-repeat center; opacity: 0 }
.urunDetay .slot .renk span.active:after { opacity: 1 }
.urunDetay .slot .renk span.active { border-color: #dedcdc; }
.urunDetay .slot .renk span.yok { cursor: no-drop; }
.urunDetay .slot .renk span:last-child { margin-right: 0 }
.urunDetay .slot .artir { width: 89px; float: left; position: relative; vertical-align: bottom; box-sizing: border-box; padding: 0px 0; }
.urunDetay .slot .artir .dInpt { width: 45px; float: left; vertical-align: middle; }
.urunDetay .slot .artir .dInpt span { width: 100%; float: left; text-align: center; font-size: 12px; line-height: 12px; color: #3c3c3c; margin-top: 3px; }
.urunDetay .slot .artir .dLa { width: 30px; display: table-cell; vertical-align: middle; }
.urunDetay .slot .artir a { width: 22px; height: 22px; float: left; margin: 0; box-sizing: border-box; background-repeat: no-repeat; background-position: center; border: solid 1px #dedcdc; border-radius: 100%; margin: 11px 0 0 0; }
.urunDetay .slot .artir a:last-child { border-bottom: 0; }
.urunDetay .slot .artir a.eksi { background-image: url(../images/eksilt.png); }
.urunDetay .slot .artir a.arti { background-image: url(../images/artir.png); }
.urunDetay .slot .artir a.eksi:active, .urunDetay .slot .artir a.arti:active { background-color: #e1e1e4; }
.urunDetay .slot .adet { width: 100%; height: auto; box-sizing: border-box; float: left; color: #191919; text-align: center; padding: 3px 10px; font-size: 27px; line-height: 27px; font-weight: 400; background: none; }
.urunDetay .slot .uyari { width: 183px; position: absolute; padding: 10px 15px; font-family: arial; font-size: 12px; text-align: center; margin-top: -42px; left: -1px; color: #fff; border-radius: 3px; background: rgba(169, 19, 19, 0.8); display: none; -webkit-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); -moz-box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); box-shadow: 1px 1px 21px 0px rgba(0,0,0,0.39); }
.urunDetay .slot .artir .uyari span { font-weight: bold; }
.urunDetay .kargoDurum { font-size: 15px; line-height: 15px; font-weight: 500; color: #3a3a3a; }
.urunDetay .sepeteEkle { width: calc(100% - 116px); float: right; font-size: 17px; line-height: 16px; color: #fff; background: #000000; font-weight: bold; padding: 13px 40px; transition: .5s; }
.urunDetay .sepeteEkle:hover { background: #da2529; cursor: pointer; }

/*
.urunDetay .slot .wlink { width: auto; position: absolute; right: 0; top: -124px; }
.urunDetay .slot .wlink div { width: auto; float: left; position: relative; box-sizing: border-box; }
.urunDetay .slot .wlink .favori { margin-right: 14px; }
.urunDetay .slot .wlink .favori .favIc { width: 23px; height: 22px; float: left; background: url(../images/dtfav.png) no-repeat; }
.urunDetay .slot .wlink .favori .favIc:hover { background-image: url(../images/dtfav2.png); }
.urunDetay .slot .wlink .paylas { }
.urunDetay .slot .wlink .paylas .payAc { width: 21px; height: 22px; float: left; background: url(../images/dtpyls.png) no-repeat; }
.urunDetay .slot .wlink .paylas .payAc.active, .urunDetay .slot .wlink .paylas .payAc:hover { background-image: url(../images/dtpyls2.png); }
.urunDetay .slot .wlink .paylas ul { width: 63px; position: absolute; right: -7px; top: 31px; display: none; z-index: 45; background: #fff; box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; padding: 12px 14px; box-sizing: border-box; }
.urunDetay .slot .wlink .paylas ul li { width: 100%; float: left; position: relative; border-bottom: solid 1px #c5c5c5; padding-bottom: 10px; margin-bottom: 10px; }
.urunDetay .slot .wlink .paylas ul li:last-child { border-bottom: 0; padding-bottom: 0px; margin-bottom: 0; }
.urunDetay .slot .wlink .paylas ul li a { width: 100%; height: 20px; float: left; background-repeat: no-repeat; background-position: center center; opacity: 0.5; }
.urunDetay .slot .wlink .paylas ul li.facebook a { background-image: url(../images/social/facebook2.png); }
.urunDetay .slot .wlink .paylas ul li.twitter a { background-image: url(../images/social/twitter2.png); }
.urunDetay .slot .wlink .paylas ul li.googleplus a { background-image: url(../images/social/googleplus2.png); }
*/

.urunDetay .slot .wlink { width: 100%; float: left; }
.urunDetay .slot .wlink > div { width: auto; float: left; position: relative; margin-right: 20px; }
.urunDetay .slot .wlink > div:last-child { margin-right: 0px; }
.urunDetay .slot .wlink > div > a { width: auto; float: left; font-size: 16px; line-height: 20px; color: #3c3c3c; position: relative; padding: 1px 0 1px 31px; transition: .5s; }
.urunDetay .slot .wlink > div > a:hover { color: #da2529; }
.urunDetay .slot .wlink > div > a:after { content: ""; width: 21px; height: 19px; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0) no-repeat center center; }
.urunDetay .slot .wlink > div.favori > a:before { content: "FAVORİLERİME EKLE"; }
.urunDetay .slot .wlink > div.favori > a:after { background-image: url(../images/favic.svg); }
.urunDetay .slot .wlink > div.paylas > a:after { background-image: url(../images/pylsic.svg); }
.urunDetay .slot .wlink > div.paylas > a:before { content: "PAYLAŞ" }
.urunDetay .slot .wlink .paylas { }
.urunDetay .slot .wlink .paylas .payAc { }
.urunDetay .slot .wlink .paylas .payAc.active, .urunDetay .slot .wlink .paylas .payAc:hover { }
.urunDetay .slot .wlink .paylas ul { width: 64px; position: absolute; right: -7px; top: 31px; display: none; z-index: 45; background: #fff; box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.11); border-radius: 6px; padding: 12px 14px; box-sizing: border-box; }
.urunDetay .slot .wlink .paylas ul li { width: 100%; float: left; position: relative; border-bottom: solid 1px #c5c5c5; padding-bottom: 10px; margin-bottom: 10px; }
.urunDetay .slot .wlink .paylas ul li:last-child { border-bottom: 0; padding-bottom: 0px; margin-bottom: 0; }
.urunDetay .slot .wlink .paylas ul li a { width: 100%; height: 20px; float: left; background-repeat: no-repeat; background-position: center center; opacity: 1; }
.urunDetay .slot .wlink .paylas ul li a:hover { opacity: 0.4; }
.urunDetay .slot .wlink .paylas ul li.facebook a { background-image: url(../images/social/facebook.png); }
.urunDetay .slot .wlink .paylas ul li.twitter a { background-image: url(../images/social/twitter.png); }
.urunDetay .slot .wlink .paylas ul li.googleplus a { background-image: url(../images/social/googleplus.png); }

.urunDetay .slot .sTab.genelListe { }
.urunDetay .slot .sTab.genelListe li { width: 100%; padding: 0px; margin: 0 0 15px 0; }
.urunDetay .slot .sTab.genelListe li:last-child { margin-bottom: 0 }
.urunDetay .slot .sTab.genelListe li h6 { font-size: 16px; line-height: 16px; color: #000; font-weight: 600; border-bottom: solid 1px #e0dcdc; padding: 0 0 7px 0; cursor: pointer; }
.urunDetay .slot .sTab.genelListe li h6:after { content: ""; width: 8px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/ynac.png) no-repeat center center; }
.urunDetay .slot .sTab.genelListe li.active h6:after { background-image: url(../images/ynac2.png) }
.urunDetay .slot .sTab.genelListe li .ick { width: 100%; float: left; font-size: 13px; line-height: 17px; color: #3c3c3c; padding-top: 7px; display: none; }


.urunDetay .tabBar { width: 100%; float: left; }
.urunDetay .tabBar .tabMenu { width: 100%; float: left; margin-bottom: 25px; box-sizing: border-box; padding: 0 20px; border-bottom: solid 1px #bfbfbf; }
.tabMenu .tbAc { display: none; }
.urunDetay .tabBar .tabMenu ul { width: 100%; float: left; display: table; table-layout: fixed; text-align: center; }
.urunDetay .tabBar .tabMenu ul li { width: auto; display: inline-table; vertical-align: middle; table-layout: fixed; margin-bottom: -3px; position: relative; margin-right: 26px; }
.urunDetay .tabBar .tabMenu ul li:last-child { margin-right: 0px; }
.urunDetay .tabBar .tabMenu ul li a { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 16px; line-height: 17px; color: #797979; padding: 4px 27px 14px 27px; font-weight: 600; }
.urunDetay .tabBar .tabMenu ul li a:after { content: ""; width: 100%; height: 5px; position: absolute; left: 0px; bottom: 0; background: #da2529; opacity: 0; }
.urunDetay .tabBar .tabMenu ul li a.active { color: #191919; }
.urunDetay .tabBar .tabMenu ul li a.active:after { opacity: 1; }
.urunDetay .tabBar .icKisim { width: 100%; float: left; position: relative; }
.urunDetay .tabBar .icKisim .ick { box-sizing: border-box; padding: 0 27px; }
.urunDetay .tabBar .icKisim .ick h3 { width: 100%; float: left; position: relative; box-sizing: border-box; display: none }
.urunDetay .slot .tabBar .yildiz { width: auto; float: left; position: relative; margin-bottom: 0; }
.urunDetay .slot .tabBar .yildiz .kapsa { width: auto !important; float: left; }
.urunDetay .slot .tabBar .yildiz .kapsa span { width: 17px; height: 16px; float: left; position: relative; overflow: hidden; background: url(../images/yldiz.png) no-repeat center center; margin-right: 3px; cursor: pointer; }
.urunDetay .slot .tabBar .yildiz .kapsa span.active, .urunDetay .slot .tabBar .yildiz .kapsa span:hover { background-image: url(../images/yldiz2.png); }
.urunDetay .slot .tabBar .yildiz i { width: auto; float: left; font-style: normal; font-size: 12px; line-height: 12px; margin-top: 4px; margin-left: 6px; color: #696969; }
.urunDetay .yorumLar { width: 100%; float: left; position: relative; }
.urunDetay .yorumLar .bilgisi { width: 100%; float: left; position: relative; margin-bottom: 30px; }
.urunDetay .yorumLar .bilgisi a { font-weight: 800; text-decoration: underline; color: #3c3c3c; }
.urunDetay .yorumLar .yorumYap { width: 100%; float: left; position: relative; margin-bottom: 40px; display: none; }
.urunDetay .yorumLar .yorumYap ul { width: 100%; float: left; }
.urunDetay .yorumLar .yorumYap ul li { width: calc(50% - 5px); float: left; position: relative; margin-bottom: 19px; }
.urunDetay .yorumLar .yorumYap ul li:nth-child(2n) { float: right; }
.urunDetay .yorumLar .yorumYap ul li.tek { width: 100%; }
.urunDetay .yorumLar .yorumYap ul li:last-child { margin-bottom: 0; }
.urunDetay .yorumLar .yorumYap ul li input, .urunDetay .yorumLar .yorumYap ul li textarea { width: 100%; float: left; box-sizing: border-box; position: relative; }
.urunDetay .yorumLar .yorumYap ul li input[type="text"], .urunDetay .yorumLar .yorumYap ul li textarea { font-size: 13px; line-height: 13px; color: #888; border: solid 1px #dcdcdc; padding: 16px 20px; }
.urunDetay .yorumLar .yorumYap ul li input[type="text"] { }
.urunDetay .yorumLar .yorumYap ul li textarea { height: 100px; }
.urunDetay .yorumLar .yorumYap ul li input[type="submit"], .urunDetay .yorumLar .yorumYap ul li input[type="button"] { width: inherit; float: left; font-size: 15px; font-weight: 500; color: #fff; background: #757575; line-height: 15px; padding: 13px 37px; border: none; cursor: pointer; }
.urunDetay .yorumLar .yorumList.genelListe { }
.urunDetay .yorumLar .yorumList.genelListe li { width: 100%; padding: 40px 0px 0px 0px; border-top: solid 1px #e4e4e4; margin-bottom: 20px; }
.urunDetay .yorumLar .yorumList.genelListe li .tarih { width: 100%; float: left; font-size: 12px; line-height: 12px; color: #3c3c3c; font-weight: 600; margin-bottom: 11px; }
.urunDetay .yorumLar .yorumList.genelListe li .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; }
.urunDetay .yorumLar .yorumList.genelListe li a { width: auto; }
.urunDetay .yorumLar .yorumList.genelListe li a span { font-size: 12px; display: inline-table; vertical-align: top; font-weight: 500; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol { width: 300px; float: left; vertical-align: top; position: relative; box-sizing: border-box; padding-right: 40px; text-align: center; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a { font-size: 14px; line-height: 14px; color: #3c3c3c; padding: 0 0; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a.evet { padding-left: 41px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a.hayir { padding-right: 40px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a:nth-child(2n) { float: right; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a:before { content: ""; width: 22px; height: 23px; position: absolute; left: 0; top: -9px; background-repeat: no-repeat; background-position: left center; background-size: contain; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a.evet:before { background-image: url(../images/dtevt.png); }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .begen a.hayir:before { background-image: url(../images/dthyr.png); left: inherit; right: 0; top: 0; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol p { margin-top: 18px; font-size: 15px; color: #3c3c3c; line-height: 16px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .onayi { width: 100%; float: left; position: relative; margin-top: 26px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .onayi a { font-size: 13px; font-weight: 500; line-height: 17px; color: #fff; padding: 6px 37px; border-radius: 3px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .onayi a:nth-child(2n) { float: right; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .onayi a.evet { background-color: #68b947; }
.urunDetay .yorumLar .yorumList.genelListe li .ySol .onayi a.hayir { background-color: #bb343a; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag { width: calc(100% - 300px); float: right; vertical-align: top; position: relative; box-sizing: border-box; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag h5 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 17px; line-height: 22px; font-weight: 600; color: #313030; margin-bottom: 8px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag h6 { color: #3c3c3c; font-size: 15px; line-height: 22px; font-weight: 600; margin-bottom: 5px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag h6 .yildiz { }
.urunDetay .yorumLar .yorumList.genelListe li .ySag .yazi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 13px; line-height: 22px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag .yildiz { margin-bottom: 15px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag .yildiz .kapsa { }
.urunDetay .yorumLar .yorumList.genelListe li .ySag .yildiz i { margin: 0 0 0 4px; font-size: 11px; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag .yildiz .kapsa span { width: 13px; height: 12px; background: url(../images/yldiz-1.png) no-repeat center center; cursor: inherit; }
.urunDetay .yorumLar .yorumList.genelListe li .ySag .yildiz .kapsa span.active { background-image: url(../images/yldiz2-1.png); }



.anaTab { width: 100%; float: left; position: relative; box-sizing: border-box; }
.anaTab .tabMenu { width: 100%; float: left; position: relative; margin-bottom: 30px; }
.anaTab .tabMenu ul { width: 100%; float: left; position: relative; text-align: center; }
.anaTab .tabMenu ul li { width: auto; display: inline-table; vertical-align: text-bottom; position: relative; padding-right: 19px; margin-right: 14px; }
.anaTab .tabMenu ul li:after { content: ""; width: 6px; height: 6px; position: absolute; right: 0px; top: calc(50% - 3px); border-radius: 100%; background: #090a0a }
.anaTab .tabMenu ul li a { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 20px; line-height: 20px; color: #090a0a; font-weight: 500; letter-spacing: 3px; }
.anaTab .tabMenu ul li a.active { color: #da2529; }
.anaTab .tabMenu ul li:last-child:after { display: none; }
.anaTab .tabMenu ul li:last-child { margin-right: 0px; padding-right: 0px; }


.marka.genelListe { }
.marka.genelListe li { width: 100%; padding: 0px; margin: 0; text-align: center; }
.marka.genelListe li:last-child { margin-bottom: 0px; }
.marka.genelListe li .resim { width: 380px; float: left; }
.marka.genelListe li .sagK { width: calc(100% - 460px); position: absolute; right: 0px; top: 50%; transform: translate(0,-50%); }
.marka.genelListe li:nth-child(2n) .resim { float: right; }
.marka.genelListe li:nth-child(2n) .sagK { right: inherit; left: 0px; }
.marka.genelListe li h6 { font-size: 23px; line-height: 22px; color: #090a0a; letter-spacing: 4px; }
.marka.genelListe li p { font-size: 15px; line-height: 24px; color: #616161; margin-top: 22px; }
.marka.genelListe li .devam { width: auto; display: inline-table; vertical-align: text-bottom; float: none; position: relative; margin: 20px 0 0 0; font-size: 18px; line-height: 18px; color: #090a0a; font-weight: 500; padding: 25px 59px; border: solid 1px #e0e0e0; }
.marka.genelListe li .devam:after { content: ""; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; left: 10px; top: 10px; border: solid 1px #e0e0e0; }



.sayfaLinkleri { width: 100%; float: left; text-align: center; }
.sayfaLinkleri a { width: 100%; float: left; font-size: 17px; color: #000; line-height: 23px; margin-bottom: 14px; border-bottom: solid 1px #c9c9c9; padding-bottom: 13px; }
.sayfaLinkleri a:last-child { border-bottom: 0px; }
.sayfaLinkleri a:before { content: "| "; }
.sayfaLinkleri a:after { content: " |"; }



.linkAgaci { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 20px; }
.linkAgaci a { width: auto; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 16px; color: #000; letter-spacing: 2px; padding-right: 13px; margin-right: 10px; }
.linkAgaci a:last-child { margin-right: 0px; }
.linkAgaci a:after { content: "/"; width: auto; position: absolute; right: 0px; top: 0px; }
.linkAgaci a:last-child:after { display: none; }


.whatsapp { width: 60px; height: 60px; position: fixed; right: 20px; top: calc(50% - 30px); background: url(../images/whatsapp.svg) no-repeat center; background-size: contain; z-index: 6666; }



.gModalWrap { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.9); z-index: 99999; display: none; }
.gModalWrap.acik { display: block; }
.gModalWrap .gModal { width: 480px; max-width: calc(100% - 40px); left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); z-index: 99; background: #ababab; text-align: center; }
.gModalWrap .gModal .baslik { width: 100%; float: left; position: relative; box-sizing: border-box; z-index: 45; padding: 11px 0 13px 0; }
.gModalWrap .gModal .baslik:after { content: ""; width: 100%; height: 50px; position: absolute; left: 0px; z-index: -1; background: #9c9a9a; top: 0; }
.gModalWrap .gModal .baslik strong { width: auto; display: inline-table; vertical-align: text-bottom; font-size: 22px; line-height: 26px; color: #fff; background-repeat: no-repeat; background-position: left top; font-weight: bold; letter-spacing: 1px; padding: 5px 0 25px 73px; letter-spacing: 2px; }
.gModalWrap .gModal .baslik strong:before { }
.gModalWrap .gModal .icerik { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0; height: auto; min-height: auto; padding: 10px 20px 40px 20px; }
.gModalWrap .gModal .icerik .mesaji { width: 100%; float: left; font-size: 15px; line-height: 19px; color: #fff; letter-spacing: 3px; }
.gModalWrap .gModal .icerik .mKapati { }
.gModalWrap .gModal .icerik .alinks { width: 100%; float: left; position: relative; margin-top: 20px }
.gModalWrap .gModal .icerik .alinks a { width: auto; display: inline-table; vertical-align: text-bottom; font-size: 15px; font-weight: 400; color: #fff; border: solid 1px #fff; line-height: 13px; padding: 9px 20px; letter-spacing: 2px; margin: 7px 8px; }

.gModalWrap .gModal.onay { background-color: #1eb144; }
.gModalWrap .gModal.onay .baslik:after { background: #27ba4d; }
.gModalWrap .gModal.onay .baslik strong { background-image: url(../images/basic.png); }


.gModalWrap .gModal.red { background-color: #c72f2f; }
.gModalWrap .gModal.red .baslik:after { background: #d83535; }
.gModalWrap .gModal.red .baslik strong { background-image: url(../images/uyaris.png); }


.gModalWrap .gModal.hatirlat { background-color: #5e3ec1; }
.gModalWrap .gModal.hatirlat .baslik:after { background: rgba(255, 255, 255, 0.09); }
.gModalWrap .gModal.hatirlat .baslik strong { background-image: url(../images/htr.png); }

.vitrin.genelListe { }
.vitrin.genelListe:after { content: ""; width: 100%; height: calc(100% - 140px); position: absolute; left: 0px; top: 70px; background: #eeeeee; z-index: -1 }
.vitrin.genelListe li { width: calc(25% - 6px); padding: 0; margin-right: 12px; }
.vitrin.genelListe li:nth-child(3n) { margin-right: 0; }
.vitrin.genelListe li .resim { overflow: hidden; }
.vitrin.genelListe li img { transition: all 1s; -webkit-transition: transition: all 1s; -moz-transition: transition: all 15s; -o-transition: transition: all 15s; transform: scale(1); /*-ms-interpolation-mode: nearest-neighbor; image-rendering: -webkit-optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: pixelated;*/ }
.vitrin.genelListe li a:hover .resim { opacity: 0.8; }


.vitrin.genelListe.set1 li:nth-child(2) { width: calc(50% - 12px); }

.vitrin.genelListe.set2 li:nth-child(1) { width: calc(50% - 12px); }


.subeler.genelListe { }
.subeler.genelListe ul { }
.subeler.genelListe li { width: 100%; padding: 0px; table-layout: fixed; display: table; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: solid 1px #d4d4d4; }
.subeler.genelListe li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0 }
.subeler.genelListe li .resim { width: 520px; }
.subeler.genelListe li h6 { font-size: 20px; line-height: 20px; font-weight: 500; color: #543048; margin: 0 0 10px 0; }
.subeler.genelListe li .kapsa { width: calc(100% - 520px); position: absolute; right: 0px; padding-left: 40px; box-sizing: border-box; top: 50%; transform: translate(0, -50%); }
.subeler.genelListe li .kapsa .yazi { }
.subeler.genelListe li .kapsa .yazi a { float: none; }
.subeler.genelListe li:nth-child(2n) { }
.subeler.genelListe li:nth-child(2n) .kapsa { right: inherit; padding-right: 40px; padding-left: 0; text-align: right }
.subeler.genelListe li:nth-child(2n) .resim { float: right; }


.icerik.Blog .blogDetay { }
.icerik.Blog .blogDetay .clearfix { float: none; clear: both; display: inline-block; width: 100%; height: auto; margin-bottom: 1rem; }
.icerik.Blog .blogDetay .clearfix .resmi { float: left; display: inline-block; margin-right: 1.5rem; margin-bottom: .25rem; }
.icerik.Blog .blogDetay .clearfix .yazi { width: auto; float: none; }
.icerik.Blog .blogDetay .clearfix .yazi p + p { margin-top: 1rem; }

.blogListe.genelListe ul { display: flex; flex-flow: wrap; }
.blogListe.genelListe ul li a { height: 100% }

.genelListe.media ul { display: flex; flex-flow: wrap; }

.telefon > a > strong + span {margin-left:10px;}
.telefon > a > strong {display:inline-block;}
.telefon > a > span {display:inline-block;}


@media (min-width:1170.01px) {
  .header {height:auto;}
  .header .alt {display: flex;align-items:center;float:none;}
  .header .alt .logo, .header .alt > .sagK {position:relative;width:100%;max-width:100%;}
  .header .alt .logo + .sagK {margin-left:1rem;}
  .header .alt .logo {-ms-flex:0 0 auto;flex:0 0 auto;width:320px;}
  .header .alt > .sagK {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;}
  .header .alt > .sagK .ust + .menuBar {margin-top:.5rem;}
  .header .alt > .sagK .ust {}
  .header .alt > .sagK .ust .panels {}
  .header .alt > .sagK .ust .ustMenu {}
  .header .alt > .sagK .ust .ustMenu + .panels { margin-top:1rem;}
  .header .alt > .sagK .ust .ustMenu ul {display:flex;justify-content:flex-end;}
  .header .alt > .sagK .ust .ustMenu ul li {display:block;}
  .header .alt > .sagK .ust .ustMenu ul li + li {margin-left:1rem;}
  .header .alt > .sagK .ust .ustMenu ul li a {color:#fff;}
  .header .alt > .sagK .menuBar > ul > li {margin-right:auto;}
  .header .alt > .sagK .menuBar > ul > li + li {margin-left:1rem;}
  .header .alt > .sagK .menuBar .mobil {display:none;}
}

@media (max-width:1170px) {
  .header .alt > .sagK .ust .ustMenu {display:none;}
  .header .ortala > a {margin-top:8px;}
  .subeler.genelListe li .resim {width:100%;float:none;display:block;}
  .subeler.genelListe li .resim img {width:100%;float:none;display:block;max-width:100%;}
  .subeler.genelListe li .kapsa {position:initial;top:auto;right:auto;float:none;display:block;width:100%;transform:none;padding:20px 0;}
  .subeler.genelListe li:nth-child(2n) .resim {float:none;}
  .subeler.genelListe li:nth-child(2n) .kapsa {text-align: left;padding-right:0;}
}