@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: url(../images/bg.jpg) no-repeat top center #fff; display: none; background-size: cover; }
strong, b { font-weight: bold; }
body.alt { /* background: #ffffff; */ }


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


.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: "Resim 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, .bizdenHaber.genelListe li .tarihi, .altBar .ust .altMenu .slot ul li 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); /* 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: 22px; }
.icerik.yActive { margin-top: 10px; }
.icerik .yazi { width: 100%; float: left; font-size: 15px; color: #6f6a60; line-height: 26px; }
.icerik .solBar { width: 270px; float: left; background: #ffffff; box-sizing: border-box; padding: 30px 14px 34px 30px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.14); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.14); }
.icerik .sagBar { width: calc(100% - 311px); float: right; box-sizing: border-box; }
.icerik.alt { }
.icerik.alt .sagBar { }



.header { width: 100%; float: left; position: relative; z-index: 150; padding-bottom: 20px; border-bottom: solid 1px #d2d2d2; margin-top: 20px; }
.header:after { content: ""; width: calc(50% - 582px); height: 38px; right: 0px; top: 27px; background: #c00c0d; position: absolute; }
.header .logo { width: 155px; float: left; position: relative; }
.header .ust { width: calc(100% - 205px); float: right; background: #c00c0d; height: 38px; margin-top: 27px; box-sizing: border-box; padding-right: 12px; }
.header .ust .sag { width: auto; float: right; margin-top: 6px; }
.header .ust .sag .telefon { width: auto; float: left; position: relative; background: url(../images/wsl.png) no-repeat left center; font-size: 14px; color: #fff; line-height: 14px; font-weight: bold; font-family: arial; padding: 5px 0 5px 31px; }
.header .ust .sag .sosyalMedia { width: auto; float: left; margin: 1px 0 0 12px; }
.header .menuBar { width: calc(100% - 205px); float: right; margin-top: 23px; }
.header .menuBar .aramaBari { width: auto; float: right; }



.slider { width: 100%; height: 399px; float: left; position: relative; }
.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 .pages { width: 15px; position: absolute; right: -26px; top: 50%; transform: translate(0, -50%); }
.slider .pages a { width: 15px; height: 15px; position: relative; float: left; border-radius: 100%; background: #d2d2d2; margin-bottom: 5px; }
.slider .pages a.selected { background: #c00c0d; }
.slider .pages a:last-child { margin-bottom: 0; }
.slider .kapsa { width: 450px; position: absolute; left: 40px; top: 50%; transform: translate(0, -50%); background: rgba(255, 255, 255, 0.76); box-sizing: border-box; padding: 20px 20px; }
.slider .kapsa h6 { width: 100%; float: left; font-size: 20px; line-height: 20px; color: #c00c0d; font-weight: bold; }
.slider .kapsa .yazi { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 21px; color: #272727; font-weight: 500; margin-top: 14px; }



.kategori.genelListe { margin-top: 24px; }
.kategori.genelListe li { width: calc(33.33% - 16px); padding: 0; margin-right: 24px; margin-bottom: 24px; text-align: center; }
.kategori.genelListe li:nth-child(3n) { margin-right: 0px; }
.kategori.genelListe li .resim { border-radius: 15px; overflow: hidden; }
.kategori.genelListe li h6 { width: calc(100% - 50px); position: absolute; left: 0; bottom: 25px; margin-left: 25px; background: #c00c0d; font-size: 18px; line-height: 20px; color: #fff; padding: 12px 0; }


.anaSayfa { width: 100%; float: left; position: relative; }
.anaSayfa .slot { width: 100%; float: left; position: relative; margin-bottom: 40px; }
.anaSayfa .slot:last-child { margin-bottom: 0px; }



.anaBaslik { width: 100%; float: left; position: relative; margin-bottom: 21px; text-align: center; }
.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: 26px; color: #4c5462; line-height: 24px; font-weight: 600; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.anaBaslik h1 a:hover, .anaBaslik h2 a:hover, .anaBaslik h3 a:hover, .anaBaslik h4 a:hover, .anaBaslik h5 a:hover, .anaBaslik h6 a:hover, .anaBaslik strong a:hover { color: #d13135; }
.anaBaslik .arrow { width: auto; float: right; }
.anaBaslik .arrow a { width: 12px; height: 23px; float: left; background-repeat: no-repeat; background-position: center center; margin-right: 17px; }
.anaBaslik .arrow a:hover { opacity: 0.4; }
.anaBaslik .arrow a:last-child { margin-right: 0px; }
.anaBaslik .arrow a.sol { background-image: url(../images/crsol.png); }
.anaBaslik .arrow a.sag { background-image: url(../images/crsag.png); }



.bizdenHaber.genelListe { margin-bottom: 64px; }
.bizdenHaber.genelListe .kapsa { width: 100%; float: left; position: relative; border: solid 1px #b5b5b5; box-sizing: border-box; padding: 23px 5px; }
.bizdenHaber.genelListe li { width: 50%; padding: 0px; }
.bizdenHaber.genelListe li a { display: table; table-layout: fixed; padding: 0 15px; }
.bizdenHaber.genelListe li .tarihi { width: 83px; background: #d13135; display: table-cell; vertical-align: middle; color: #fff; font-weight: 500; text-align: center; padding: 7px 0; }
.bizdenHaber.genelListe li a:hover .tarihi { background: #8c8787; }
.bizdenHaber.genelListe li .tarihi .gun { width: 100%; display: inline-table; vertical-align: middle; font-size: 22px; line-height: 22px; }
.bizdenHaber.genelListe li .tarihi .ay { width: 100%; display: inline-table; vertical-align: middle; font-size: 12px; line-height: 17px; margin-top: 6px; }
.bizdenHaber.genelListe li .sag { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; padding: 10px 0 10px 18px; }
.bizdenHaber.genelListe li h6 { font-size: 16px; color: #1a1a1a; line-height: 18px; font-weight: 500; }
.bizdenHaber.genelListe li p { font-size: 14px; color: #1a1a1a; line-height: 19px; font-weight: 300; margin-top: 5px; }



.referans.genelListe { }
.referans.genelListe li { width: 16.666%; padding: 0; }
.referans.genelListe .kapsa { width: 100%; float: left; position: relative; border: solid 1px #b5b5b5; box-sizing: border-box; padding: 23px 5px; }
.referans.genelListe li a { padding: 0 17px; }
.referans.genelListe li .resim { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.referans.genelListe li a:hover .resim { -webkit-filter: grayscale(0%); filter: grayscale(0%); }



.altBar { width: 100%; float: left; position: relative; background: #eeeeee; margin-top: 60px; }
.altBar .ortala { background: url(../images/altbg.png) no-repeat center right; padding: 40px 0; }
.altBar .ust { width: 100%; float: left; display: table; table-layout: fixed; }
.altBar .ust .logo { width: 140px; float: none; display: table-cell; vertical-align: middle; }
.altBar .ust .altMenu { width: 100%; display: table-cell; vertical-align: middle; box-sizing: border-box; }
.altBar .ust .altMenu .slot { width: 33.33%; padding: 0; float: left; padding: 0 40px; box-sizing: border-box; }
.altBar .ust .altMenu .slot h6 { width: 100%; float: left; font-size: 15px; color: #1a1a1a; font-weight: bold; letter-spacing: 3px; line-height: 16px; margin-bottom: 16px; }
.altBar .ust .altMenu .slot ul { width: 100%; float: left; }
.altBar .ust .altMenu .slot ul li { width: 100%; float: left; }
.altBar .ust .altMenu .slot ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; }
.altBar .ust .altMenu .slot ul li a:hover { color: #c00c0d; }
.altBar .ust .altMenu .slot ul li a, .altBar .ust .altMenu .slot .yazi { font-size: 14px; color: #1a1a1a; line-height: 24px; }
.altBar .ust .altMenu .slot .yazi { width: 100%; float: left; }
.altBar .alt { width: 100%; float: left; position: relative; border-top: solid 1px #cdcdcd; padding-top: 20px; margin-top: 40px; }
.altBar .alt .bilgi { float: left; }
.altBar .alt .teknoBay { float: right; }
.altBar .alt .bilgi, .altBar .alt .teknoBay { width: auto; font-size: 13px; color: #000000; font-weight: 300; }
.altBar .sosyalMedia { margin: 15px 0 0 0; text-align: left; }



.linkAgaci { width: 100%; float: right; position: relative; margin-bottom: 20px; }
.linkAgaci a { width: auto; float: left; font-size: 12px; line-height: 12px; color: #404041; font-weight: 400; }
.linkAgaci a:after { content: "/"; display: inline-table; vertical-align: text-bottom; margin-left: 9px; margin-right: 12px; }
.linkAgaci a:last-child { margin-right: 0px; padding-right: 0px; }
.linkAgaci a:last-child:after { display: none; }



.urunListe.genelListe { }
.urunListe.genelListe li { width: 33.33%; padding: 5px; }
.urunListe.genelListe li:nth-child(3n) { margin-right: 0; }
.urunListe.genelListe li .resim { border: solid 1px #d0d0d0; padding: 5px 5px; width: calc(100% - 20px); float: right; }
.urunListe.genelListe li h6 { width: auto; font-size: 15px; line-height: 16px; font-weight: 500; background: #e53935; color: #fff; padding: 17px 20px; margin-top: -27px; }

.urunListe.genelListe.ucLu li { width: calc(33.33% - 16px); padding: 0px; margin-right: 24px; margin-bottom: 24px; }
.urunListe.genelListe.ucLu li:nth-child(3n) { margin-right: 0; }

.urunListe.genelListe.dortLu li { width: calc(25% - 13px); margin-right: 17px; margin-bottom: 17px; padding: 0; }
.urunListe.genelListe.dortLu li:nth-child(4n) { margin-right: 0; }



.urunDetay { width: 100%; float: left; }
.urunDetay .solKisim { width: 500px; float: left; position: relative; }
.urunDetay .sagKisim { }
.urunDetay h1 { font-size: 20px; line-height: 24px; color: #e53935; font-weight: 500; margin-bottom: 20px; }
.urunDetay .sagKisim, .urunDetay h1 { width: calc(100% - 540px); float: right; }
.urunDetay .slot { width: 100%; float: left; margin-bottom: 40px; }
.urunDetay .sagKisim .slot h6 { width: 100%; float: left; font-size: 16px; line-height: 20px; color: #060606; font-weight: 500; margin-bottom: 10px; }
.urunDetay .sagKisim .slot .resim { margin-top: 8px; }
.urunDetay .sagKisim .slot .resim, .urunDetay .sagKisim .slot .resim a, .urunDetay .sagKisim .slot .resim img { width: 100%; float: left; box-sizing: border-box; }

.urunDetay.prj .slot { margin-bottom: 15px; }



.projeListe.genelListe { }
.projeListe.genelListe li { width: calc(25% - 18px); padding: 0; margin-right: 24px; margin-bottom: 24px; }
.projeListe.genelListe li:nth-child(4n) { margin-right: 0px; }
.projeListe.genelListe li h6 { width: auto; font-size: 15px; font-weight: bold; color: #fff; background: #c00c0d; letter-spacing: 2px; padding: 7px 25px; margin-top: -9px; }