@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: 'sour'; }


.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, .arrow a, .pages a { 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); position: relative; }
.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: #353535; line-height: 26px; }
.icerik .solBar { width: 250px; float: left; box-sizing: border-box; }
.icerik .sagBar { width: calc(100% - 281px); float: right; box-sizing: border-box; }



.header { width: 100%; position: absolute; left: 0px; top: 0px; z-index: 170; padding: 20px 0; }
.header .logo { width: 305px; float: left; margin: 35px 0 0 0; }
.header .katalog { width: calc(100% - 305px); float: right; }
.header .katalog a { width: auto; float: right; font-size: 16px; line-height: 16px; font-weight: 900; color: #fff; border-radius: 20px; border: solid 2px #fff; padding: 7px 20px; }
.header .menuBar { width: calc(100% - 305px); float: right; position: relative; margin: 15px 0 0 0; }



.slider { width: 100%; height: 100vh; display: table; table-layout: fixed; position: relative; z-index: 100; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; height: 100%; float: left; left: 0; top: 0; box-sizing: border-box; background-size: cover !important; }
.slider ul li.video img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0; z-index: -1; display: inherit !important; }
.slider ul li a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.07); }
.slider ul li .kapsa { width: 325px; position: absolute; right: 20px; bottom: 20px; color: #fff; text-align: center; z-index: 70; }
.slider ul li .kapsa .resmi { width: 305px; display: inline-table; vertical-align: text-bottom; position: relative; }
.slider ul li .kapsa .resmi img { width: 100%; height: auto !important; display: inherit !important; position: relative; }
.slider ul li .kapsa strong { width: 100%; float: left; font-size: 55px; line-height: 55px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.37); display: none; }
.slider ul li .kapsa span { width: 100%; float: left; font-size: 16px; line-height: 18px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.37); margin: 15px 0 0 0; }
.slider video, .slider source { bottom: 0; left: 0; height: auto !important; min-height: 100%; min-width: 100%; position: absolute; background-position: center center !important; /* height: 100% !important; */ background-size: cover !important; object-fit: cover; }
.slider video:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #ac0; z-index: 45; }
.slider .asagi { width: 46px; height: 36px; position: absolute; left: calc(50% - 23px); bottom: 20px; background: url(../images/aras.svg) no-repeat center center rgba(12, 12, 12, 0.49); z-index: 44; }



.anaSayfa { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 30px 0 0 0; }
.anaSayfa .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 30px 0; }
.anaSayfa .slot:last-child { margin-bottom: 0; }
.anaSayfa .slot.ana { padding: 0 30px; text-align: center; }
.anaBaslik { width: 100%; float: left; position: relative; margin-bottom: 30px; }
.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; position: relative; z-index: 5; display: inline-table; vertical-align: text-bottom; }
.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: 28px; color: #4c5462; line-height: 24px; font-weight: 900; }



