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


.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; mix-blend-mode: multiply; }



.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, .katIkon.genelListe li a:after, .kurumsal .slot.satis .wrap a, .kurumsal .slot.satis .wrap a: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; margin-top: 20px; }
.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% - 281px); float: right; box-sizing: border-box; }
.icerik.alt { }
.icerik.alt .sagBar { /* background:#fff; */ /* padding: 22px; */ }



.header { width: 100%; float: left; position: relative; z-index: 150; }
.header .ust { width: 100%; height: 51px; float: left; position: relative; }
.header .ust .ustMenu { width: auto; float: left; }
.header .ust .ustMenu ul { width: auto; float: left; margin-top: 16px; }
.header .ust .ustMenu ul li { width: auto; float: left; }
.header .ust .ustMenu ul li:first-child a { padding-left: 0px; }
.header .ust .ustMenu ul li:last-child a { padding-right: 0px; }
.header .ust .ustMenu ul li:last-child a:after { display: none; }
.header .ust .ustMenu ul li a { width: auto; float: left; font-size: 17px; line-height: 17px; color: #000000; font-weight: 500; position: relative; padding: 0px 12px 0px 9px; }
.header .ust .ustMenu ul li a:after { content: ""; width: 4px; height: 2px; position: absolute; right: 0px; top: calc(50% - 1px); background: #000; }
.header .ust .cagriMer { width: auto; float: right; font-size: 17px; line-height: 17px; color: #000000; font-weight: 500; position: relative; padding: 5px 32px 0px 0px; margin-top: 13px; }
.header .ust .cagriMer:after { content: ""; width: 25px; height: 25px; position: absolute; right: 0px; top: 0px; background: url(../images/tlfic.png); }
.header .ust .sagK { width: auto; float: right; }
.header .ust .sagK .aramaWrap { width: auto; float: left; }
.header .ust .sagK .aramaBar { width: 180px; float: left; margin-top: 12px; margin-right: 40px; position: relative; }
.header .ust .sagK .aramaWrap .aramaBar .mArpt { font-size: 16px; line-height: 16px; float: right; position: absolute; right: 0; top: -27px; color: #585858; background: #fff; font-weight: 600; padding: 7px 12px; border-top-left-radius: 3px; border-top-right-radius: 3px; display: none; }
.header .ust .sagK .aramaWrap .aramaBar .mArpt:after { content: "X"; }
.header .ust .sagK .aramaBar input[type="text"] { width: 100%; float: left; position: relative; box-sizing: border-box; border: solid 1px #cccccc; font-size: 13px; line-height: 13px; color: #777777; padding: 1px 28px 2px 9px; font-weight: 300; }
.header .ust .sagK .aramaBar input[type="submit"] { width: 14px; height: 100%; position: absolute; right: 10px; top: 0px; background: url(../images/harabtn.png) no-repeat center center; }
.header .alt { width: 100%; height: 84px; float: left; position: relative; background: #505451; }
.header .alt .logo { width: 284px; height: 134px; position: absolute; background: #fff; z-index: 45; top: -50px; left: 0; }
.header .alt .logo a { width: 170px; margin-left: 57px; margin-top: 15.5px; }
.header .alt .sagK { width: auto; float: right; }
.header .alt .sol { width: auto; float: left; }
.header .alt .sag { width: auto; float: left; }
.header .alt .ikons { width: auto; float: left; position: relative; margin-top: 31px; margin: 31px 0 0 60px; }
.header .alt .ikons a { }
.header .alt .ikons .ikc { width: auto; float: left; font-size: 17px; color: #fefefe; line-height: 17px; padding-top: 2px; position: relative; }
.header .alt a.ikc:after { content: ""; width: 20px; height: 18px; position: absolute; background-repeat: no-repeat; background-position: center center; top: 0; }
.header .alt .menuBar { width: auto; float: left; }
.header .alt .urun { }
.header .alt .proje { }
.header .alt .iletisim { }
.header .alt .sol .ikons .ikc { }
.header .alt .sol .ikons .ikc:after { left: 0px; }
.header .alt .sag .ikons .ikc { }
.header .alt .sag .ikons .ikc:after { right: 0px; }
.header .alt .menuBar .ikc:after { background-image: url(../images/mnic.png); }
.header .alt .urun .ikc:after { background-image: url(../images/aramic.png); }
.header .alt .proje .ikc:after { background-image: url(../images/pric.png); }
.header .alt .iletisim .ikc:after { background-image: url(../images/iletic.png); }
.header .alt .menuBar .ikc { padding-left: 30px; }
.header .alt .urun .ikc { padding-left: 29px; }
.header .alt .proje .ikc { padding-right: 29px; }
.header .alt .iletisim .ikc { padding-right: 29px; }
.header .alt .sol .ikons { }
.header .alt .sag .ikons { }



.slider { width: 100%; float: left; position: relative; }
.slider ul, .slider ul li, .slider ul li a, .slider ul li img { width: 100%; float: left; box-sizing: border-box; position: relative; }
.slider ul li .kapsa { width: 1170px; height: auto; position: absolute; top: 50%; left: 50%; z-index: 85; text-align: center; transform: translate(-50%, -50%); }
.slider ul li .kapsa h6 { width: 100%; float: left; font-size: 70px; line-height: 73px; color: #fff; font-weight: 500; position: relative; left: 0px; }
.slider ul li .kapsa p { width: 100%; float: left; font-size: 23px; color: #fff; line-height: 28px; margin-top: 17px; position: relative; }
.slider ul li .kapsa .devam { width: auto; display: inline-table; border: solid 1px #fff; font-size: 33px; font-weight: bold; color: #fff; padding: 11px 31px; line-height: 33px; letter-spacing: 2px; margin-top: 27px; }
.slider .ar { width: 42px; height: 42px; position: absolute; top: calc(50% - 21px); z-index: 99; background-repeat: no-repeat; background-position: center center; border-radius: 100%; background-color: #878787; }
.slider .ar.sol { background-image: url(../images/slsol.png); left: calc(50% - 585px); }
.slider .ar.sag { background-image: url(../images/slsag.png); right: calc(50% - 585px); }



.katIkon.genelListe { background: #209938; position: relative; }
.katIkon.genelListe li { width: 25%; padding: 0px; text-align: center; }
.katIkon.genelListe li a { padding: 12px 0px; z-index: 15; }
.katIkon.genelListe li a:after { content: ""; width: 100%; height: 0%; position: absolute; left: 0px; top: 0px; background: #1a822f; z-index: -1; }
.katIkon.genelListe li a:hover:after { height: 100%; }
.katIkon.genelListe li .resim { height: 40px; }
.katIkon.genelListe li .resim img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); }
.katIkon.genelListe li h6 { font-size: 20px; line-height: 21px; color: #fff; margin-top: 12px; }



.urunGruplari { width: 100%; float: left; position: relative; margin-top: 30px; }
.urunGruplari .slot { width: 100%; float: left; position: relative; margin-bottom: 20px; }
.urunGruplari .slot .solKisim { width: 26.668%; float: left; }
.urunGruplari .slot .solKisim a { width: 100%; float: left; }
.urunGruplari .slot .solKisim a img { width: 100%; float: left; }
.urunGruplari .slot .sagKisim { width: 73.332%; float: right; }
.urunGruplari .slot .sagKisim .kapsul { width: 100%; float: left; position: relative; }
.urunGruplari .slot .sagKisim .urunu.genelListe { width: 34.150%; position: relative; }
.urunGruplari .slot .sagKisim .urunu.genelListe .arr { width: 22px; height: 22px; position: absolute; border-radius: 100%; position: absolute; left: calc(50% - 11px); background-repeat: no-repeat; background-position: center center; background-color: #878787; background-image: url(../images/urar.png); z-index: 45; box-sizing: border-box; }
.urunGruplari .slot .sagKisim .urunu.genelListe.noCaro .arr { display: none; }
.urunGruplari .slot .sagKisim .urunu.genelListe .arr.sol { top: 10px; }
.urunGruplari .slot .sagKisim .urunu.genelListe .arr.sag { bottom: 10px; background-image: url(../images/uras.png); }
.urunGruplari .slot .sagKisim .urunu.genelListe li { width: 100%; padding: 0px; }
.urunGruplari .slot .sagKisim .urunu.genelListe li h6 { position: absolute; left: 0px; bottom: 40px; text-align: center; font-size: 18px; color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.56); }
.urunGruplari .slot .sagKisim .urunu.genelListe .resim { }
.urunGruplari .slot .sagKisim .resmi { width: 65.851%; float: right; }
.urunGruplari .slot .sagKisim .resmi a, .urunGruplari .slot .sagKisim .resmi img { width: 100%; float: left; }
.urunGruplari .slot .sagKisim .kapsul:nth-child(2n) .urunu.genelListe { float: right; }
.urunGruplari .slot .sagKisim .kapsul:nth-child(2n) .resmi { float: left; }
.urunGruplari .slot:nth-child(2n) .solKisim { float: right; }
.urunGruplari .slot:nth-child(2n) .sagKisim { float: left; }
.urunGruplari .slot:nth-child(2n) .sagKisim .kapsul .urunu.genelListe { float: right; }
.urunGruplari .slot:nth-child(2n) .sagKisim .kapsul .resmi { float: left; }
.urunGruplari .slot:nth-child(2n) .sagKisim .kapsul:nth-child(2n) .urunu.genelListe { float: left; }
.urunGruplari .slot:nth-child(2n) .sagKisim .kapsul:nth-child(2n) .resmi { float: right; }



.anaUrun.genelListe { position: relative; z-index: 45; background: url(../images/test-resimleri/ubg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 80px 0px; }
.anaUrun.genelListe:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -1; background: rgba(255, 255, 255, 0.73); }
.anaUrun.genelListe h1 { width: 112px; height: 100%; float: left; position: absolute; }
.anaUrun.genelListe h1 a { float: left; font-size: 60px; color: #7a7a7a; line-height: 60px; position: absolute; transform: rotate(-90deg); left: -74px; top: 278px; }
.anaUrun.genelListe ul { width: calc(100% - 112px); float: right; }
.anaUrun.genelListe ul li { width: auto; padding: 0px; }
.anaUrun.genelListe ul li:nth-child(1) { width: 36.201%; }
.anaUrun.genelListe ul li:nth-child(2) { width: 63.7999%; }
.anaUrun.genelListe ul li:nth-child(3) { width: 28.828%; }
.anaUrun.genelListe ul li:nth-child(4) { width: 36.768%; }
.anaUrun.genelListe ul li:nth-child(5) { width: 34.405%; }



.kurumsal { width: 100%; float: left; display: table; table-layout: fixed; margin-top: 30px; }
.kurumsal .slot { width: 50%; height: 318px; display: table-cell; vertical-align: middle; position: relative; }
.kurumsal .slot .wrap { width: 585px; float: right; position: relative; z-index: 85; text-align: center; padding: 0px 58px; box-sizing: border-box; }
.kurumsal .slot:nth-child(2n) .wrap { float: left; }
.kurumsal .slot.satis { background: url(../images/test-resimleri/orn4.jpg) no-repeat left bottom; z-index: 44; }
.kurumsal .slot.satis:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.54); z-index: -1; }
.kurumsal .slot.satis .wrap h3 { width: 100%; float: left; font-size: 45px; line-height: 45px; color: #fff; font-weight: 300; }
.kurumsal .slot.satis .wrap p { width: 100%; float: left; font-size: 20px; color: #fff; font-weight: 300; line-height: 26px; position: relative; box-sizing: border-box; margin-top: 12px; padding: 0px 20px 0px 19px; }
.kurumsal .slot.satis .wrap p:before, .kurumsal .slot.satis .wrap p:after { content: ""; width: 23px; height: 20px; display: inline-table; background-repeat: no-repeat; background-position: center center; vertical-align: top; }
.kurumsal .slot.satis .wrap p:before { background-image: url(../images/dgic.png); margin-right: 7px; }
.kurumsal .slot.satis .wrap p:after { background-image: url(../images/dgic2.png); margin-top: 8px; margin-left: 7px; }
.kurumsal .slot.satis .wrap a { width: auto; display: inline-table; border: solid 1px #fff; font-size: 23px; font-weight: bold; color: #fff; padding: 10px 21px; line-height: 22px; letter-spacing: 2px; margin-top: 21px; position: relative; margin-top: 70px; }
.kurumsal .slot.satis .wrap a:after { content: ""; width: 22px; height: 32px; position: absolute; left: calc(50% - 11px); top: -55px; background: url(../images/mpic.png); }
.kurumsal .slot.satis .wrap a:before { content: ""; width: 100%; height: 0%; position: absolute; left: 0px; top: 0px; background: #fff; z-index: -1; }
.kurumsal .slot.satis .wrap a:hover:before { height: 100%; }
.kurumsal .slot.satis .wrap a:hover { color: #000; }
.kurumsal .slot.dies { background: url(../images/test-resimleri/orn5.png) 500px center no-repeat; }
.kurumsal .slot.dies .wrap { padding: 0px 90px; }
.kurumsal .slot.dies .wrap h3 { width: 100%; float: left; font-size: 27px; color: #000000; line-height: 27px; font-weight: 500; }
.kurumsal .slot.dies .wrap h3:before, .kurumsal .slot.dies .wrap h3:after { content: "|"; font-weight: 300; color: #1a822f; }
.kurumsal .slot.dies .wrap h3:before { margin-right: 10px; }
.kurumsal .slot.dies .wrap h3:after { margin-left: 10px; }
.kurumsal .slot.dies .wrap p { width: 100%; float: left; font-size: 16px; color: #000; line-height: 19px; margin-top: 19px; }
.kurumsal .slot.dies .wrap a { width: auto; display: inline-table; border: solid 1px #000; font-size: 23px; font-weight: bold; color: #000; padding: 10px 21px; line-height: 22px; letter-spacing: 2px; margin-top: 21px; position: relative; }



.projeler.genelListe { text-align: center; margin-top: 30px; }
.projeler.genelListe h4 { width: auto; display: inline-table; font-size: 45px; line-height: 45px; color: #000; font-weight: 300; border-bottom: solid 1px #000; margin-bottom: 20px; padding: 0px 23px 9px 23px; }
.projeler.genelListe li { width: 25%; padding: 0px; }
.projeler.genelListe li h6 { font-size: 22px; line-height: 22px; color: #000; font-weight: 500; margin-top: 10px; }
.projeler.genelListe.alt { margin-top: 0px; }
.projeler.genelListe.alt li { margin-bottom: 30px; }



.altBar { width: 100%; float: left; text-align: center; margin-top: 70px; border-top: solid 1px #000; padding-top: 30px; }
.altBar .altMenu { width: 100%; float: left; text-align: left; }
.altBar .altMenu .slot { width: calc(25% - 30px); float: left; position: relative; margin-right: 40px; }
.altBar .altMenu .slot:nth-child(4n) { margin-right: 0 }
.altBar .altMenu .slot:last-child { margin-right: 0px; }
.altBar .altMenu .slot h6 { width: 100%; float: left; font-size: 20px; line-height: 20px; font-weight: 500; color: #000; border-left: solid 2px #1a822f; padding: 1px 0px 1px 10px; box-sizing: border-box; margin-bottom: 23px; }
.altBar .altMenu .slot ul { width: 100%; float: left; box-sizing: border-box; padding-left: 14px; }
.altBar .altMenu .slot ul li { width: 100%; float: left; border-bottom: solid 1px #b1b1b1; }
.altBar .altMenu .slot ul li:last-child { border-bottom: 0px; }
.altBar .altMenu .slot ul li a, .altBar .altMenu .slot .adres { width: 100%; float: left; box-sizing: border-box; font-size: 18px; color: #6c6c6c; line-height: 31px; }
.altBar .altMenu .slot .adres { padding-left: 14px; }
.altBar .bilgi { width: auto; display: inline-table; border-top: solid 1px #000; padding: 10px 20px 0px 20px; margin: 30px 0px; }
.altBar .bilgi span, .altBar .bilgi a { width: auto; display: inline-table; vertical-align: top; font-size: 13px; color: #6c6c6c; }
.altBar .bilgi span { }
.altBar .bilgi a { border-left: solid 2px #1a822f; margin-left: 10px; padding-left: 10px; }



.katResim { width: 100%; height: 260px; float: left; position: relative; }
.katResim img { width: 100%; float: left; box-sizing: border-box; display: none; }
.katResim h1, .katResim strong { width: auto; position: absolute; left: 50%; top: 80px; transform: translate(-50%, 0%); font-size: 70px; line-height: 70px; font-weight: 400; color: #fff; background: rgba(0, 0, 0, 0.37); padding: 5px 60px; }



.urunler.genelListe { }
.urunler.genelListe li { width: calc(33.33% - 16px); padding: 0px; margin-right: 24px; margin-bottom: 24px; }
.urunler.genelListe li:nth-child(3n) { margin-right: 0px; }
.urunler.genelListe li a { }
.urunler.genelListe li a .resim { border: solid 1px #eeeeee; padding: 3px; }
.urunler.genelListe h6 { text-align: center; padding: 12px 10px; background: #eeeeee; font-size: 14px; color: #585858; line-height: 17px; }



.urunDetay { }
.urunDetay .solKisim { width: 444px; float: left; }
.urunDetay .sagKisim { width: calc(100% - 465px); float: right; }
.urunDetay .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 23px; }
.urunDetay .slot h5 { width: 100%; float: left; box-sizing: border-box; font-size: 22px; line-height: 22px; font-weight: 500; color: #585858; border-bottom: solid 1px #13110d; padding: 0px 0px 5px 9px; margin-bottom: 16px; }
.urunDetay .slot .yazi { }

.urunDetay .ozellik.genelListe { }
.urunDetay .ozellik.genelListe li { padding: 5px; }
.urunDetay .ozellik.genelListe li a { width: 80px; height: 80px; position: relative; border: solid 1px #f1f1f1; padding: 4px; }
.urunDetay .ozellik.genelListe li a img { max-width: calc(100% - 5px); max-height: calc(100% - 5px); float: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.urunDetay .teknik.genelListe { }
.urunDetay .teknik.genelListe li { width: 100%; padding: 0px; }
.urunDetay .teknik.genelListe li a { border-bottom: solid 1px #f3f3f3; padding: 0px 0px 10px 20px; margin-bottom: 8px; }
.urunDetay .teknik.genelListe li a:after { content: ""; width: 8px; height: 8px; position: absolute; left: 6px; top: 3px; background: #888; border-radius: 100%; }
.urunDetay .teknik.genelListe li:last-child a { border-bottom: 0px; }

.urunDetay .renk { width: 100%; float: left; }
.urunDetay .renk span { width: 45px; height: 45px; float: left; border-radius: 100%; cursor: pointer; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; border: solid 1px #f2f3f2; margin-right: 8px; box-sizing: border-box; background-origin: content-box !important; padding: 2px; background-clip: content-box !important; position: relative; }
.urunDetay .renk span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; background: url(../images/rnkac.png) no-repeat center center; }
.urunDetay .renk span.active:after { opacity: 1; }
.urunDetay .renk.kapsa span:hover:before, .urunDetay .renk.kapsa span:focus:before { opacity: 1; }
.urunDetay .renk.kapsa span:before { content: attr(title)""; position: absolute; right: 0; top: -32px; background: rgba(0, 0, 0, 0.83); opacity: 0; font-size: 12px; line-height: 12px; color: #fff; padding: 6px 10px; border-radius: 4px; }
.urunDetay .renk span.active { border-color: #d4d4d4; }

.urunDetay .diger.genelListe { }
.urunDetay .diger.genelListe li { width: 100%; padding: 0px 0px 20px 0px; margin-bottom: 20px; border-bottom: dotted 1px #cfd0ca; }
.urunDetay .diger.genelListe li:last-child { border-bottom: 0px; }
.urunDetay .diger.genelListe li a { display: table; table-layout: fixed; }
.urunDetay .diger.genelListe li .resim { width: 70px; border: solid 1px #f1f1f1; padding: 2px; display: table-cell; vertical-align: middle; float: none; }
.urunDetay .diger.genelListe li h6 { float: none; display: table-cell; vertical-align: middle; width: calc(100% - 70px); padding-left: 12px; font-size: 15px; color: #6f6a60; }


.Magazalar { width: 100%; float: left; }
.Magazalar .harita { width: 100%; float: left; }
.Magazalar .harita iframe { width: 100%; float: left; }
.MagazaList { width: 100%; float: left; text-align: center; margin-top: 31px; }
.MagazaList .kapsul { width: 33.33%; float: left; }
.MagazaList .slot { width: 100%; float: left; }
.MagazaList h6 { float: left; font-size: 20px; color: #6f6a60; font-weight: 600; margin-bottom: 15px; }
.MagazaList ul { float: left; margin-bottom: 24px; }
.MagazaList ul li { width: 100%; float: left; margin-bottom: 8px; }
.MagazaList ul li a { width: 100%; float: left; font-size: 15px; color: #6f6a60; line-height: 18px; }
.MagazaList h6, .MagazaList ul { width: 100%; }
#map { height: 300px; }