@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: #f08300; }
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: 'ro'; }


.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; 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%; float: left; position: relative; z-index: 150; }
/*.header:after { content: ""; width: 105px; height: calc(100% + 20px); position: absolute; left: calc(50% - 585px); top: 0px; background: #f08300; z-index: 45; }*/
.header .ust { width: 100%; float: left; position: relative; background: #131313; padding: 11px 0; }
.header .ust .sagK { width: auto; float: right; }
.header .ust .uBilgi { }
.header .ust .uBilgi a { width: auto; float: left; position: relative; margin: 0px 20px 0px 0; padding: 2px 20px 2px 29px; border-right: solid 2px #fff; font-size: 14px; line-height: 14px; color: #fff; font-weight: 500; }
.header .ust .uBilgi a:before { content: ""; width: 18px; height: 100%; position: absolute; left: 0px; top: 0px; background-position: left center; background-repeat: no-repeat; }
.header .ust .uBilgi a.whatsapp:before { background-image: url(../images/hwh.png) }
.header .ust .uBilgi a.telefon:before { background-image: url(../images/htl.png) }
.header .ust .uBilgi a:last-child { padding-right: 0px; margin-right: 0px; border-right: none; }
.header .orta { width: 100%; float: left; padding: 25px 0; position: relative; z-index: 99; text-align: center; }
.header .orta .logo { width: 259px; float: left; position: relative; margin: 0px 0 0 9px; }
.header .orta .aramaWrap { width: auto; display: inline-table; vertical-align: text-bottom; float: none; margin: 11.5px 0 0 0px; }
.header .orta .aramaWrap .aramaBar { width: 570px; float: left; position: relative; }
.header .orta .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 .orta .aramaWrap .aramaBar .mArpt:after { content: "X"; }
.header .orta .aramaWrap .aramaBar input[type="text"] { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 14px; color: #131313; border: solid 1px #131313; border-radius: 50px; padding: 16px 53px 16px 23px; }
.header .orta .aramaWrap .aramaBar input[type="submit"] { width: 20px; height: 100%; position: absolute; right: 20px; top: 0px; background: url(../images/hara.svg) no-repeat center center; }
.header .orta .sosyalMedia { width: auto; float: right; margin-top: 27px; }
.header .menuBar { width: 100%; height: 44px; float: left; position: relative; box-sizing: border-box; /*padding: 0 0 0 129px;*/ padding:0; }



.sldWrap { width: 100%; float: left; position: relative; }
.sldWrap .aramaAlani { width: 1170px; float: left; position: absolute; left: calc(50% - 585px); top: calc(50% - 72px); z-index: 140; transform: translate(0, -50%); }
.sldWrap .aramaAlani > strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 60px; line-height: 60px; font-weight: 900; color: #fff; text-align: center; }
.sldWrap .aramaAlani > span { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 26px; line-height: 26px; color: #fff; font-weight: 300; text-align: center; margin: 15px 0 0 0; }
.sldWrap .aramaAlani .kapsa { width: 100%; float: left; position: relative; margin: 50px 0 0 0; }
.sldWrap .aramaAlani .kapsa .slot { width: calc(33.33% - 48px); float: left; margin-right: 20px; }
.sldWrap .aramaAlani .kapsa .slot select { width: 100%; float: left; position: relative; box-sizing: border-box; }
.sldWrap .aramaAlani .kapsa .slot input { width: 100%; float: left; position: relative; box-sizing: border-box; }
.sldWrap .aramaAlani .kapsa .slot input[type="submit"] { font-size: 16px; line-height: 16px; font-weight: bold; color: #ffffff; background: #f08300; padding: 22px 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; cursor: pointer; }
.sldWrap .aramaAlani .kapsa .slot input[type="submit"]:hover { background: #000 }
.sldWrap .aramaAlani .kapsa .slot:nth-child(4n) { margin-right: 0 }
.sldWrap .aramaAlani .kapsa .slot:nth-child(4) { width: 84px; }

.sldWrap .aramaAlani .kapsa .slot .select2-container--default .select2-selection--single { border: none; border-radius: 0; padding: 22px 28px; }
.sldWrap .aramaAlani .kapsa .slot:first-child .select2-container--default .select2-selection--single { border-top-left-radius: 30px; border-bottom-left-radius: 30px }
.sldWrap .aramaAlani .kapsa .slot .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; line-height: 16px; color: #131313; }
.sldWrap .aramaAlani .kapsa .slot .select2-container--default .select2-selection--single .select2-selection__arrow { right: 14px; top: 0; }
.sldWrap .aramaAlani .kapsa .slot .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 0; background-image: url(../images/asag.svg); }

.slider { width: 100%; float: left; position: relative; box-sizing: border-box; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; position: relative; box-sizing: border-box; }



.anaSayfa { width: 100%; float: left; position: relative; z-index: 140; }
.anaSayfa .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 60px; }
.anaSayfa .slot:last-child { margin-bottom: 0px; }
.anaBaslik { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 25px; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; display: inline-table; position: relative; z-index: 5; background: #f08300; padding: 7px 50px; margin-left: -50px; }
.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: 26px; color: #ffffff; line-height: 26px; font-weight: 500; }


.genelListe.caro .pages { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 20px; text-align: center; display: table; }
.genelListe.caro.noCaro .pages { display: none; }
.genelListe.caro .pages a { width: 16px; height: 3px; display: inline-table; vertical-align: middle; background: #d0d0d0; margin-right: 10px; }
.genelListe.caro .pages a:last-child { margin-right: 0px; }
.genelListe.caro .pages a.selected { width: 48px; background: #131313 }
.genelListe.caro .sPage { width: 100%; float: left; position: relative; display: none; }



.kategori.genelListe { margin-top: -72px; }
.kategori.genelListe .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; background: #efefef; padding: 0 17px; }
.kategori.genelListe li { width: 12.5%; padding: 0; }
.kategori.genelListe li a { text-align: center; padding: 20px 3px; }
.kategori.genelListe li a:hover { background: #fff }
.kategori.genelListe li:nth-child(8n) { margin-right: 0px; }
.kategori.genelListe li .resim { }
.kategori.genelListe li .resim img { mix-blend-mode: multiply; }
.kategori.genelListe li h6 { font-size: 14px; line-height: 14px; color: #131313; margin: 10px 0 0 0; }



.vitrin.genelListe { }
.vitrin.genelListe li { padding: 0; margin: 0; break-after: page; }

.vitrin.genelListe.ikiLi:not(.caro) li, .vitrin.genelListe.ikiLi.noCaro li { width: calc(50% - 10px); margin-right: 20px }
.vitrin.genelListe.ikiLi:not(.caro) li:nth-child(2n), .vitrin.genelListe.ikiLi.noCaro li:nth-child(2n) { margin-right: 0px; }
.vitrin.genelListe.ikiLi.caro:not(.noCaro) li { width: 50%; padding: 0px; }
.vitrin.genelListe.ikiLi.caro:not(.noCaro) li a { padding: 0 10px; }
.vitrin.genelListe.ikiLi .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; }
.vitrin.genelListe.ikiLi .resim { }
.vitrin.genelListe.ikiLi .resim:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.32); z-index: 45; }
.vitrin.genelListe.ikiLi a:hover .resim:before { background: rgba(0, 0, 0, 0.66); }
.vitrin.genelListe.ikiLi .kapsul { width: 100%; position: absolute; left: 0px; bottom: 0px; box-sizing: border-box; padding: 20px 20px; z-index: 55; }
.vitrin.genelListe.ikiLi:not(.noCaro) .kapsul { padding: 20px 40px }
.vitrin.genelListe.ikiLi h6 { font-size: 30px; line-height: 30px; font-weight: 900; color: #fff; letter-spacing: 1px; }
.vitrin.genelListe.ikiLi p { font-size: 15px; line-height: 23px; color: #ffffff; margin-top: 15px; }


.vitrin.genelListe.oto li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.32); z-index: 45; }
.vitrin.genelListe.oto li a:hover .resim:after { background: rgba(0, 0, 0, 0.72); }
.vitrin.genelListe.oto li h6 { text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); font-size: 30px; line-height: 40px; font-weight: 900; color: #fff; padding: 0 30px; z-index: 95 }




.Urun.genelListe { }
.Urun.genelListe li { width: 25%; padding: 0px; text-align: center; }
.Urun.genelListe li.nB { margin-bottom: 0px !important }
.Urun.genelListe li .resim { padding: 10px; border: solid 1px #cacaca; }
.Urun.genelListe li a:hover .resim { border-color: #f08300 }
.Urun.genelListe li .resim img { }
.Urun.genelListe li h5 { font-size: 15px; line-height: 15px; color: #131313; margin-top: 16px; font-weight: bold; text-align: left; }
.Urun.genelListe li h5 + h6 { text-align: left; }
.Urun.genelListe li h6 { font-size: 13px; line-height: 18px; color: #131313; margin-top: 13px; min-height: 41px; }
.Urun.genelListe li .yildiz { width: 100%; float: left; margin-top: 10px; min-height: 17px; text-align: left; }
.Urun.genelListe li .yildiz .kapsa { padding: 0; 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; color: #9a9a9a; }
.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 3px; }
.Urun.genelListe li .yildiz .kapsa span.active { background-image: url(../images/yldiz2-1.png); }

.Urun.genelListe.ucLu li { width: calc(33.33% - 14px); margin-right: 21px; margin-bottom: 21px; }
.Urun.genelListe.ucLu li:nth-child(3n) { margin-right: 0px; }

.Urun.genelListe.dortLu li { width: calc(25% - 15px); margin-right: 20px; margin-bottom: 31px; }
.Urun.genelListe.dortLu li:nth-child(4n) { margin-right: 0px; }

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



.referans.genelListe { }
.referans.genelListe .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; }
.referans.genelListe li { width: 25%; padding: 0px; }
.referans.genelListe li .resim { background: #ececec; height: 120px; }
.referans.genelListe li a:hover .resim { background: #d6d6d6; }
.referans.genelListe li .resim img { mix-blend-mode: multiply; width: auto; height: auto; max-width: calc(100% - 40px); max-height: calc(100% - 40px); left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; }
.referans.genelListe.altiLi:not(.caro) li, .referans.genelListe.altiLi.noCaro li { width: calc(16.66% - 10px); margin-right: 12px; }
.referans.genelListe.altiLi:not(.caro) li:nth-child(6n), .referans.genelListe.altiLi.noCaro li:nth-child(6n) { margin-right: 0px; }
.referans.genelListe.altiLi.caro:not(.noCaro) li { width: 16.66%; }
.referans.genelListe.altiLi.caro:not(.noCaro) li a { padding: 0 3px }




.eBulten { width: 100%; float: left; position: relative; text-align: center; background: #f08300; padding: 25px 0; margin: 50px 0 0 0; display: table; table-layout: fixed; }
.eBulten .kapsa { width: auto; max-width: 100%; display: inline-table; vertical-align: text-bottom; }
.eBulten label { width: auto; display: inline-table; vertical-align: middle; font-size: 16px; line-height: 16px; font-weight: 500; color: #fff; }
.eBulten input[type="text"] { width: 427px; display: inline-table; vertical-align: middle; font-size: 14px; line-height: 14px; color: #131313; background: #fff; box-sizing: border-box; padding: 16px 20px; margin: 0 24px; }
.eBulten input[type="submit"] { width: auto; display: inline-table; vertical-align: middle; font-size: 16px; line-height: 16px; color: #ffffff; background: none; font-weight: 500; padding: 15px 0; cursor: pointer; }



.altBar { width: 100%; float: left; position: relative; box-sizing: border-box; }
.altBar .ust { width: 100%; float: left; padding: 50px 0; }
.altBar .ust .slot { width: calc(25% - 26px); float: left; position: relative; box-sizing: border-box; margin-right: 80px; }
.altBar .ust .slot:nth-child(4n) { margin-right: 0px; }
.altBar .ust .slot:nth-child(2) { width: 130px; }
.altBar .ust .slot:nth-child(3) { }
.altBar .ust .slot h6, .altBar .ust .slot .yazi, .altBar .ust .slot .sosyalMedia, .altBar .ust .slot ul, .altBar .ust .slot ul li, .altBar .slot .ust ul li a { width: 100%; float: left; position: relative; box-sizing: border-box }
.altBar .ust .slot:nth-child(3) ul li { width: calc(50% - 10px); margin-right: 20px; }
.altBar .ust .slot:nth-child(3) ul li:nth-child(2n) { margin-right: 0px; }
.altBar .ust .slot h6 { font-size: 18px; line-height: 18px; font-weight: 500; color: #131313; margin-bottom: 20px; border-bottom: solid 1px #cfd0ce; }
.altBar .ust .slot .yazi { }
.altBar .ust .slot .sosyalMedia { margin: 21px 0 0 0; }
.altBar .ust .slot ul li { }
.altBar .ust .slot ul li a { }
.altBar .ust .slot ul li a:hover { color: #f08300 }
.altBar .ust .slot ul li a, .altBar .ust .slot .yazi { font-size: 14px; line-height: 19px; color: #131313; }
.altBar .ust .slot .yazi a { color: #131313; }
.altBar .alt { width: 100%; float: left; border-top: solid 1px #e0e0e0; padding: 19px 0; }
.altBar .alt .bilgi, .altBar .alt .teknoBay { font-size: 13px; line-height: 13px; color: #646363; }
.altBar .alt .bilgi { float: left; }
.altBar .alt .teknoBay { float: right; }



.katResim { width: 100%; height: 200px; position: relative; float: left; z-index: 105; background-blend-mode: multiply !important; background-color: #d8d0d0 !important; background-size: cover !important; }
.katResim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; background: rgba(0, 0, 0, 0.38); b }
.katResim img { width: 100%; float: left; display: none; }
.katResim h1, .katResim strong { width: auto; position: absolute; left: calc(50% - 585px); bottom: 0px; font-size: 26px; color: #ffffff; line-height: 26px; font-weight: 300; background: #f08300; padding: 7px 50px; margin-left: -50px; letter-spacing: 1px; }



.urunDetay { width: 100%; float: left; position: relative; }
.urunDetay .slot { width: 100%; float: left; margin-bottom: 40px }
.urunDetay .slot:last-child { margin-bottom: 0 }
.urunDetay .baslik { margin: 0 0 25px 0; }
.urunDetay .baslik h1 { width: 100%; float: left; position: relative; font-size: 30px; line-height: 35px; color: #131313; }
.urunDetay .baslik .kBilgi { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 10px; }
.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 .solKisim { width: 450px; float: left; position: relative; box-sizing: border-box; }
.urunDetay .sagKisim { }
.urunDetay .baslik, .urunDetay .sagKisim { width: calc(100% - 500px); float: right; }
.urunDetay .sagKisim .dKapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 30px; }
.urunDetay .sagKisim .dKapsa:last-child { margin-bottom: 0 }
.urunDetay .sagKisim .dKapsa h6 { width: 100%; float: left; font-size: 18px; line-height: 18px; font-weight: 900; color: #131313; margin-bottom: 20px; }
.urunDetay .sagKisim .ozellik { width: 100%; float: left; }
.urunDetay .sagKisim .ozellik ul { width: 100%; float: left; position: relative; }
.urunDetay .sagKisim .ozellik ul li { width: 100%; float: left; display: table; table-layout: fixed; font-size: 14px; line-height: 22px; color: #131313; border-bottom: solid 1px #e0e0e0; padding: 0 0 11px 0; margin: 0 0 11px 0; }
.urunDetay .sagKisim .ozellik ul li:last-child { margin-bottom: 0px; padding-bottom: 0; border-bottom: 0; }
.urunDetay .sagKisim .ozellik ul li .solK { width: 100px; display: table-cell; vertical-align: middle; position: relative; font-weight: 500; }
.urunDetay .sagKisim .ozellik ul li .solK:after { content: ":"; width: auto; position: absolute; right: 0px; top: 0px; }
.urunDetay .sagKisim .ozellik ul li .sagK { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 12px; }


.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; }
.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: #f08300; 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"] { 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); }