.hakkinda { background-image: url(../images/st01.jpg); background-size: cover; background-attachment: scroll; text-align: center; padding: 80px 0; z-index: 70; background-position: 50% 50%; }
.hakkinda:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.27); z-index: -1 }
.hakkinda h1 { width: 100%; float: left; position: relative; font-size: 40px; line-height: 40px; font-weight: 900; color: #fff; margin: 0 0 20px 0; }
.hakkinda .yazi { width: 100%; float: left; position: relative; font-size: 18px; line-height: 25px; color: #fff; }
.hakkinda a.devami { width: auto; display: inline-table; vertical-align: text-bottom; margin: 20px 0px 0 0; font-size: 17px; line-height: 17px; font-weight: 600; color: #fff; background: #008b3c; padding: 10px 40px; border-radius: 20px; }



.Urun.genelListe { }
.Urun.genelListe.ana { }
.Urun.genelListe li { width: 25%; height: 250px; padding: 0px; }
.Urun.genelListe li.nB { margin-bottom: 0 !important }
.Urun.genelListe.border li a { text-align: center; display: inline-block; height: 100%; min-height: 100%; border: solid 1px #ccc; padding: 15px 10px; }
.Urun.genelListe.border li a:hover { border-color: #008b3c }
.Urun.genelListe.border li a .resim { padding: 0; }
.Urun.genelListe.border li h6 { font-size: 15px; line-height: 15px; font-weight: 600; }
.Urun.genelListe li .resim { padding: 0 10px; }
.Urun.genelListe li h6 { font-size: 18px; line-height: 18px; font-weight: 900; color: #3e3e3e; margin: 20px 0 0 0; }

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

.Urun.genelListe.altiLi li { width: calc(16.66% - 15px); margin-right: 18px; margin-bottom: 32px; }
.Urun.genelListe.altiLi li:nth-child(6n) { margin-right: 0px; }


.Urun.genelListe .slot { width: 100%; float: left; position: relative; margin: 0 0 40px 0; }
.Urun.genelListe .slot:last-child { margin-bottom: 0 }
.Urun.genelListe .slot .baslik { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 20px 0; }
.Urun.genelListe .slot .baslik h4 { width: 100%; float: left; position: relative; font-size: 25px; color: #008b3c; line-height: 24px; font-weight: 900; }
.Urun.genelListe .slot:last-child { margin-bottom: 0px; }



.vitrin { background-image: url(../images/st02.jpg); background-size: cover; background-attachment: scroll; padding: 80px 0; z-index: 70; background-position: 50% 50%; }
.vitrin:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.27); z-index: -1 }
.vitrin h2 { width: 100%; float: left; position: relative; font-size: 40px; line-height: 40px; font-weight: 900; color: #fff; margin: 0 0 20px 0; }
.vitrin .yazi { width: 100%; float: left; position: relative; font-size: 18px; line-height: 25px; color: #fff; }
.vitrin a.devami { width: auto; display: inline-table; vertical-align: text-bottom; margin: 20px 0px 0 0; font-size: 17px; line-height: 17px; font-weight: 600; color: #fff; background: #008b3c; padding: 10px 40px; border-radius: 20px; }



.vitrinSet.genelListe { background: #000; padding: 40px 30px; }
.vitrinSet.genelListe li { width: calc(25% - 24px); margin-right: 32px; padding: 0px; }
.vitrinSet.genelListe li:nth-child(4n) { margin-right: 0px; }
.vitrinSet.genelListe li .resim { }



.altBar { width: 100%; position: relative; float: left; margin: 70px 0 0 0; }
.altBar .ust { width: 100%; float: left; position: relative; background: #008b3c; padding: 30px 0; }
.altBar .ust .slot { width: calc(25% - 30px); margin-right: 40px; float: left; position: relative; }
.altBar .ust .slot:nth-child(4n) { margin-right: 0px; }
.altBar .ust .slot h6 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 20px; line-height: 18px; font-weight: 900; color: #ffffff; margin-bottom: 10px; border-bottom: solid 2px #fff; }
.altBar .ust .slot ul { width: 100%; float: left; position: relative; }
.altBar .ust .slot ul li { width: 100%; float: left; position: relative; }
.altBar .ust .slot ul li a { width: 100%; float: left; }
.altBar .ust .slot ul li a, .altBar .ust .slot .yazi { font-size: 14px; line-height: 22px; color: #ffffff; }
.altBar .alt { width: 100%; float: left; position: relative; padding: 20px 0; }
.altBar .alt .bilgi { float: left; }
.altBar .alt .teknoBay { float: right; }
.altBar .alt .bilgi, .altBar .alt .teknoBay { width: auto; font-size: 13px; line-height: 13px; color: #424242; }



.katResim { width: 100%; height: 300px; float: left; position: relative; box-sizing: border-box; background-blend-mode: multiply !important; background-color: #e8f3ed !important; background-size: cover !important; }
.katResim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(4, 3, 3, 0.4); }
.katResim img { width: 100%; float: left; display: none; }
.katResim h1, .katResim strong { width: 1170px; position: absolute; left: calc(50% - 585px); top: calc(50% + 38px); transform: translate(0,-50%); z-index: 90; font-size: 35px; line-height: 35px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.37); color: #fff; font-weight: 900; }



.urunDetay { width: 100%; float: left; position: relative; box-sizing: border-box; }
.urunDetay .solKisim { width: 400px; float: left }
.urunDetay .solKisim a { border: solid 1px #cecece; padding: 30px; }
.urunDetay .solKisim a, .urunDetay .solKisim a img { width: 100%; float: left; position: relative; box-sizing: border-box; }
.urunDetay .baslik { border-bottom: solid 1px #a9a9a9; padding: 0 0 8px 0; margin: 0 0 12px 0; }
.urunDetay .baslik h1 { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 35px; line-height: 35px; font-weight: 900; color: #464646; }
.urunDetay .sagKisim { }
.urunDetay .baslik, .urunDetay .sagKisim { width: calc(100% - 430px); float: right; position: relative; }
.urunDetay .sagKisim .dKapsa { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 20px; }
.urunDetay .sagKisim .dKapsa:last-child { margin-bottom: 0px; }
.urunDetay .sagKisim .yazi { }
.urunDetay .sagKisim .ayrinti { width: 100%; float: left; }
.urunDetay .sagKisim .ayrinti a { max-width: 100%; width: auto; float: left; }
.urunDetay .sagKisim .ayrinti img { max-width: 100%; width: auto; float: left; }