@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: #da6a39; }
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: 'nu'; }


.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: "Resimler Yükleniyor. 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, .arrow a, .pages a, ::before, ::after { 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; margin-top: 30px; }
.icerik.yActive { margin-top: 10px; }
.icerik .yazi { width: 100%; float: left; font-size: 15px; color: #6f6a60; line-height: 26px; }
.icerik .solBar { width: 250px; float: left; box-sizing: border-box; }
.icerik .sagBar { width: calc(100% - 291px); float: right; box-sizing: border-box; }
.icerik.alt { }
.icerik.alt .sagBar { }



.header { width: 100%; float: left; position: relative; }
.header .ust { width: 100%; float: left; position: relative; background: url(../images/ustbg.png) no-repeat top center; padding: 11px 0; }
.header .ust .sagK { width: auto; float: left; }
.header .ust .sagK > div { width: auto; float: left; position: relative; margin-right: 30px; }
.header .ust .sagK > div:last-child { margin-right: 0px; }
.header .ust .sagK .telefon { font-size: 17px; line-height: 19px; font-weight: 300; color: #fff; padding: 3px 0 1px 0; }
.header .ust .sagK .servis { }
.header .ust .sagK .servis a { animation: anim 1s infinite 0.3s; width: auto; float: left; font-size: 16px; line-height: 19px; font-weight: 800; color: #fff; background: url(../images/sric.png) no-repeat left top; padding: 3px 0 1px 28px; }
.header .ust .sagK .sosyalMedia { }
.header .alt { width: 100%; float: left; position: relative; padding: 25px 0 15px 0; }
.header .alt .logo { width: 295px; float: left }
.header .alt .menuBar { width: auto; float: right; position: relative; margin: 47px 0 0 0; }

@keyframes anim{
    to{ opacity: 1;}
    from{ opacity: 0;}
}


.slider { width: calc(100% - 30px); height: 675px; float: left; position: relative; margin-left: 15px; 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; background-size: cover !important }
.slider .arr { width: 284px; height: 284px; position: absolute; top: calc(50% - 142px); background-position-y: center; background-color: #fff; background-repeat: no-repeat; z-index: 75; border-radius: 100%; }
.slider .arr.sol { background-image: url(../images/slsol.png); left: -222px; background-position-x: calc(100% - 27px); }
.slider .arr.sag { background-image: url(../images/slsag.png); right: -222px; background-position-x: 27px; }
.slider .pageWr { width: 100%; float: left; position: absolute; left: 0px; bottom: 8px; display: none; }
.slider .pageWr .pages { width: 100%; float: left; position: relative; text-align: center; }
.slider .pageWr .pages a { width: 16px; height: 16px; display: inline-table; vertical-align: text-bottom; background: #fff; border-radius: 100%; position: relative; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.34); margin: 0 2px; }
.slider .pageWr .pages a:after { content: ""; width: 8px; height: 8px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: hsl(18, 69%, 54%); border-radius: 100%; opacity: 0; }
.slider .pageWr .pages a.selected:after { opacity: 1; }



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



.kisaYol.genelListe { }
.kisaYol.genelListe li { width: calc(25% - 45px); margin-right: 60px; padding: 0px; text-align: center; }
.kisaYol.genelListe li:nth-child(4n) { margin-right: 0px; }
.kisaYol.genelListe li .resim { height: 52px; overflow: hidden; }
.kisaYol.genelListe li a:hover .resim { margin-top: -10px; margin-bottom: 10px; }
.kisaYol.genelListe li .resim img { width: auto; height: auto; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.kisaYol.genelListe li h6 { font-size: 18px; line-height: 18px; color: #696969; margin-top: 11px; }
.kisaYol.genelListe li a:hover h6 { color: #d72e01 }



.anaKat.genelListe { padding: 0 13px; }
.anaKat.genelListe li { width: 25%; padding: 0px; }
.anaKat.genelListe li a { padding: 0 2px; }
.anaKat.genelListe li .resim { z-index: -1 }
.anaKat.genelListe li .resim:after { content: ""; width: 0; height: 100%; position: absolute; left: 50%; top: 50%; background: rgba(218, 106, 57, 0.61); z-index: 40; opacity: 0; transform: translate(-50%, -50%); }
.anaKat.genelListe li a:hover .resim:after { opacity: 1; width: 100%; /* height: 100%; */ left: 0; top: 0; transform: translate(0, 0); }
.anaKat.genelListe li h6 { font-size: 42px; line-height: 42px; font-weight: bold; color: #fff; position: absolute; left: 0; top: 0; padding: 20px 24px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.34); }
.anaKat.genelListe li .devam { width: auto; position: absolute; right: 20px; bottom: 20px; font-size: 20px; line-height: 20px; color: #fff; padding: 8px 0 0 0; }
.anaKat.genelListe li .devam:before { content: ""; width: 25px; height: 2px; position: absolute; left: 0px; top: 0px; background: #ffff }



.projeUy.genelListe { }
.projeUy.genelListe .baslik { width: 100%; float: left; position: relative; margin-bottom: 20px; }
.projeUy.genelListe .baslik h2 { width: auto; float: left; font-size: 51px; line-height: 51px; font-weight: bold; color: #000; }
.projeUy.genelListe .baslik .arrow { width: auto; float: right; position: relative; margin-top: 2px; }
.projeUy.genelListe .baslik .arrow a { width: 39px; height: 39px; float: left; background-repeat: no-repeat; background-position: center center; background-color: #e1e1e1; margin-right: 4px; }
.projeUy.genelListe .baslik .arrow a:last-child { margin-right: 0 }
.projeUy.genelListe .baslik .arrow a:hover { background-color: #d02834 }
.projeUy.genelListe .baslik .arrow a.sol { background-image: url(../images/crsol.png) }
.projeUy.genelListe .baslik .arrow a.sag { background-image: url(../images/crsag.png); }
.projeUy.genelListe .baslik .arrow a.sol:hover { background-image: url(../images/crsol2.png) }
.projeUy.genelListe .baslik .arrow a.sag:hover { background-image: url(../images/crsag2.png); }
.projeUy.genelListe .kapsa { width: 100%; float: left; position: relative; }
.projeUy.genelListe li a { display: table; table-layout: fixed; }
.projeUy.genelListe li { width: 100%; padding: 0px; }
.projeUy.genelListe li .solK { width: 100%; display: table-cell; vertical-align: middle; position: relative; box-sizing: border-box; padding: 0 40px 0 0px; }
.projeUy.genelListe li .resim { width: 540px; display: table-cell; vertical-align: middle; float: none; }
.projeUy.genelListe li .resim .devam { width: auto; position: relative; display: inline-table; left: 50%; margin-top: -35px; transform: translate(-50%, 0); font-size: 20px; line-height: 20px; font-weight: bold; background: #d02834; color: #fff; padding: 16px 36px; }
.projeUy.genelListe li h6 { font-size: 25px; line-height: 25px; color: #d02834; font-weight: bold; }
.projeUy.genelListe li p { font-size: 16px; line-height: 23px; margin-top: 20px; color: #505050; }



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



.cozumOrt.genelListe { }
.cozumOrt.genelListe .baslik { width: 100%; float: left; position: relative; }
.cozumOrt.genelListe .baslik h3 { width: 100%; float: left; position: relative; font-size: 51px; line-height: 51px; font-weight: bold; color: #000; }
.cozumOrt.genelListe .baslik h4 { width: 100%; float: left; position: relative; font-size: 25px; line-height: 25px; color: #d02834; font-weight: bold; margin-top: 10px; }
.cozumOrt.genelListe .kapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-top: 22px; }
.cozumOrt.genelListe .arr { width: 16px; height: 30px; position: absolute; top: calc(50% - 15px); z-index: 45; }
.cozumOrt.genelListe.noCaro .arr { display: none; }
.cozumOrt.genelListe .arr.sol { background-image: url(../images/crdsol.png); left: -30px; }
.cozumOrt.genelListe .arr.sag { background-image: url(../images/crdsag.png); right: -30px; }
.cozumOrt.genelListe li { width: 25%; padding: 0px; }
.cozumOrt.genelListe li a { padding: 0 4px; }
.cozumOrt.genelListe li .resim { height: 109px; border: solid 1px #e4e4e4; border-radius: 4px; }
.cozumOrt.genelListe li a:hover .resim { border-color: #f7743c }
.cozumOrt.genelListe li .resim img { max-width: calc(100% - 40px); max-height: calc(100% - 40px); width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }



.altBar { width: 100%; float: left; position: relative; margin-top: 70px; }
.altBar .ust { width: 100%; float: left; background: #f2f2f2; }
.altBar .ust .ortala { padding: 39px 0; border-top: solid 2px #f7743c; display:flex; }

.altBar .ust .slot { width: calc(20% - 15px); float: left; margin-right: 20px; }
.altBar .ust .slot:nth-child(4n) { margin-right: 0px; }
.altBar .ust .slot h6 { width: 100%; float: left; font-size: 18px; line-height: 18px; font-weight: 600; color: #353535; margin-bottom: 12px; }
.altBar .ust .slot ul { width: 100%; float: left; }
.altBar .ust .slot ul li { width: 100%; float: left }
.altBar .ust .slot ul li a { width: 100%; float: left }
.altBar .ust .slot .yazi { }
.altBar .ust .slot ul li a, .altBar .ust .slot .yazi { font-size: 14px; line-height: 19px; color: #565656; }
.altBar .ust .slot .sosyalMedia { margin-top: 20px }
.altBar .alt { width: 100%; float: left; padding: 16px 0; }
.altBar .bilgi { float: left; }
.altBar .teknoBay { float: right; }
.altBar .bilgi, .altBar .teknoBay { font-size: 13px; line-height: 13px; color: #616161; }



.katResim { width: 100%; height: 280px; float: left; position: relative; box-sizing: border-box; background-size: cover !important; }
.katResim strong, .katResim h1 { width: 1170px; left: calc(50% - 585px); top: 50%; position: absolute; transform: translate(0,-50%); font-size: 55px; line-height: 55px; font-weight: bold; color: #fff; text-shadow: 3px 3px 11px rgb(0, 0, 0); }


.kategori.genelListe { }
.kategori.genelListe .slogan { width: 100%; float: left; text-align: center; margin-bottom: 20px; font-size: 32px; line-height: 38px; color: #959595; font-weight: 600; }
.kategori.genelListe .slogan span { font-weight: 600; color: #d72e01; }
.kategori.genelListe li { width: calc(16.666% - 12px); margin-right: 14px; margin-bottom: 14px; padding: 0; }
.kategori.genelListe li:nth-child(6n) { margin-right: 0px; }
.kategori.genelListe li .resim { z-index: -1 }
  .kategori.genelListe li a { border:solid 1px #ccc; }
  .kategori.genelListe li a:hover .resim:after { opacity: 1 }
.kategori.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(218, 106, 57, 0.61); z-index: 40; opacity: 0 }
.kategori.genelListe li h6 { font-size: 21px; line-height: 42px; font-weight: bold; color: #fff; position: absolute; left: 0; top: 0; padding: 20px 24px; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.34); }
.kategori.genelListe li .devam { width: auto; position: absolute; right: 20px; bottom: 20px; font-size: 20px; line-height: 20px; color: #fff; padding: 8px 0 0 0; }
.kategori.genelListe li .devam:before { content: ""; width: 25px; height: 2px; position: absolute; left: 0px; top: 0px; background: #ffff }



.linkAgaci { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 30px; }
.linkAgaci a { width: auto; float: left; position: relative; margin-right: 9px; pad; padding-right: 15px; font-size: 13px; line-height: 13px; font-weight: 600; color: #959595; }
.linkAgaci a:after { content: ">"; width: auto; position: absolute; right: 0px; top: 0px; }
.linkAgaci a:last-child { margin-right: 0px; padding-right: 0px; }
.linkAgaci a:last-child:after { display: none; }



.Urun.genelListe { }
.Urun.genelListe li { width: calc(33.333% - 10px); margin-right: 15px; padding: 0px; margin-bottom: 40px; text-align: center; }
.Urun.genelListe li:nth-child(3n) { margin-right: 0px; }
.Urun.genelListe li .resim { margin-bottom: 20px; }
.Urun.genelListe li h5 { font-size: 16px; line-height: 24px; font-weight: bold; color: #686868; margin-bottom: 16px; height: 48px; overflow: hidden; }
.Urun.genelListe li h6 { font-size: 17px; line-height: 17px; font-weight: 300; color: #989898; margin-bottom: 10px; }
.Urun.genelListe li .fiyat { width: auto; display: inline-table; vertical-align: text-bottom; font-size: 19px; line-height: 19px; font-weight: bold; color: #fff; background: #d86a40; padding: 8px 13px 6px 13px; }



.urunDetay { width: 100%; float: left; position: relative; }
.urunDetay .slot { width: 100%; float: left; position: relative; margin-bottom: 40px; }
.urunDetay .slot:last-child { margin-bottom: 0px; }
.urunDetay .slot .dKapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 23px; }
.urunDetay .slot .dKapsa:last-child { margin-bottom: 0px; }
.urunDetay .slot .dKapsa h6 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 20px; line-height: 23px; font-weight: bold; color: #565351; margin-bottom: 16px; }
.urunDetay .slot .baslik { margin-bottom: 20px; }
.urunDetay .slot .baslik h1 { width: 100%; float: left; font-size: 30px; line-height: 33px; font-weight: bold; color: #d86a40; }
.urunDetay .slot .solKisim { width: 536px; float: left; position: relative; }
.urunDetay .slot .sagKisim { }
.urunDetay .slot .sagKisim, .urunDetay .slot .baslik { width: calc(100% - 566px); float: right; position: relative; }
.urunDetay .slot .sagKisim .bilgi { width: 100%; float: left; position: relative; }
.urunDetay .slot .sagKisim .bilgi ul { width: 100%; float: left; position: relative; box-sizing: border-box; }
.urunDetay .slot .sagKisim .bilgi ul li { width: 100%; float: left; position: relative; margin-bottom: 12px; font-size: 16px; line-height: 17px; color: #656564; }
.urunDetay .slot .sagKisim .bilgi ul li:last-child { margin-bottom: 0px }
.urunDetay .slot .sagKisim .bilgi ul li .sol { width: 124px; float: left; position: relative; font-weight: bold; }
.urunDetay .slot .sagKisim .bilgi ul li .sol:after { content: ":"; width: auto; position: absolute; right: 0px; top: 0px; }
.urunDetay .slot .sagKisim .bilgi ul li .sag { width: calc(100% - 140px); float: right; }
.urunDetay .slot .sagKisim .fiyati { width: auto; float: left; font-size: 28px; line-height: 28px; font-weight: bold; color: #fff; background: #d86a40; padding: 8px 18px; }
.urunDetay .slot .ozellik { }
.urunDetay .slot .ozellik ul { width: 100%; float: left; }
.urunDetay .slot .ozellik ul li { width: 100%; float: left; margin-bottom: 12px; font-size: 18px; line-height: 19px; color: #656564; }
.urunDetay .slot .ozellik ul li:last-child { margin-bottom: 0 }
.urunDetay .slot .ozellik ul li .sol { width: 306px; float: left; position: relative; font-weight: 600; }
.urunDetay .slot .ozellik ul li .sol:after { content: ":"; position: absolute; right: 0px; top: 0 }
.urunDetay .slot .ozellik ul li .sag { width: calc(100% - 323px); float: right; position: relative; }

@media(max-width: 991px)
{
    .kategori.genelListe li { width: calc(25% - 10px); margin-right: 12px; margin-bottom: 12px; padding: 0; }
    .kategori.genelListe li:nth-child(4n) { margin-right: 0px; }
    .kategori.genelListe li:nth-child(6n) { margin-right: 12px; }
}

@media(max-width: 640px)
{
    .kategori.genelListe li { width: calc(33.333% - 12px); margin-right: 16px; margin-bottom: 16px; padding: 0; }
    .kategori.genelListe li:nth-child(3n) { margin-right: 0px; }
    .kategori.genelListe li:nth-child(4n) { margin-right: 16px; }
    .kategori.genelListe li:nth-child(6n) { margin-right: 0px; }
}