@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: #848484; }
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; display: none; }
strong, b { font-weight: bold; }
body.alt { /* background: #ffffff; */ }


body, input, textarea { font-family: 'trOp'; }


.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; box-sizing: border-box; padding: 0px 20px; }



input, .arrow a, .pages a, .Urun.genelListe.full .baslik:before, .genelListe li .resim.load:before { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }



.ortala { width: 1170px; max-width: 1170px; height: 100%; float: left; margin-left: calc(50% - 585px); /* display: table; */ position: relative; }
.icerik { width: 100%; min-height: 192px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; margin-bottom: 30px; position: relative; }
.icerik.yActive { margin-top: 10px; }
.icerik .yazi { width: 100%; float: left; font-size: 15px; color: #6f6a60; line-height: 26px; box-sizing: border-box; }
.icerik .solBar { width: 310px; float: left; box-sizing: border-box; }
.icerik .sagBar { width: calc(100% - 361px); float: right; box-sizing: border-box; }
.icerik.alt { }
.icerik.alt .sagBar { /* background:#fff; */ /* padding: 22px; */ }



.header { width: 100%; float: left; position: relative; margin: 0 0 20px 0; background: #c00c0d; padding: 30px 0; }
.header .logo { width: 264px; float: left; }
.header .panelim { width: auto; float: right; position: relative; margin-top: 37px; z-index: 99999999999999; }
.header .panelim .ikons { width: auto; float: left; border-right: solid 1px #e1e2dc; }
.header .panelim .ikons a.ikc { width: 47px; height: 28px; float: left; position: relative; background-repeat: no-repeat; background-position: center center; }
.header .panelim .ikons.ara { }
.header .panelim .ikons.ara a.ikc { background-image: url(../images/aramic.png); }

.header .panelim .ikons.users { padding: 0 6px; }
.header .panelim .ikons.users a.ikc { }
.header .panelim .ikons.users a.ikc.uyem { background-image: url(../images/uyegirisic.png); }
.header .panelim .ikons.users a.ikc.kayitim { background-image: url(../images/uyekayitic.png); }
.header .panelim .ikons.users a.ikc.btnCikis { background-image: url(../images/cikg.png); background-position: 3px center; width: 31px; }

.header .panelim .ikons.sepetim { border-right: none; }
.header .panelim .ikons.sepetim a.ikc.sepetAc { background-image: url(../images/sptic.png); width: 47px; background-position: right; }
.header .panelim .ikons.sepetim a.ikc.sepetAc span { width: 24px; height: 24px; position: absolute; left: 18px; top: -19px; background: #c00c0d; border-radius: 100%; text-align: center; color: #fff; font-size: 12px; line-height: 23px; border: solid 1px #fff; box-sizing: border-box; padding-left: 1px; }

.header .menuBar { width: 100%; float: left; position: relative; background: #f6f6f6; margin-top: 23px; }
.header .paraBirim { width: auto; float: left; margin-top: 15px; margin-left: 18px; display: none; }
.header .paraBirim .chc { width: auto; float: left; margin-right: 9px; }
.header .paraBirim .chc label { }

.header .aramaBar { width: 260px; position: absolute; right: 0px; top: 41px; background: #a9a9a9; z-index: 45; display: none; }
.header .aramaBar input[type="text"] { width: 100%; float: left; background: none; box-sizing: border-box; font-size: 14px; line-height: 14px; color: #fff; padding: 12px 13px; }
.header .aramaBar input[type="submit"] { width: 23px; height: 100%; position: absolute; right: 10px; top: 0px; background: url(../images/aramic.png) no-repeat center; }




.slider { width: 1600px; height: 472px; float: left; position: relative; margin-left: calc(50% - 800px); z-index: 150; margin-top: -50px; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; box-sizing: border-box; position: relative; background-size: cover !important; }
.slider .arr { width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); background-repeat: no-repeat; background-position: center center; border-radius: 100%; background-color: #00000061; z-index: 45; }
.slider .arr.sol { background-image: url(../images/slsol.png); left: calc(50% - 575px); }
.slider .arr.sag { background-image: url(../images/slsag.png); right: calc(50% - 575px); }


.vitrinim { width: 100%; float: left; margin-top: 30px; }


.Urun.genelListe { margin-bottom: 40px; }
.Urun.genelListe:last-child { margin-bottom: 0px; }
.Urun.genelListe.full { }
.Urun.genelListe.full .baslik { width: 100%; float: left; position: relative; z-index: 45; text-align: center; margin-bottom: 25px; }
.Urun.genelListe.full .baslik:after { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; top: 50%; background: #000; z-index: -1; }
.Urun.genelListe.full .baslik:before { content: ""; width: 0px; height: 3px; background: #c00c0d; left: 50%; top: calc(50% - 1px); transform: translate(-50%, 0); position: absolute; }
.Urun.genelListe.full .baslik:after, .Urun.genelListe.full .baslik:before { display: none; }
.Urun.genelListe.full .baslik h1, .Urun.genelListe.full .baslik h2, .Urun.genelListe.full .baslik h3 { width: auto; position: relative; z-index: 15; display: inline-table; background: #fff; border-radius: 19px; border: solid 1px #b3b3b3; padding: 13px 40px; }
.Urun.genelListe.full .baslik h1, .Urun.genelListe.full .baslik h2, .Urun.genelListe.full .baslik h3, .Urun.genelListe.full .baslik h1 a, .Urun.genelListe.full .baslik h2 a, .Urun.genelListe.full .baslik h3 a { font-size: 21px; color: #d71820; line-height: 22px; letter-spacing: 1px; }
.Urun.genelListe.full .baslik h1 a, .Urun.genelListe.full .baslik h2 a, .Urun.genelListe.full .baslik h3 a { }
.Urun.genelListe.full:hover .baslik:before { width: 100%; }
.Urun.genelListe li { width: 25%; padding: 0px; text-align: center; }
.Urun.genelListe li .kapsa { width: 100%; float: left; box-sizing: border-box; padding: 4px; position: relative; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09); }
.Urun.genelListe.golge li .kapsa:after { content: ""; width: 100%; height: 26px; position: absolute; left: 0px; bottom: -16px; background: url(../images/urnglg.png) no-repeat top center; z-index: 45; display: none; }
.Urun.genelListe.golge li .kapsa { }
.Urun.genelListe li .resim { overflow: hidden; padding: 30px 6px 6px 6px; border-bottom: solid 1px #d3d4d1; margin-bottom: 20px; }
.Urun.genelListe li .resim.load { }
.Urun.genelListe li .resim.load:before { content: "Lütfen Bekleyiniz.."; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #f7f7f7 url(../images/495.GIF) no-repeat center 60px; z-index: 105; text-align: center; line-height: 78px; font-size: 12px; opacity: 0.7; }
.Urun.genelListe li .resim.load.lActive:before { opacity: 0; }
.Urun.genelListe li .resim img { }
.Urun.genelListe li h5 { width: 100%; float: left; font-size: 18px; color: #5a6369; font-weight: bold; line-height: 20px; padding: 0 10px; box-sizing: border-box; }
.Urun.genelListe li h6 { font-size: 13px; color: #a2a2a2; line-height: 21px; margin-top: 10px; min-height: 42px; padding: 0 10px; }
.Urun.genelListe li .fiyat { width: 100%; float: left; margin-top: 10px; margin-bottom: 15px; padding: 0 10px; box-sizing: border-box; }
.Urun.genelListe li .fiyat div { width: auto; float: none; display: inline-table; font-size: 16px; text-decoration: line-through; margin-right: 13px; line-height: 16px; margin-top: 6px; color: #565656; }
.Urun.genelListe li .fiyat div span { font-size: 14px; margin-left: 6px; }
.Urun.genelListe li .fiyat .gercek { }
.Urun.genelListe li .fiyat .indirim { }
.Urun.genelListe li .fiyat div:last-child { margin-right: 0px; font-size: 18px; text-decoration: none; color: #df1d24; line-height: 24px; margin-top: 0px; }
.Urun.genelListe li .hovers { width: 100%; float: left; position: relative; margin-top: 20px; border-top: solid 1px #e2e2e2; padding-top: 20px; padding-bottom: 20px; }
.Urun.genelListe li .hovers a { width: 36px; height: 36px; float: none; display: inline-table; position: relative; background-repeat: no-repeat; background-position: center center; background-color: #8f989e; border-radius: 100%; margin-right: 10px; }
.Urun.genelListe li .hovers a:hover { background-color: #c00c0d; }
.Urun.genelListe li .hovers a:last-child { margin-right: 0px; }
.Urun.genelListe li .hovers a.hizliBak { background-image: url(../images/hzlac.png); }
.Urun.genelListe li .hovers a.sepeteGonder { background-image: url(../images/spteek.png); }
.Urun.genelListe li .hovers a.detayi { background-image: url(../images/dtyi.png); }
.Urun.genelListe li .durumIcon { width: auto; position: absolute; right: 18px; top: 18px; }
.Urun.genelListe li .durumIcon img { width: 40px; height: auto; float: left; }
.Urun.genelListe li .durumIcon span { width: auto; float: left; margin-left: 5px; }
.Urun.genelListe li .durumIcon span.yuzde { width: 40px; height: 41px; background: url(../images/yuzdeic3.png); }
.Urun.genelListe li .durumIcon span.yuzde i { width: 100%; float: left; text-align: center; font-size: 13px; font-weight: bold; color: #fff; font-style: normal; margin-top: 15px; box-sizing: border-box; padding-right: 3px; }


.Urun.genelListe.dortLu li { width: calc(25% - 18px); margin-right: 24px; margin-bottom: 24px; }
.Urun.genelListe.dortLu li .kapsa { padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.Urun.genelListe.dortLu li:nth-child(4n) { margin-right: 0px; }


.Urun.genelListe.tek li { width: 100%; margin: 0px; padding: 25px 0px; border-top: solid 1px #d0d0d0; }
.Urun.genelListe.tek li:last-child { }
.Urun.genelListe.tek li .kapsa { padding-left: 0px; padding-right: 0px; padding-top: 0px; }

.Urun.genelListe.alti { margin-top: 30px; }



.altBar { width: 100%; float: left; position: relative; margin-top: 40px; }
.altBar .kapsa { width: 100%; float: left; background: #c00c0d; padding: 25px 0; }
.altBar .banka { width: 100%; float: left; text-align: center; margin: 20px 0; }
.altBar .banka img { width: auto; display: inline-table; max-width: 100%; }
.altBar .sosyalMedia { width: 100%; float: left; margin: 0; padding: 0; text-align: left; }
.altBar .alt { width: 100%; float: left; }
.altBar .altMenu { width: 100%; float: left; }
.altBar .altMenu .slot { width: 200px; float: left; margin-right: 21px; }
.altBar .altMenu .slot:nth-child(1) { width: 136px; }
.altBar .altMenu .slot:nth-child(2) { width: 100px; }
.altBar .altMenu .slot:nth-child(3) { width: 146px; }
.altBar .altMenu .slot:nth-child(4) { width: 201px; }
.altBar .altMenu .slot:nth-child(5) { width: 252px; }
.altBar .altMenu .slot:nth-child(6) { width: 207px; float: right; }
.altBar .altMenu .slot h6 { width: 100%; float: left; font-size: 15px; color: #ffffff; line-height: 16px; box-sizing: border-box; font-weight: 600; margin-bottom: 11px; border-bottom: solid 1px #fff; padding-bottom: 14px; }
.altBar .altMenu .slot ul { width: 100%; float: left; }
.altBar .altMenu .slot ul li { width: 100%; float: left; }
.altBar .altMenu .slot ul li a, .altBar .slot .yazi { width: 100%; float: left; font-size: 13px; color: #ffffff; font-weight: 300; line-height: 25px; }
.altBar .eBulten { width: 227px; float: right; }
.altBar .eBulten h6 { width: 100%; float: left; font-size: 16px; color: #47494a; border-bottom: solid 1px #000; padding-bottom: 9px; font-weight: bold; margin-bottom: 17px; }
.altBar .eBulten input[type="text"] { width: 100%; float: left; background: #dcdcdc; font-size: 13px; color: #999999; padding: 12px 11px; box-sizing: border-box; border: solid 1px #dcdcdc; }
.altBar .eBulten input[type="text"].active { background: #fff; color: #676960; }
.altBar .eBulten input[type="submit"] { width: 100%; float: left; box-sizing: border-box; background: #c00c0d; font-size: 15px; color: #fff; padding: 12px 1px; font-weight: bold; line-height: 15px; margin-top: 7px; cursor: pointer; }
.altBar .eBulten input[type="submit"]:hover { background: #000; }
.altBar .bilgi { width: 100%; float: left; text-align: center; margin-top: 40px; border-top: solid 1px #fff; padding-top: 20px; }
.altBar .bilgi span, .altBar .bilgi a { width: auto; font-size: 13px; color: #ffffff; }
.altBar .bilgi span { float: left; }
.altBar .bilgi a { float: right; }




.filTop { width: 100%; float: left; margin-top: 20px; }
.filtre { width: 100%; float: left; box-sizing: border-box; padding: 0 0 0 19px; margin-bottom: 13px; /* background: #fbfbfb; */ }
.filtre strong { width: 100%; float: left; box-sizing: border-box; font-size: 14px; color: #696969; font-weight: 400; line-height: 14px; padding: 12px 15px; cursor: pointer; position: relative; border-bottom: solid 1px #e2e2e2; }
.filtre strong:after { content: ""; width: 9px; height: 6px; position: absolute; right: 15px; top: calc(50% - 3px); background: url(../images/ykas3.png); }
.filtre strong.active:after { transform: rotate(180deg); }
.filtre ul { width: 100%; float: left; box-sizing: border-box; /* max-height: 196px; */ /* overflow: hidden; */ position: relative; padding: 9px 17px 0px 17px; display: none; }
.filtre ul ul { padding-left: 13px; margin-top: 0px; margin-top: 7px; }
.filtre ul li { width: 100%; float: left; margin-bottom: 14px; box-sizing: border-box; position: relative; }
.filtre ul li:last-child { margin-bottom: 0px; }
.filtre.yMenu ul li a { width: 100%; float: left; font-weight: 400; text-align: left; display: block; font-size: 14px; color: #4b4b4b; }
.filtre.yMenu ul li a:hover, .filtre ul li:hover label { }
.filtre ul li:hover .prettycheckbox.red a, .filtre ul li:hover .prettyradio.red a { border: solid 1px #bfbfbf; }
.filtre ul li:hover .prettycheckbox a.checked { background: url(../images/chc1.png) no-repeat #fff center center; border: solid 1px #bfbfbf; }
.filtre ul li a { float: left; }
.filtre ul li:last-child { margin-bottom: 0px; }
.filtre ul li label { width: 100%; float: right; padding: 4px 0px 2px 26px; margin-top: 0; font-size: 13px; line-height: 13px; color: #525252; font-weight: 400; box-sizing: border-box; cursor: pointer; }
.filtre ul li label span { float: right; font-size: 13px; color: #b1b1b1; margin-right: 21px; }
.filtre ul li .prettyradio label { margin-top: 3px; width: calc(100% - 30px); }
.filtre ul li .chc { width: 100%; float: left; margin-right: 0; }
.filtre.renk ul li { width: 22px; height: 22px; margin-right: 2px; margin-bottom: 2px; }
.filtre.renk ul li a { width: 100%; height: 22px; }
.filtre.fiyat ul li { width: calc(50% - 5px); margin-bottom: 0px; }
.filtre.fiyat ul li:nth-child(2n) { float: right; }
.filtre.fiyat ul li input[type="text"] { width: 100%; float: left; margin-right: 0; box-sizing: border-box; }
.filtre.fiyat ul li .submit { width: 100%; float: left; cursor: pointer; box-sizing: border-box; margin-top: 9px; }
.filtre .aralik { width: 100%; float: left; margin-top: 27px; }
.filtre .slc { width: 100%; float: left; }
.solBar .guncelle { width: 100%; float: left; margin-top: 5px; box-sizing: border-box; font-size: 14px; color: #fff; background: #c00c0d; font-weight: 400; line-height: 14px; padding: 12px 15px; cursor: pointer; position: relative; margin-bottom: 10px; }
.filtre input { width: 100%; float: left; background-color: #fff; box-sizing: border-box; font-size: 13px; color: #606060; padding: 11px 13px; background-repeat: no-repeat; background-position: 93% center; border: solid 1px #dddddd; }
.mobBar { display: none; }



.yazi.urun { background: #f6f6f6; padding: 10px 20px; margin-bottom: 30px; }



.urunList.genelListe { }
.urunList.genelListe li { width: 100%; padding: 0px 0px 20px 0px; border-bottom: solid 1px #d4d4d4; margin-bottom: 20px; }
.urunList.genelListe li:last-child { border-bottom: 0px; }
.urunList.genelListe li .resim { width: 200px; float: left; /* border: solid 1px #e0e0e0; */ overflow: hidden; }
.urunList.genelListe li .resim.load { }
.urunList.genelListe li .resim.load:before { content: "Lütfen Bekleyiniz.."; width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #f7f7f7 url(../images/495.GIF) no-repeat center 60px; z-index: 105; text-align: center; line-height: 78px; font-size: 12px; opacity: 0.7; }
.urunList.genelListe li .resim.load.lActive:before { opacity: 0; }
.urunList.genelListe li .hovers { width: 100%; float: left; position: relative; margin-top: 10px; border-top: solid 1px #e2e2e2; padding-top: 10px; }
.urunList.genelListe li .hovers a { width: 36px; height: 36px; float: left; position: relative; background-repeat: no-repeat; background-position: center center; background-color: #556169; border-radius: 100%; margin-right: 10px; }
.urunList.genelListe li .hovers a.hizliBak { background-image: url(../images/hzlac.png); }
.urunList.genelListe li .hovers a.sepeteGonder { background-image: url(../images/spteek.png); }
.urunList.genelListe li .hovers a.detayi { background-image: url(../images/dtyi.png); }
.urunList.genelListe li .bilgi { width: calc(100% - 220px); float: right; position: relative; }
.urunList.genelListe li .ust { width: 100%; float: left; position: relative; display: table; table-layout: fixed; }
.urunList.genelListe li .ust h6 { font-size: 15px; color: #c00c0d; line-height: 18px; }
.urunList.genelListe li .ust h6 span { color: #7e7e7e; border-left: solid 2px #c00c0d; padding-left: 9px; margin-left: 7px; }
.urunList.genelListe li .ust p { margin-top: 7px; font-size: 14px; color: #7e7e7e; }
.urunList.genelListe li .ust .baslik { width: calc(100% - 180px); display: table-cell; vertical-align: top; border-bottom: solid 1px #e2e2e2; padding-bottom: 8px; }
.urunList.genelListe li .ust .fiyat { width: 180px; display: table-cell; vertical-align: bottom; text-align: center; padding-bottom: 8px; }
.urunList.genelListe li .ust .fiyat div { width: auto; float: none; display: inline-table; font-size: 16px; text-decoration: line-through; margin-right: 13px; line-height: 16px; margin-top: 6px; color: #c0c1bc; }
.urunList.genelListe li .ust .fiyat div span { font-size: 14px; margin-left: 6px; color: #000; }
.urunList.genelListe li .ust .fiyat .gercek { }
.urunList.genelListe li .ust .fiyat .indirim { }
.urunList.genelListe li .ust .fiyat div:last-child { margin-right: 0px; font-size: 18px; text-decoration: none; color: #c00c0d; line-height: 24px; margin-top: 0px; }
.urunList.genelListe li .alt { width: 100%; float: left; margin-top: 10px; display: table; table-layout: fixed; }
.urunList.genelListe li .alt .ozellik { width: calc(100% - 330px); display: table-cell; vertical-align: middle; border-right: solid 1px #e2e2e2; box-sizing: border-box; padding-right: 11px; }
.urunList.genelListe li .alt .ozellik div { width: 100%; float: left; font-size: 12px; color: #7e7e7e; line-height: 20px; }
.urunList.genelListe li .alt .ozellik div strong { }
.urunList.genelListe li .alt .ozellik div strong:after { content: " : "; }
.urunList.genelListe li .alt .ozellik div span { }
.urunList.genelListe li .alt .ozelIcon { width: 150px; display: table-cell; vertical-align: middle; text-align: center; border-right: solid 1px #e2e2e2; box-sizing: border-box; padding: 0px 10px; }
.urunList.genelListe li .alt .ozelIcon div { width: 34px; height: 34px; display: inline-table; margin: 2px; position: relative; }
.urunList.genelListe li .alt .ozelIcon div img { width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50% ); max-width: 100%; max-height: 100%; }
.urunList.genelListe li .alt .sepetEkle { width: 180px; display: table-cell; vertical-align: middle; text-align: center; }
.urunList.genelListe li .alt .sepetEkle a { width: auto; display: inline-table; float: none; background: url(../images/sptime.png) no-repeat 14px center #c00c0d; font-size: 14px; color: #fff; line-height: 14px; padding: 13px 15px 13px 47px; }
.urunList.genelListe li .durumIcon { width: auto; position: absolute; right: 0px; top: 0px; }
.urunList.genelListe li .durumIcon img { width: 40px; height: auto; float: left; }
.urunList.genelListe li .durumIcon span { width: auto; float: left; margin-left: 5px; }
.urunList.genelListe li .durumIcon span.yuzde { width: 40px; height: 41px; background: url(../images/yuzdeic3.png); }
.urunList.genelListe li .durumIcon span.yuzde i { width: 100%; float: left; text-align: center; font-size: 12px; font-weight: bold; color: #fff; font-style: normal; margin-top: 14px; box-sizing: border-box; padding-right: 3px; }



.linkAgaci { width: auto; float: right; margin-bottom: 20px; display: none; }
.linkAgaci a { width: auto; float: left; position: relative; font-size: 13px; color: #4b4b4b; }
.linkAgaci a:after { content: "/"; float: right; margin-left: 8px; margin-right: 8px; color: #c00c0d; }
.linkAgaci a:last-child:after { display: none; }
.linkAgaci a:last-child { color: #c00c0d; }


.katResim { width: calc(100% - 288px); height: 261px; float: left; position: relative; overflow: hidden; margin-bottom: 20px; z-index: 154; margin-top: -50px; margin-left: 144px; background-size: cover !important; }
.katResim img { width: 100%; float: left; box-sizing: border-box; }



.genelFiltre { width: 100%; float: left; position: relative; box-sizing: border-box; padding: 0; }
.genelFiltre h2 { width: auto; float: left; position: relative; background: #c00c0d; font-size: 19px; color: #fff; line-height: 19px; box-sizing: border-box; padding: 11px 23px 11px 36px; font-weight: 300; margin-left: -20px; }
.genelFiltre h2:after { content: ""; width: 20px; height: 18px; position: absolute; right: 0px; bottom: -18px; background: url(../images/ynucgn.png); display: none; }
.genelFiltre .slot { width: 100%; float: left; margin-bottom: 20px; background: #fbfbfb; box-sizing: border-box; padding: 16px 0 8px 0; }
.genelFiltre h3 { width: 100%; float: left; position: relative; }
.genelFiltre h3:after { content: ""; }
.genelFiltre .slot h4 { width: 100%; float: left; position: relative; font-size: 19px; color: #5f5f5f; padding: 0px; box-sizing: border-box; font-weight: 300; line-height: 19px; margin-bottom: 14px; }
.genelFiltre .slot h4 span { background: #fbfbfb; padding: 0 4px 0 4px; line-height: 14px; z-index: 45; position: relative; margin-left: 15px; font-weight: 300; }
.genelFiltre .slot h4:after { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 2px; background: #dadada; z-index: 1; }



.urunDetay { width: 100%; float: left; border-top: solid 1px #000; padding-top: 28px; position: relative; }
.urunDetay:after { content: ""; width: 1px; height: 100%; position: absolute; right: 290px; top: 9px; background: #e0e0e0; }
.urunDetay .slot { width: 100%; float: left; }
.urunDetay .bankalar { width: 100%; float: left; box-sizing: border-box; padding: 0px 10px; }
.urunDetay .bankalar .tablo { width: 100%; float: left; margin-bottom: 30px; margin-bottom: 10px; padding: 12px 30px; box-sizing: border-box; }
.urunDetay .bankalar .tablo:nth-child(2n) { background: #f6f6f6; }
.urunDetay .slot .solKisim { width: calc(100% - 270px); float: left; padding-right: 40px; box-sizing: border-box; }
.urunDetay .slot .sagKisim { width: 270px; float: right; }
.urunDetay .slot .resmi { width: 460px; float: left; }
.urunDetay .slot .kisaBilgi { width: calc(100% - 482px); float: right; padding: 0; box-sizing: border-box; margin-bottom: 20px; }
.urunDetay .slot ul.modeli { width: calc(100% - 482px); float: right; }
.urunDetay .slot ul.modeli li { width: 100%; float: left; font-size: 16px; line-height: 18px; margin-bottom: 6px; }
.urunDetay .slot ul.modeli li:last-child { margin-bottom: 0px; }
.urunDetay .slot ul.modeli li strong { width: auto; float: left; color: #c00c0d; margin-right: 5px; }
.urunDetay .slot ul.modeli li strong:after { content: " : "; }
.urunDetay .slot ul.modeli li h1, .urunDetay .slot ul.modeli li h2 { width: auto; float: left; font-size: 15px; color: #7e7e7e; line-height: 18px; }
.urunDetay .slot ul.modeli li span { width: auto; float: left; }
.urunDetay .slot .kisaBilgi .yazi { font-size: 13px; line-height: 20px; margin-top: 20px; }
.urunDetay .slot .kisaBilgi .teslimSuresi { width: 100%; float: left; font-size: 14px; color: #fff; background: #5d6b73; box-sizing: border-box; padding: 12px 10px; text-align: center; margin-top: 20px; }
.urunDetay .slot .kisaBilgi .stokDurum { width: auto; float: left; background-image: url(../images/stokv.png); background-position: 10px center; background-color: #5d6b73; background-repeat: no-repeat; padding: 19px 21px 19px 59px; color: #fff; font-size: 13px; line-height: 13px; margin-top: 20px; }
.urunDetay .slot .kisaBilgi .stokDurum.var { }
.urunDetay .slot .kisaBilgi .stokDurum.yok { background-color: #e63e3e; }
.urunDetay .slot .ozellik { width: 100%; float: left; }
.urunDetay .slot .ozellik ul { width: 100%; float: left; }
.urunDetay .slot .ozellik ul li { width: 100%; float: left; font-size: 13px; color: #6f6a60; line-height: 15px; margin-bottom: 7px; }
.urunDetay .slot .ozellik ul li:last-child { margin-bottom: 0px; }
.urunDetay .slot .ozellik ul li strong { }
.urunDetay .slot .ozellik ul li strong:after { content: " : "; }
.urunDetay .slot .ozellik ul li span { }
.urunDetay .slot .ozelIcon.genelListe { text-align: center; margin-top: 20px; border-top: solid 1px #dbdcd4; border-bottom: solid 1px #dbdcd4; padding-bottom: 10px; }
.urunDetay .slot .ozelIcon.genelListe li { width: 80px; height: 80px; padding: 0; float: none; display: inline-table; position: relative; }
.urunDetay .slot .ozelIcon.genelListe li a { }
.urunDetay .slot .ozelIcon.genelListe li img { width: auto; max-width: calc(100% - 10px); max-height: calc(100% - 10px); height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.urunDetay .slot .fiyati { width: 100%; float: left; margin-top: 20px; background: #f9f9f9; padding: 16px 0px; }
.urunDetay .slot .fiyati div { width: 100%; float: left; font-size: 15px; color: #6f6a60; margin-bottom: 14px; text-align: center; }
.urunDetay .slot .fiyati div span { width: 100%; float: left; margin-bottom: 4px; }
.urunDetay .slot .fiyati div strong { font-size: 19px; line-height: 19px; }
.urunDetay .slot .fiyati div b { font-size: 12px; }
.urunDetay .slot .fiyati div:last-child { color: #c00c0d; margin-bottom: 0px; }
.urunDetay .adeti { width: 100%; float: left; position: relative; margin-top: 11px; }
.urunDetay .adeti:after { content: "Adeti Seçiniz"; font-size: 12px; color: #c6c6c6; float: left; width: 40px; margin-left: 11px; line-height: 15px; margin-top: 2px; }
.urunDetay .artir { width: 100%; float: left; position: relative; margin-left: 0; border: solid 1px #ededed; margin: 20px 0px; }
.urunDetay .artir a { width: 39px; height: 43px; float: left; margin: 2px 0px; }
.urunDetay .artir a.eksi { background: url(../images/eksilt.png) no-repeat center center #fff; border-right: solid 1px #ededed; }
.urunDetay .artir a.arti { background: url(../images/artir1.png) no-repeat center center #fff; border-left: solid 1px #ededed; }
.urunDetay .artir a.eksi:active { background-color: #FAFAFA; }
.urunDetay .artir a.arti:active { background-color: #FAFAFA; }
.urunDetay .adet { width: calc(100% - 80px); box-sizing: border-box; float: left; color: #3a3838; text-align: center; padding: 12px 0px; font-size: 15px; line-height: 15px; font-weight: 600; }
.urunDetay .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 .artir .uyari span { font-weight: bold; }
.urunDetay .btnDuzen { width: 100%; float: left; margin-bottom: 10px; background-repeat: no-repeat; background-position: 20px center; font-size: 17px; font-weight: 300; color: #fff; text-align: center; padding: 15px 11px 15px 49px; cursor: pointer; }
.urunDetay .teklifIste { background-color: #5d6b73; background-image: url(../images/tklific.png); background-position: 23px center; }
.urunDetay .satinAl { background-color: #c00c0d; background-image: url(../images/stnalic.png); }
.urunDetay .tabBar { width: 100%; float: left; }
.urunDetay .tabBar .tabMenu { width: 100%; float: left; background: #f6f6f6; margin-bottom: 15px; padding: 0px 20px; box-sizing: border-box; margin-top: 10px; }
.urunDetay .tabBar .tabMenu ul { width: 100%; float: left; }
.urunDetay .tabBar .tabMenu ul li { width: auto; float: left; margin-right: 13px; }
.urunDetay .tabBar .tabMenu ul li a { width: auto; float: left; font-size: 16px; color: #7e7e7e; padding: 15px 4px 6px 4px; line-height: 16px; border-bottom: solid 7px #f6f6f6; }
.urunDetay .tabBar .tabMenu ul li a.active { border-color: #c00c0d; color: #c00c0d; }
.urunDetay .icKisim { }
.urunDetay .icKisim .ick { }
.urunDetay .genelozellik.genelListe { }
.urunDetay .genelozellik.genelListe li { width: 100%; padding: 30px 30px; display: table; table-layout: fixed; }
.urunDetay .genelozellik.genelListe li:nth-child(2n) { background: #f6f6f6; }
.urunDetay .genelozellik.genelListe li .resim { width: 160px; display: table-cell; vertical-align: middle; float: none; }
.urunDetay .genelozellik.genelListe li .sag { width: calc(100% - 160px); display: table-cell; vertical-align: middle; box-sizing: border-box; padding-left: 18px; }
.urunDetay .genelozellik.genelListe li h6 { font-size: 17px; color: #7e7e7e; line-height: 18px; font-weight: bold; }
.urunDetay .genelozellik.genelListe li p { font-size: 14px; color: #7e7e7e; line-height: 21px; margin-top: 10px; }

.urunDetay .teknik.genelListe { }
.urunDetay .teknik.genelListe li { width: 100%; padding: 0px; margin-bottom: 10px; padding: 12px 30px; }
.urunDetay .teknik.genelListe li a { display: table; table-layout: fixed; }
.urunDetay .teknik.genelListe li .resim { width: 57px; display: table-cell; vertical-align: middle; float: none; }
.urunDetay .teknik.genelListe li h6 { width: calc(100% - 80px); display: table-cell; vertical-align: middle; float: none; padding-left: 10px; font-size: 14px; color: #7e7e7e; line-height: 14px; /* font-weight: bold; */ }
.tbAc { display: none; }
.urunDetay .teknik.genelListe li a img { float: none; display: inline-table; vertical-align: middle; padding-right: 10px; width: auto; height: auto !important; max-width: 100%; }
.urunDetay .teknik.genelListe li:nth-child(2n) { background: #f6f6f6; }





.mAlt { width: 100%; height: 55px; float: left; position: fixed; left: 0px; bottom: 0px; z-index: 999; background: #f7f7f7; text-align: center; display: none; -webkit-box-shadow: 0px -4px 27px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px -4px 27px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px -4px 27px 0px rgba(0, 0, 0, 0.14); }
.mAlt .mLink { width: auto; display: inline-table; }
.mAlt .mLink a { width: auto; height: 34px; float: left; background-repeat: no-repeat; background-position: center left; position: relative; margin-top: 10px; border-right: solid 1px #d8d8d8; padding-right: 18px; margin-right: 18px; }
.mAlt .mLink a:last-child { margin-right: 0px; padding-right: 0px; padding: 0px; border-right: none; }
.mAlt .mLink a.mAna { background-image: url(../images/mobile/mana.png); width: 33px; }
.mAlt .mLink a.mAra { background-image: url(../images/mobile/mara.png); width: 26px; }
.mAlt .mLink a.mAra.active { background-image: url(../images/mobile/mara2.png); }
.mAlt .mLink a.mSepet { background-image: url(../images/mobile/msepet.png); width: 38px; }
.mAlt .mLink a.mSepet span { width: 30px; height: 30px; position: absolute; right: 7px; top: -8px; background: #c00c0d; border-radius: 100%; box-sizing: border-box; border: solid 3px #f7f7f7; font-size: 12px; color: #fff; line-height: 25px; }
.mAlt .mLink a.mTel { background-image: url(../images/mobile/mtelefon.png); width: 27px; }
.mAlt .mLink a.mMenu { background-image: url(../images/mobile/mmenu.png); width: 27px; }
.mAlt .mLink a.mMenu.active { background-image: url(../images/mobile/mmenu2.png); }



.mbWrap { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.58); position: fixed; left: 0px; top: 0px; z-index: 999999999; display: none; }
.mobilMenu { width: 325px; height: 100%; position: fixed; left: -325px; top: 0px; background: #fff; -webkit-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51); -moz-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51); box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51); }
.mobilMenu .ustKisim { width: 100%; height: 110px; float: left; background: url(../images/mobile/mprbg.png) no-repeat center center; position: relative; background-size: cover; }
.mobilMenu .ustKisim .Profil { width: 63px; height: 63px; float: left; z-index: 150; position: relative; background: #f4f4f4; border-radius: 100%; border: solid 3px #fff; }
.mobilMenu .ustKisim .Profil:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/mobile/mprof.png) no-repeat center center; }
.mobilMenu .ustKisim .Profil { margin-top: 22px; margin-left: 13px; }
.mobilMenu .ustKisim .sag { width: calc(100% - 82px); float: right; margin-top: 0; position: relative; z-index: 15; border-bottom: solid 3px #fff; box-sizing: border-box; padding-left: 12px; left: -3px; padding-bottom: 5px; margin-top: 48px; }
.mobilMenu .ustKisim .sag .panel { width: 100%; float: left; }
.mobilMenu .ustKisim .sag a { font-size: 15px; color: #686868; font-weight: bold; }
.mobilMenu .ustKisim .sag a:after { content: attr(data-text)""; letter-spacing: 1px; }
.mobilMenu .ustKisim .sag .panel a, .mobilMenu .ustKisim .sag .panel input[type="submit"] { width: auto; float: left; font-size: 16px; color: #ffffff; font-weight: 600; line-height: 16px; border-right: solid 2px #fff; padding-right: 11px; margin-right: 11px; background: none; }
.mobilMenu .ustKisim .sag .panel a:last-child, .mobilMenu .ustKisim .sag .panel input[type="submit"]:last-child { padding-right: 0px; margin-right: 0px; border-right: none; }
.mobilMenu .ustKisim .sag .sosyalMedia { width: 100%; float: left; margin-top: 9px; position: relative; margin-left: -6px; margin-top: 12px; opacity: 0.7; }
.mobilMenu .ustKisim .sag .sosyalMedia a { margin: 0px; }
.mobilMenu .ustKisim .sag .sosyalMedia a:hover { opacity: 1; }
.mobilMenu .ustKisim .sag .sosyalMedia a.facebook { background: url(../images/social/facebook2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.twitter { background: url(../images/social/twitter2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.googleplus { background: url(../images/social/googleplus2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.instagram { background: url(../images/social/instagram2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.linkedin { background: url(../images/social/linkedin2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.pinterest { background: url(../images/social/pinterest2.png) no-repeat center center; }
.mobilMenu .ustKisim .sag .sosyalMedia a.youtube { background: url(../images/social/youtube2.png) no-repeat center center; }
.mobilMenu .ustKisim .mKapat { width: 16px; height: 17px; background: url(../images/cksic.png) no-repeat; position: absolute; right: 12px; top: 12px; z-index: 999; }
.mobilMenu .ustKisim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 3; }
.mobilMenu .ustKisim .Profil a { width: 100%; float: left; text-align: center; font-size: 19px; color: #ffffff; line-height: 23px; margin-bottom: 8px; }
.mobilMenu .ustKisim .Profil .cks { font-size: 14px; line-height: 15px; width: 100%; float: left; text-align: center; color: #ffffff; margin-bottom: 8px; background: none; }
.mobilMenu .altKisim { width: 100%; float: left; }
.mobilMenu .altKisim .menuBar { width: 100%; box-sizing: border-box; padding: 0px 20px; height: calc(100% - 165px); float: left; overflow-x: hidden; position: absolute; left: 0px; top: 127px; }
.mobilMenu .altKisim .menuBar ul { width: 100%; float: left; box-sizing: border-box; position: relative; left: inherit; }
.mobilMenu .altKisim .menuBar ul li { width: 100%; float: left; margin: 0px; padding: 0; position: relative; border: navajowhite; }
.mobilMenu .altKisim .menuBar ul li .resim { display: none; }
.mobilMenu .altKisim .menuBar ul li a { width: 100%; float: left; font-size: 16px; color: #414141; font-weight: 400; line-height: 22px; box-sizing: border-box; border: none; padding: 7px 0px; text-align: left; }
.mobilMenu .altKisim .menuBar ul > li > a span.mnAcb { width: 9px; height: 5px; display: inline-table; vertical-align: middle; background: url(../images/mbuc.png) no-repeat center; no-repeat; margin-left: 8px; margin-top: -2px; width: 19px; height: 19px; }
.mobilMenu .altKisim .menuBar ul > li > a.mobActive span.mnAcb { transform: rotate(-180deg); }
.mobilMenu .altKisim .menuBar ul li a b, .mobilMenu .altKisim .menuBar ul li a strong { font-weight: 400; }
.mobilMenu .altKisim .menuBar ul li ul { padding: 0px 0px 0px 14px; display: none; margin: -6px 0px 2px 0px; box-shadow: none; background: none; border-bottom: solid 1px #b3b3b3; }
.mobilMenu .altKisim .menuBar ul li ul ul { background: #f4f5f2; margin: 5px 0px; border-bottom: none; }
.mobilMenu .altKisim .menuBar ul li ul ul li a { font-size: 13px; }
.mobilMenu .altKisim .menuBar ul li ul li { }
.mobilMenu .altKisim .menuBar ul li ul li a { font-size: 14px; padding: 2px 0px; }
.mobilMenu .altKisim .altMenu { width: 100%; float: left; background: #cfcfcf; position: absolute; left: 0px; bottom: 0px; padding: 7px 0px; text-align: center; }
.mobilMenu .altKisim .altMenu ul { width: 100%; float: left; text-align: center; }
.mobilMenu .altKisim .altMenu ul li { width: auto; float: none; border-right: solid 1px #737373; padding: 0px 7px; margin: 5px 0; display: inline-table; }
.mobilMenu .altKisim .altMenu a:first-child { padding-left: 0px; margin-left: 0px; }
.mobilMenu .altKisim .altMenu a { width: auto; float: left; padding: 0px 7px; margin: 5px 0; display: inline-table; font-size: 12px; color: #414141; line-height: 14px; }
.mobilMenu .altKisim .altMenu li:last-child a, .mobilMenu .altKisim .altMenu li:last-child { border-right: 0px; padding-right: 0px; }



.siteWrap { width: 100%; float: left; position: relative; box-sizing: border-box; z-index: 9999999; }
.siteWrap.active { transform: translate(325px, 0px); }



.genelArama { width: 100%; float: left; box-sizing: border-box; padding: 0px 15px; }
.genelArama h2 { width: 100%; float: left; font-size: 18px; color: #313131; }
.genelArama .yazi { margin-top: 6px; margin-bottom: 10px; }
.arama-liste { margin-bottom: 36px; width: 100%; float: left; }
.arama-liste .tumu { width: 100%; float: left; text-align: center; font-size: 15px; background: #c00c0d; color: #fff; margin-top: 10px; padding: 11px 0px; }
.arama-liste:last-child { margin-bottom: 0px; }



.referans.genelListe { background: #f6f6f6; margin-top: 20px; }
.referans.genelListe li { width: 14.285%; padding: 0px; }
.referans.genelListe li a { padding: 28px 10px; }
.referans.genelListe li .resim { }



.vtGoster.genelListe { margin-bottom: 40px; }
.vtGoster.genelListe li { width: calc(50% - 5px); padding: 0px; margin-bottom: 10px; }
.vtGoster.genelListe li:nth-child(2n) { float: right; }
.vtGoster.genelListe li .resim { z-index: 40; }
.vtGoster.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 41; background: rgba(49, 49, 49, 0.65); display: none; }
.vtGoster.genelListe li h6 { width: 50%; position: absolute; z-index: 50; font-size: 30px; color: #fff; line-height: 38px; padding: 20px 20px; }