/*

¯\_(ツ)_/¯

    qbrand.com.tr (~/^) -Alp

*/

@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: #f99d1c; }
p, h1, h2, h3, h4, h5, h6, strong, b { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; box-sizing: border-box; }

body { margin: 0px; padding: 0px; text-decoration: none; line-height: 15px; color: #3b3b3b; font-size: 14px; font-weight: 400; background: #ffffff; overflow: hidden; counter-reset: section; }
body.scFlow { overflow: hidden; }
body.scrool { overflow: inherit; }
strong, b { font-weight: bold; }



body, input, textarea { font-family: 'nu',sans-serif; }



.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; position: relative; 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, .pages a, ::after, ::before, a.link, .pages span, .genelListe li img, header .secim .menum a.kMenum span { transition: all .4s; }
::after, ::before { box-sizing: border-box; }


.katResim { transition: background-image .4s; -webkit-transition: background-image .4s; -moz-transition: background-image .4s; -o-transition: background-image .4s; }



.siteWrap { width: 100%; height: auto; float: left; position: relative; overflow: hidden; transition: all .8s cubic-bezier(0.4, 0, 1, 1); transform: perspective(0em) scale(1) translateX(0%) translateY(0%) rotateY(-0deg); box-shadow: 0px 0px 0px rgb(0 0 0 / 0%); z-index: 960; transform-origin: center; background: #fff; }
.siteWrap.active { transform: scale(.6) translateX(30%) translateY(-5%) perspective(500em) rotateY(-45deg); height: 100vh; box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.4); transition: all .8s cubic-bezier(0.4, 0, 1, 1); }
.siteWrap.cActive { height: 100vh; }


.ortala { width: 1300px; height: 100%; float: left; margin-left: calc(50% - 650px); position: relative; box-sizing: border-box; }
.ortala.wide { width: calc(100% - 320px); margin: 0 0 0 160px; padding: 0; }
.ortala.full { width: calc(100% - 120px); margin: 0 0 0 60px; padding: 0; }
.ortala.table { display: table; table-layout: fixed; }

.icerik.yActive { margin-top: 10px; }
.icerik .yazi a { color: #27569c; }
.icerik .solBar.aracMenu { background: none; padding: 0; }



.anaBaslik { width: auto; float: left; position: relative; z-index: 45; color: #53bf9b; margin: 0 0 20px 0; padding: 36px 0px 28px 0; }
.anaBaslik p { width: auto; float: left; /* font-family: 'not'; */ font-size: 27px; line-height: 37px; font-weight: normal; color: #34383a; margin: 27px 0 0 0; }
.anaBaslik p.center { text-align: center; }
.anaBaslik u { font-size: 35px; line-height: 35px; }
.anaBaslik span { color: #163660; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; display: inline-table; table-layout: fixed; position: relative; z-index: 5; padding: 0 59px; }
.anaBaslik h1 a, .anaBaslik h2 a, .anaBaslik h3 a, .anaBaslik h4 a, .anaBaslik h5 a, .anaBaslik h6 a, .anaBaslik strong a, .anaBaslik span 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: 35px; line-height: 35px; font-weight: 900; text-transform: uppercase; }
.anaBaslik h1:before, .anaBaslik h2:before, .anaBaslik h3:before, .anaBaslik h4:before, .anaBaslik h5:before, .anaBaslik h6:before, .anaBaslik strong:before, .anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after, .anaBaslik strong:after { content: ""; width: 45px; height: 100%; position: absolute; top: 0; background: url(../images/bsicn.svg) no-repeat center; z-index: -1; }
.anaBaslik h1:before, .anaBaslik h2:before, .anaBaslik h3:before, .anaBaslik h4:before, .anaBaslik h5:before, .anaBaslik h6:before, .anaBaslik strong:before { left: 0; }
.anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after, .anaBaslik strong:after { right: 0; }
.anaBaslik:before { content: ""; width: 100%; height: 98px; position: absolute; left: 0; top: 0; background: url(../images/imge7.svg) no-repeat top center; background-size: contain; opacity: 0.4; }


main { width: 100%; float: left; position: relative; margin: 0; z-index: 150; }
main section { width: 100%; float: left; position: relative; z-index: 65; }
main section.icerik { min-height: 260px; height: auto; }
main section.icerik.pDetay { margin: -234px 0 130px 0; padding: 70px 0 0 0; background: none; border-top: solid 1px #ebebeb; }
main section .yazi { width: 100%; float: left; position: relative; font-size: 16px; line-height: 25px; font-weight: 400; color: #3b3b3b; text-align: justify; text-align-last: left; }
main section .yazi.center { text-align-last: center; }
main section .ortala, main section .inner { opacity: 0; top: 20px; transition: all .7s cubic-bezier(.645,.045,.355,1); }
main section.scActive .ortala, main section.scActive .inner { opacity: 1; top: 0px; }
main section .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
main section .inner.row { flex-direction: row; align-content: center; align-items: initial; justify-content: space-between; }
main section a.link { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: bold; color: #ffffff; padding: 19px 50px; margin: 36px 0 0 0; background: #56bf9b; border-radius: 45px; overflow: hidden; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: 6; top: 0; filter: drop-shadow(6px 11px 7px rgb(0 0 0 / 0%)); text-transform: uppercase; }
main section a.link:hover { top: -10px; filter: drop-shadow(6px 11px 7px rgba(0, 0, 0, 0.2)); }
main section a.link:after { content: ""; width: 100%; height: 0; position: absolute; left: 0px; bottom: 0px; background: #434d49; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: -1; }
main section a.link:hover:after { height: 100%; }



header { width: 100%; float: left; position: absolute; left: 0px; top: 0px; z-index: 99999; }
header.mActive { position: fixed; }
header:before { content: ""; width: calc(100% - 280px); height: calc(100% - 80px); position: absolute; left: 90px; top: 80px; background: rgb(237 237 237 / 19%); z-index: -1; box-shadow: 0px 0px 0px #0000004d; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header:after { content: ""; width: calc(100% - 120px); height: 100%; position: absolute; left: 60px; top: 50px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.60) 100%); z-index: -2; }
header section { width: 100%; float: left; position: relative; }
header section:last-child { margin-bottom: 0px; }
header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
header section.ust:after { content: ""; width: 160px; height: 100%; position: absolute; right: 0; top: 0; background: #53bf9b; }
header section.ust .inner { justify-content: flex-end; }
header section.alt { margin: 60px 0 0 0; margin: 30px 0 0 0; }
header section.alt:after { content: ""; width: 60px; height: 100%; position: absolute; left: 0; top: 0; background: #53bf9b; /* opacity: 0; */ }
header .ulas { width: auto; height: 50px; float: right; position: relative; background: #e7e7e7; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 0 0 0 50px; background: #53bf9b; }
header .ulas a { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #ffffff; padding: 3px 0px 3px 29px; margin: 0 25px 0 0; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); }
header .ulas a:last-child { margin-right: 0; }
header .ulas a:hover { color: #18513e; }
header .ulas a:before { content: ""; width: 20px; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); }
header .ulas a.telefon:before { background-image: url(../images/htel2.svg); }
header .ulas a.telefon:hover:before { background-image: url(../images/htel3.svg); }
header .ulas a.mail:before { background-image: url(../images/hmail2.svg); }
header .ulas a.mail:hover:before { background-image: url(../images/hmail3.svg); }
header .logo { width: 200px; height: 75px; float: left; position: relative; /* padding: 15px 30px 15px 0; */ z-index: 99999; }
header .logo a { width: 100%; height: 100%; }
header .logo img { transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
header .logo img.disi { opacity: 1; }

header .menuBar { width: auto; float: left; position: relative; /* z-index: 99999; */ }
header .menuBar .sosyal { width: 100%; float: left; position: absolute; display: none; left: 0; bottom: 19px; }
header .menuBar .sosyal a { width: auto; float: left; position: relative; font-size: 17px; line-height: 20px; color: #ffffff; margin: 0 13px 0 0; transition: all .7s cubic-bezier(.645,.045,.355,1) 0s; }
header .menuBar .sosyal a:last-child { margin-right: 0px; }
header .sagK { width: auto; float: left; position: relative; background: #e4e4e4; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 22px 30px 22px 30px; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK > div { width: auto; float: left; position: relative; border-right: solid 1px #969696; padding: 20px 20px 20px 0; margin: 0 20px 0 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK > div:last-child, header .sagK > div:nth-last-child(2) { padding-right: 0px; margin-right: 0px; border-right: 0; }
header .sagK .sosyal { width: auto; float: left; }
header .sagK .sosyal a { width: auto; float: left; position: relative; font-size: 17px; line-height: 20px; color: #3b3b3b; margin: 0 13px 0 0; transition: all .7s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .sosyal a:last-child { margin-right: 0px; }
header .sagK .sosyal a i { transition: all .3s; }
header .sagK .sosyal a:hover i.fa-linkedin { color: #0077b5; }
header .sagK .sosyal a:hover i.fa-twitter { color: #1d9bf0; }
header .sagK .sosyal a:hover i.fa-instagram { color: #9b06d1; }
header .sagK .dil a.dilAc { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; font-weight: bold; color: #3b3b3b; padding: 0 20px 0 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .dil a.dilAc:after { content: ""; width: 10px; height: 100%; position: absolute; right: 0px; top: 0px; background: url(../images/dil.svg) no-repeat center; background-size: contain; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .dil a.dilAc.active:after { transform: rotate(180deg); }
header .sagK .dil ul { width: max-content; position: absolute; right: 0px; top: 60px; visibility: hidden; transition: all .4s cubic-bezier(.645,.045,.355,1) 0s; opacity: 0; }
header .sagK .dil.active ul { opacity: 1; transform: translateY(0) !important; visibility: visible; }
header .sagK .dil ul li { width: auto; float: left; position: relative; margin: 0 12px 0 0; }
header .sagK .dil ul li:last-child { margin-right: 0; }
header .sagK .dil ul li a { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; font-weight: 500; color: #3b3b3b; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .dil ul li a:hover { color: #53bf9b; }
header .sagK .dil ul li a:after { content: ""; width: 100%; height: 2px; position: absolute; left: 0px; bottom: -7px; background: #ffffff; opacity: 0; }
header .sagK .dil ul li.active a:after { opacity: 1; }


header.koyu:before { background: #fff; box-shadow: 0px 0px 30px #0000004d; }
header.koyu:after { opacity: 0; }
header.koyu .logo img.disi { opacity: 0; }
header.koyu .logo img.erkek { opacity: 1; }
header.koyu .menuBar ul li a { color: #3b3b3b; }
header.koyu .menuBar > ul > li:after { background: #3b3b3b; }
header.koyu .sagK { background: #53bf9b; }
header.koyu .sagK > div { border-color: #ffffff75; }
header.koyu .sagK .sosyal a { color: #fff; }
header.koyu .sagK .dil a.dilAc { color: #fff; }
header.koyu .sagK .dil a.dilAc:after { background-image: url(../images/dil2.svg); }
header.koyu .sagK .dil ul li a { color: #fff; }



header .menuBar .menuWrap { width: 980px; height: auto; position: fixed; left: calc(50% - 490px); top: 245px; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 9999; pointer-events: none; /* opacity: 0; */ }
header .menuBar .menuWrap { width: 980px; height: auto; position: fixed; left: calc(50% - 490px); top: 217px; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 9999; pointer-events: none; /* opacity: 0; */ }
header .menuBar .menuWrap .kapsa { width: 100%; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 30px 0px 54px 40px; z-index: 6; }
header .menuBar .menuWrap.active { opacity: 1; pointer-events: auto; visibility: visible; }
header .menuBar .menuWrap:before, .menuWrap:after { content: ""; background: #f3f3f3fa; height: 0; position: absolute; }
header .menuBar .menuWrap:before { left: 0; top: 100%; width: 100%; height: 100%; z-index: 1; transition: all .69s cubic-bezier(.645,.045,.355,1) 0s; background: #f99d1c; opacity: 0; }
header .menuBar .menuWrap:after { top: 0; left: 20px; width: calc(100% - 90px); height: 0%; z-index: 0; transition: all .6s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; opacity: 0; box-shadow: 0px 0 15px #00000082; }
header .menuBar .menuWrap.active:before { width: 100%; transition-delay: 0s; top: -100%; /* height: 0; */ }
header .menuBar .menuWrap.active:after { height: calc(100% - 17px); /* transition-delay: 0s; */ opacity: 1; }


header .menuBar .menuWrap .mobMenu { width: calc(100% - 490px); float: left; position: relative; position: relative; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px); }
header .menuBar .menuWrap.active .mobMenu { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }

header .menuBar .menuWrap .detay { width: 100%; float: right; position: relative; left: 0; box-sizing: border-box; opacity: 0; transform: translateY(40px); transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; z-index: 66; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
header .menuBar .menuWrap.active .detay { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }
header .menuBar .menuWrap .detay.resmi { width: 490px; height: 420px; }
header .menuBar .menuWrap .detay.resmi .bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #f9f9fa; transition: all .4s cubic-bezier(.645,.045,.355,1); background-repeat: no-repeat; background-position: center; background-size: cover; }
header .menuBar .menuWrap .detay.resmi .bg:after { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 1px #fff; }
header .menuBar .menuWrap .detay.resmi .resmi { width: 100%; float: left; }
header .menuBar .menuWrap .detay.resmi img { width: 100%; height: 100%; float: left; }

header .menuBar .menuWrap ul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: center; padding-left: 0; padding: 0 30px 0 10px; }
header .menuBar .menuWrap ul li { width: 100%; float: left; position: relative; z-index: 99999999; }
header .menuBar .menuWrap ul li a { width: 100%; float: left; position: relative; font-size: 15px; line-height: 15px; font-weight: bold; padding: 14px 20px; }
header .menuBar .menuWrap ul li a:hover { color: #fff; }
header .menuBar .menuWrap ul li a:after { content: ""; width: 0%; height: 100%; position: absolute; left: -50px; top: 0px; background: #53bf9b; z-index: -1; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .menuBar .menuWrap ul li a:hover:after { width: 100%; opacity: 1; }


header .menuBar .menuWrap[data-role="siloksan"] { width: 800px; left: calc(50% - 400px); }
header .menuBar .menuWrap[data-role="siloksan"] .mobMenu { width: calc(100% - 360px); }
header .menuBar .menuWrap .detay.talepFormu { width: 360px; /* height: 420px; */ }
header .menuBar .menuWrap .detay.talepFormu .formu { width: 100%; height: 100%; position: relative; left: 0px; top: 0px; background-color: #f9f9fa; transition: all .4s cubic-bezier(.645,.045,.355,1); /* background: #53bf9b; */ padding: 20px 20px; }
header .menuBar .menuWrap .detay.talepFormu strong { width: 100%; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; color: #53bf9b; margin: 0 0 10px 0; }
header .menuBar .menuWrap .detay.talepFormu .genelForm ul { margin: 0; padding: 0; }
header .menuBar .menuWrap .detay.talepFormu .genelForm ul li input[type="text"] { /* border: none; */ /* background: #53bf9b; */ border: solid 1px rgb(231 231 231); /* color: #fff; */ border-radius: 45px; padding: 21px 13px 21px 25px; height: 55px; }
header .menuBar .menuWrap .detay.talepFormu .genelForm ul li input[type="submit"] { width: 25px; height: 25px; position: absolute; right: 17px; bottom: 10px; border: none; cursor: pointer; background: url(../images/gonder.svg) no-repeat center center; padding: 0; }


header .menuBar .menuWrap[data-role="projeler"] { width: 1170px; left: calc(50% - 585px); }
header .menuBar .menuWrap[data-role="projeler"]:after { width: calc(100% - 100px); left: 50px; }
header .menuBar .menuWrap[data-role="projeler"] .kapsa { padding: 50px 0px 73px 40px; padding-left: 0; padding-right: 0; }
header .menuBar .menuWrap .detay.list { width: 100%; /* height: 420px; */ }
header .menuBar .menuWrap .detay.list.genelListe .wrap { width: 100%; float: left; }
header .menuBar .menuWrap .detay.list.genelListe ul { padding: 0; margin: 0; justify-content: space-between; }
header .menuBar .menuWrap .detay.list.genelListe li { width: calc(33.33% - 20px); padding: 0; }
header .menuBar .menuWrap.ikiLi .detay.list.genelListe li {width: calc(50% - 20px);}
header .menuBar .menuWrap .detay.list.genelListe li a { transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; padding: 0; }
header .menuBar .menuWrap .detay.list.genelListe li .resim { overflow: hidden; }
header .menuBar .menuWrap .detay.list.genelListe li .resim img { transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1); }
header .menuBar .menuWrap .detay.list.genelListe li:hover .resim img { transform: scale(1.3); }


header .menuBar .menuWrap.listLi a.link { width: auto; float: left; position: absolute; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px) translateX(-50%); font-size: 15px; line-height: 15px; font-weight: bold; color: #fff; background: #53bf9b; border-radius: 45px; padding: 17px 41px; left: 50%; bottom: 0; overflow: hidden; text-transform: uppercase; }
header .menuBar .menuWrap.listLi.active a.link { opacity: 1; transform: translateY(0) translateX(-50%) !important; transition-delay: .45s; visibility: visible; }
header .menuBar .menuWrap.listLi a.link:after { content: ""; width: 100%; height: 0; position: absolute; left: 0px; bottom: 0px; background: #424e4a; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: -1; }
header .menuBar .menuWrap.listLi a.link:hover:after { height: 100%; }


header .menuBar .menuWrap .detay.list.genelListe li a:after { display: none; }
header .menuBar .menuWrap .detay.list.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(147 147 147 / 28%); z-index: 1; transition: all 3s cubic-bezier(0.22, 0.61, 0.36, 1); }
header .menuBar .menuWrap .detay.list.genelListe li a:before { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 1px #fff; z-index: 9; }
header .menuBar .menuWrap .detay.list.genelListe li h6 { width: 100%; position: absolute; left: 0; bottom: 0; font-size: 17px; line-height: 22px; font-weight: 600; color: #fff; text-align: center; padding: 30px 44px 50px 44px; z-index: 6; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 58%) 100%); }
header .menuBar .menuWrap .detay.list.genelListe li:hover .resim:after { background: rgb(0 0 0 / 28%); }


header .menuBar .menuWrap[data-role="iletisim"] { width: 1170px; left: calc(50% - 585px); }
header .menuBar .menuWrap .bilgisi { width: calc(100% - 490px); float: left; position: relative; position: relative; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px); }
header .menuBar .menuWrap.active .bilgisi { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }


header .menuBar .menuWrap[data-role="siloksanv2"] { width: 800px; left: calc(50% - 400px); }
header .menuBar .menuWrap[data-role="siloksanv2"] .detay.resmi { width: 360px; height: 280px; }
header .menuBar .menuWrap[data-role="siloksanv2"] .mobMenu { width: calc(100% - 360px); }


header .menuBar .menuWrap.slk[data-role="projeler"] { width: 800px; left: calc(50% - 400px); }
header .menuBar .menuWrap.slk[data-role="projeler"]:after { width: calc(100% - 100px); left: 50px; }
header .menuBar .menuWrap.slk[data-role="projeler"] .kapsa { padding: 50px 0px 73px 40px; padding-left: 0; padding-right: 0; }



header .menuBar .menuWrap .bilgisi a { width: calc(50% - 14px); float: left; position: relative; margin-right: 21px; width: auto; font-size: 15px; line-height: 20px; color: #4a4a4a; font-weight: 400; padding: 11px 0px 11px 65px; }
header .menuBar .menuWrap .bilgisi a.tek { width: 100%; margin: 0 0 22px 0; }
header .menuBar .menuWrap .bilgisi a:last-child { margin-right: 0px; }
header .menuBar .menuWrap .bilgisi a strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 17px; margin: 0 0 4px 0; font-weight: bold; }
header .menuBar .menuWrap .bilgisi a span { width: 100%; float: left; }
header .menuBar .menuWrap .bilgisi a:before, header .menuBar .menuWrap .bilgisi a:after { content: ""; width: 54px; height: 54px; position: absolute; left: 0px; top: calc(50% - 27px); box-sizing: border-box; }
header .menuBar .menuWrap .bilgisi a:before { background-repeat: no-repeat; background-position: center; background-size: auto 22px; z-index: 45; }
header .menuBar .menuWrap .bilgisi a:after { border-radius: 100%; background: #53bf9b; }
header .menuBar .menuWrap .bilgisi a.adres:before { background-image: url(../images/adres.svg); }
header .menuBar .menuWrap .bilgisi a.telefon:before { background-image: url(../images/telefon.svg); }
header .menuBar .menuWrap .bilgisi a.fax:before { background-image: url(../images/faxsy.svg); }
header .menuBar .menuWrap .bilgisi a.mail:before { background-image: url(../images/mail.svg); }

header .menuBar .menuWrap .detay.formu { width: 480px; /* height: 420px; */ }
header .menuBar .menuWrap .detay.formu .genelForm ul li input[type="submit"] { opacity: 1; /* width: 25px; */ /* height: 25px; */ /* position: absolute; */ /* right: 17px; */ /* bottom: 10px; */ /* border: none; */ /* cursor: pointer; */ /* background: url(../images/gonder.svg) no-repeat center center; */ /* padding: 0; */ }
header .menuBar .menuWrap .detay.formu .formWrap.genelForm { width: 100%; height: 100%; position: relative; left: 0px; top: 0px; background-color: #f9f9fa; transition: all .4s cubic-bezier(.645,.045,.355,1); /* background: #53bf9b; */ padding: 20px 20px; }
header .menuBar .menuWrap .detay.formu .formWrap.genelForm ul { margin: 0; padding: 0; }
header .menuBar .menuWrap .detay.formu .genelForm ul li input[type="text"] { opacity: 1; /* border: solid 1px rgb(231 231 231); */ /* color: #fff; */ /* border-radius: 45px; */ /* padding: 21px 13px 21px 25px; */ /* height: 55px; */ }

header .menuBar .menuWrap .detay.formu .genelForm ul li textarea { /* border: solid 1px rgb(231 231 231); */ /* color: #fff; */ /* border-radius: 26px; */ /* padding: 21px 13px 21px 25px; */ height: 100px; }





.sliderWrap { width: 100%; height: 100vh; float: left; position: relative; }
.sliderWrap.katWrap { height: 565px; z-index: 95; }
.sliderWrap.katWrap .katResim { width: calc(100% - 120px); height: calc(100% - 100px); position: absolute; left: 60px; bottom: 50px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sliderWrap.katWrap .katResim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(30 48 42 / 30%); z-index: 1; }
.sliderWrap.katWrap .katResim .kapsa { width: 900px; min-height: 50%; position: absolute; bottom: 0px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; z-index: 99; border: solid 1px rgb(255 255 255 / 39%); border-bottom-color: transparent; padding: 30px 20px; }

.sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {font-size: 34px;line-height: 43px;font-weight: 900;text-transform: uppercase;color: #fff;margin: 0;z-index: 45;}
.sliderWrap .linkAgaci { width: auto; float: left; position: relative; margin: 11px 0 0 0; z-index: 99; }
.sliderWrap .linkAgaci a { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; font-weight: 300; color: #fff; padding: 0 16px 0 0; margin: 0 10px 0 0; text-transform: lowercase; }
.sliderWrap .linkAgaci a:after { content: "/"; width: auto; position: absolute; right: 0px; top: 1px; }
.sliderWrap .linkAgaci a:last-child { margin-right: 0; padding-right: 0; }
.sliderWrap .linkAgaci a:last-child:after { display: none; }


.sliderWrap .sMenu { width: auto; position: absolute; bottom: -40px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; z-index: 99; background: #53bf9b; padding: 0px 43px; }
.sliderWrap .sMenu ul { width: auto; float: left; position: relative; }
.sliderWrap .sMenu ul li { width: auto; float: left; position: relative; padding: 0 19px 0 0; margin: 0 11px 0 0; }
.sliderWrap .sMenu ul li:last-child { margin-right: 0px; padding-right: 0; }
.sliderWrap .sMenu ul li:after { content: ""; width: 8px; height: 2px; position: absolute; right: 0px; top: calc(50% - 2px); background: #ffffff; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
.sliderWrap .sMenu ul li:last-child:after { display: none; }

.sliderWrap .sMenu ul li a { width: auto; float: left; position: relative; font-size: 14px; line-height: 15px; font-weight: bold; color: #ffffff; padding: 35px 15px; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.sliderWrap .sMenu ul li a:hover { color: #414947; }



.slider { width: calc(100% - 120px); height: calc(100% - 100px); position: absolute; left: 60px; bottom: 50px; }
.slider ul, .slider ul li, .slider ul li img { width: 100%; height: 100%; float: left; position: absolute; left: 0px; top: 0px; object-fit: cover; }
.slider ul li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; z-index: 0; overflow: hidden; }
.slider ul li .kapsa { width: 900px; min-height: 50vh; position: absolute; bottom: 0px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; z-index: 45; border: solid 1px rgb(255 255 255 / 39%); border-bottom-color: transparent; padding: 30px 20px; opacity: 0; transition: all .4s cubic-bezier(.645,.045,.355,1); transition: all .9s cubic-bezier(.645,.045,.355,1); bottom: -100px; }
.slider ul li .kapsa strong { font-size: 37px; line-height: 50px; font-weight: 900; color: #fff; text-align: center; text-transform: uppercase; }
.slider ul li .kapsa a { width: auto; position: relative; font-size: 15px; line-height: 15px; font-weight: bold; color: #5d5d5d; background: #e4e4e4; border-radius: 45px; top: 0; padding: 17px 41px; margin: 40px 0 0 0; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: 9; overflow: hidden; text-transform: uppercase; }
.slider ul li .kapsa a:hover { color: #fff; top: 5px; }
.slider ul li .kapsa.active { opacity: 1; bottom: 0; }
.slider ul li .kapsa a:after { content: ""; width: 100%; height: 0; position: absolute; left: 0px; bottom: 0px; background: #53bf9b; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: -1; }
.slider ul li .kapsa a:hover:after { height: 100%; }
.slider ul li .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 50%; object-fit: cover; object-position: left center; background-repeat: no-repeat; background-size: cover; background-position: right center; overflow: hidden; }
.slider ul li .bg:after { content: ""; width: 2px; height: 0; position: absolute; right: 0px; top: 0; }
.slider ul li .bg.degisim:after { height: 100%; }
.slider ul li .bg span { width: 100vw; height: 100vh; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: top center; }
.slider.active ul li:after { opacity: 1; }
/*.slider ul li .bg span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(245,130,32); background: linear-gradient(293deg, rgba(245,130,32,0.44) 0%, rgba(188,105,35,0.081) 100%); }*/
.slider ul li .bg span:before { content: ""; width: 100%; height: 50vh; position: absolute; left: 0px; bottom: 0px; z-index: 4; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 61%) 100%); transition: all .6s cubic-bezier(.645,.045,.355,1); opacity: 0; }
.slider ul li.active .bg.degisim span:before { opacity: 0; }
.slider ul li.active .bg span:before { opacity: 1; }
.slider ul li .bg span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(30 48 42 / 30%); }

.slider .arr { width: auto; height: 36px; position: absolute; top: calc(50% + 91px); z-index: 99; }
.slider .arr:before { content: ""; width: 5px; height: 10px; position: absolute; background: #fff; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 5px); left: 16px; }
.slider .arr:after { content: ""; width: 36px; height: 36px; position: absolute; top: 0px; border: solid 1px #ffffff; border-radius: 100%; }
.slider .arr:hover:after { border-color: #56bf9b; }
.slider .arr span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #fff; transition: all .4s; }
.slider .arr span:after { content: ""; width: calc(100% - 15px); height: 1px; position: absolute; bottom: 2px; background: #fff; }
.slider .arr.sol { left: 100px; }
.slider .arr.sol:after { left: 0; }
.slider .arr.sol span:after { left: 0; }
.slider .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.slider .arr.sol span:after { left: 0; }

.slider .arr.sag { right: 100px; }
.slider .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.slider .arr.sag span:after { right: 0; }
.slider .arr.sag:after { right: 0; }
.slider .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }

.slider .arr.sag:hover span { padding-right: 40px; }
.slider .arr.sol:hover span { padding-left: 40px; }


.bilgilendirme { z-index: 64; padding: 70px 0px 40px 0; }
.bilgilendirme:before { content: ""; width: 50%; height: calc(50% + 90px); position: absolute; left: 0; top: -120px; background: #f5f5f5; z-index: -1; }
.bilgilendirme:after { content: ""; width: 564px; height: 100%; position: absolute; right: 0; top: -181px; background: url(../images/bsag.jpg) no-repeat right bottom; z-index: -1; background-size: contain; }
.bilgilendirme .yazi { width: 650px; }
.bilgilendirme .ortala:before { content: ""; width: 357px; height: 358px; position: absolute; left: 0; bottom: -110px; background: url(../images/bsol.png) no-repeat; background-size: contain; }



.filtrele { margin: 40px 0 100px 0; }
.filtrele .inner { flex-direction: row; align-items: center; justify-content: space-between; }
.filtrele .slot { width: 100%; float: left; position: relative; }
.filtrele .slot .kapsa { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; }
.filtrele .slot .kapsa .yazi { padding: 0 0 0 30px; display: none; }
.filtrele .slot .kapsa a.link { margin-left: 30px; display: none; }
.filtrele .tabFilter { width: 100%; float: left; position: relative; }
.filtrele .tabFilter .filtBaslik { display: none; }
.filtrele .tabFilter .tabMenu { width: 100%; float: left; position: relative; margin: 0 0 20px 0; display: initial !important; padding: 0 0 0 65px; }
.filtrele .tabFilter .tabMenu span { width: auto; float: left; position: relative; font-size: 20px; line-height: 26px; color: #656b69; margin: 0 30px 20px 0; }
.filtrele .tabFilter .tabMenu span:last-child { margin-right: 0; }
.filtrele .tabFilter .filter { width: 100%; left: 0; height: 100%; float: left; position: relative; }
.filtrele .tabFilter .filter .kapsul { width: 100%; float: left; position: relative; height: calc(100vh - 470px); z-index: 4; }
.filtrele .tabFilter .pages { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; display: none; }
.filtrele .tabFilter .pages span { width: 25px; height: 25px; float: left; position: relative; background: #cecece; border-radius: 100%; margin: 0 10px 0 0; }
.filtrele .tabFilter .pages span:last-child { margin-right: 0; }
.filtrele .tabFilter .pages span.swiper-pagination-bullet-active { background: #53bf9b; }


.drgXWrap { width: 100%; float: left; position: sticky; left: 0; top: 60px; padding: 110px 0 120px 0; }
.drgXWrap:after { content: ""; width: calc(40% - 100px); height: 100%; /* height: 74%; */ position: absolute; right: 60px; top: 0px; background: #f2f2f2; z-index: -1; }
.drgX.alt .drgXWrap:after { display: none; }
.drgX { width: 100%; float: left; }
.drgX { width: 100%; left: 0; float: left; position: relative; z-index: 100; }
.drgX.fixed .drgXWrap { line-height: 14px; /* position: fixed; */ /* top: 130px; */ }
.drgX ul { z-index: 90; }
.drgX ul { width: 100%; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.drgX ul li { width: calc(33.33% - 30px); height: calc(100vh - 470px); float: left; position: relative; left: 0px; top: 0; }
.drgX ul li { z-index: 5; -webkit-transition-property: opacity,transform,-webkit-transform; transition-property: opacity,transform,-webkit-transform; transition-property: opacity,transform,-webkit-transform; transition-property: opacity,transform,-webkit-transform; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: cubic-bezier(0.29, 0.94, 0.34, 0.93); transition-timing-function: cubic-bezier(0.29, 0.94, 0.34, 0.93); opacity: 1; }
.drgX ul li.active { /* z-index: 7; */ opacity: 1; }
.drgX ul li > div { width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; overflow: hidden; -webkit-transition-property: height,transform,-webkit-transform; transition-property: height,transform,-webkit-transform; transition-property: height,transform,-webkit-transform; transition-property: height,transform,-webkit-transform; -webkit-transition-duration: .9s; transition-duration: .9s; -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); }
.drgX ul li > div span { width: 100%; height: 100%; height: calc(100vh - 470px); position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center; }
.drgX ul li > div span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(0 0 0 / 15%); }
.drgX ul li > div span:before { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 3px #53bf9b; }
.drgX ul li > .once span:before { border-color: #d5d3b7d6; }
.drgX ul li > div.once span:after { background-color: #e688350a; filter: brightness(0.9); }
.drgX ul li > .once { top: 0%; background-position: left center; z-index: 4; border-bottom: solid 2px #53bf9b; }
.drgX ul li > .once span { top: 0; filter: grayscale(1); }
.drgX ul li > .sonra { right: 0%; bottom: 0; background-position: right; z-index: 1; }
.drgX ul li > .sonra span { bottom: 0px; background-position: left bottom; }
.drgX ul li strong { width: 100%; position: absolute; left: 0; bottom: -52px; font-size: 22px; line-height: 17px; font-weight: 800; color: #595858; padding: 14px 20px; z-index: 5; text-align: center; text-transform: uppercase; }
.drgX ul li strong:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0px; background: #53bf9b; z-index: -1; opacity: 1; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; opacity: 0; }
.drgX ul li > div i { width: 100%; float: left; position: absolute; left: 0; font-size: 24px; line-height: 28px; font-weight: bold; font-style: normal; color: #fff; padding: 0 50px; text-align: center; }

.drgX ul li > div.once i { top: 50px; color: #fffad7; }
.drgX ul li > div.sonra i { bottom: 54px; }


.filtrele.genelListe li { width: 100%; height: calc(100vh - 340px); float: left; position: relative; left: 0px; top: 0; padding: 0; background: #ac0; }
.filtrele.genelListe li > div { width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; overflow: hidden; -webkit-transition-property: height,transform,-webkit-transform; transition-property: height,transform,-webkit-transform; transition-property: height,transform,-webkit-transform; transition-property: height,transform,-webkit-transform; -webkit-transition-duration: .9s; transition-duration: .9s; -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); }
.filtrele.genelListe li > div span { width: 100%; height: 100%; height: calc(100vh - 340px); position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center; }
.filtrele.genelListe li > div span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(0 0 0 / 15%); }
.filtrele.genelListe li > div span:before { content: ""; width: calc(100% - 50px); height: calc(100% - 50px); position: absolute; left: 25px; top: 25px; border: solid 1.5px #53bf9b; }
.filtrele.genelListe li > .once span:before { border-color: #d5d3b7d6; }
.filtrele.genelListe li > div.once span:after { background-color: #e688350a; filter: brightness(0.9); }
.filtrele.genelListe li > .once { top: 0%; background-position: left center; z-index: 4; border-bottom: solid 2px #53bf9b; }
.filtrele.genelListe li > .once span { top: 0; filter: grayscale(1); }
.filtrele.genelListe li > .sonra { right: 0%; bottom: 0; background-position: right; z-index: 1; }
.filtrele.genelListe li > .sonra span { bottom: 0px; background-position: left bottom; }
.filtrele.genelListe li strong { width: 100%; position: absolute; left: 0; top: 37px; font-size: 19px; line-height: 19px; font-weight: 800; color: #ffffff; padding: 14px 20px; z-index: 5; text-align: center; text-transform: uppercase; }
.filtrele.genelListe li strong:after { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0px; background: #53bf9b; z-index: -1; opacity: 1; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; opacity: 0; }
.filtrele.genelListe li > div i { width: 100%; float: left; position: absolute; left: 0; font-size: 24px; line-height: 28px; font-weight: bold; font-style: normal; color: #fff; padding: 0 50px; text-align: center; display: none; }

.filtrele.genelListe li > div.once i { top: 50px; color: #fffad7; }
.filtrele.genelListe li > div.sonra i { bottom: 54px; }



.bayDrg { width: calc(100% + 130px); left: -65px; float: left; position: relative; z-index: 100; }
.bayDrg ul { z-index: 90; }
.bayDrg ul, .bayDrg ul li { width: 100%; height: 100%; float: left; position: absolute; left: 0px; top: 0; }
.bayDrg ul li { z-index: 5; }
.bayDrg ul li.active { z-index: 7; }
.bayDrg ul li > div { width: 0; height: 100%; position: absolute; background-repeat: no-repeat; overflow: hidden; }
.bayDrg ul li > div span { width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: center; }
.bayDrg ul li > div span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(0 0 0 / 15%); }
.bayDrg ul li > .once { left: 0%; top: 0%; background-position: left center; }
.bayDrg ul li > .once span { left: 0px; }
.bayDrg ul li > .sonra { right: 0%; bottom: 0; background-position: right; }
.bayDrg ul li > .sonra span { right: 0px; }


.bayDrg .arrow { width: 130px; height: 100%; position: absolute; left: calc(50% - 65px); top: 0px; z-index: 95; cursor: move; }
.bayDrg .arrow.dActive { opacity: 1; }
.bayDrg .arrow:after { content: ""; width: 1px; height: 100%; position: absolute; left: calc(50% - 0.5px); top: 0px; background: #fff; }
.bayDrg .arrow a { width: 130px; height: 130px; position: absolute; left: calc(50% - 65px); top: calc(50% - 132px); background: rgb(0 0 0 / 25%); border-radius: 100%; cursor: move; }
.bayDrg .arrow a .kap { width: 52px; height: 52px; position: absolute; left: 39px; top: 36px; }
.bayDrg .arrow a span { width: 26px; height: 52px; position: absolute; overflow: hidden; }
.bayDrg .arrow a span:after { content: ""; width: 52px; height: 52px; position: absolute; top: 0px; box-sizing: border-box; border-radius: 100%; background: #fff; }
.bayDrg .arrow a span.sol { left: 0; top: 10px; }
.bayDrg .arrow a span.sol:after { left: 0; }
.bayDrg .arrow a span.sag { right: 0; opacity: 0.4; }
.bayDrg .arrow a span.sag:after { right: 0; }


.bayDrg .arrow.active a span.sol { top: 5px; opacity: 0.4; }
.bayDrg .arrow.active a span.sag { top: 5px; opacity: 0.4; }

.bayDrg .arrow.active a span.sol.active { top: -5px; opacity: 1; }
.bayDrg .arrow.active a span.sag.active { top: -5px; opacity: 1; }

.bayDrg .pages.dActive { opacity: 1; }
.bayDrg .pages span { cursor: pointer; }
.bayDrg .pages span:last-child { margin-bottom: 0px; }
.bayDrg .pages span.active { color: #56bf9b; }

.bayDrg ul li.active { z-index: 7; opacity: 1; }
.bayDrg ul li.tamam > div { width: 50%; }
.bayDrg ul li.next { z-index: 7; opacity: 1; }
.bayDrg ul li.next > .once { top: 100%; }
.bayDrg ul li.next > .sonra { bottom: -100%; }





.kazanclar.genelListe { padding: 100px 0; margin: 140px 0 0 0; }
.kazanclar.genelListe:after { content: ""; width: calc(50% - 100px); height: 100%; position: absolute; left: 0; top: 0; background: #f8f8f8; z-index: -1; }
.kazanclar.genelListe .yazi { width: 710px; text-align: center; text-align-last: center; margin: 0 0 50px 0; }
.kazanclar.genelListe .kapsa { width: 100%; float: left; position: relative; z-index: 20; }
.kazanclar.genelListe li { width: 25%; padding: 0; background: #fff; z-index: 1; }
.kazanclar.genelListe li:after { content: ""; width: 50%; height: calc(100% - 20px); position: absolute; left: -2px; top: 10px; background: #000; z-index: -1; filter: blur(6px); opacity: 0.2; }
.kazanclar.genelListe li .kapsul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 70px 30px; background: #fff; z-index: 10; }
.kazanclar.genelListe li .resim { width: 84px; height: 84px; border-radius: 100%; border: solid 1px #e3e3e3; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 0 29px 0; transition: all .8s cubic-bezier(.645,.045,.355,1); }
.kazanclar.genelListe li .resim img { max-width: calc(100% - 40px); max-height: calc(100% - 40px); width: auto; height: auto; position: absolute; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
.kazanclar.genelListe li h6 { font-size: 17px; line-height: 17px; font-weight: 800; color: #474747; text-align: center; margin: 0 0 30px 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
.kazanclar.genelListe li p { font-size: 15px; line-height: 23px; font-weight: 400; color: #656b69; text-align: center; margin: 0 0 30px 0; min-height: 69px; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
.kazanclar.genelListe li .kazanc { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.kazanclar.genelListe li .kazanc .sayi { font-size: 44px; line-height: 54px; font-weight: 900; color: #56bf9b; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
.kazanclar.genelListe li .kazanc .deger { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; color: #656b69; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
.kazanclar.genelListe li .kazanc .deger span {font-size: 13px;line-height: 16px;font-weight: 900;margin-right: 5px;}
.kazanclar.genelListe li .kazanc .deger u { font-size: 16px; line-height: 16px; font-weight: 900; }
.kazanclar.genelListe li:nth-child(2) .kapsul { background: #fafafa; }
.kazanclar.genelListe li:nth-child(3) .kapsul { background: #f6f5f5; }
.kazanclar.genelListe li:nth-child(4) .kapsul { background: #f0efef; }
.kazanclar.genelListe li .resim img.erkek { opacity: 1; }
.kazanclar.genelListe li .hover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -2; overflow: hidden; }
.kazanclar.genelListe li .hover .bg { width: 100%; height: 0; float: left; position: absolute; left: 0; bottom: -30%; transition: all .7s cubic-bezier(.645,.045,.355,1); }
.kazanclar.genelListe li .hover .bg span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-position: bottom center; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; background-size: cover; }
.kazanclar.genelListe li .hover .bg span:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(0 0 0 / 59%); background: #3b6f5d85; }

.kazanclar.genelListe li:hover .hover .bg { height: 100%; bottom: 0; }
.kazanclar.genelListe li:hover .resim img.erkek { opacity: 0; }
.kazanclar.genelListe li:hover .resim img.disi { opacity: 1; }
.kazanclar.genelListe li:hover .resim { border-color: rgb(255 255 255 / 48%); }
.kazanclar.genelListe li:hover h6 { color: #fff; }
.kazanclar.genelListe li:hover p { color: #fff; }
.kazanclar.genelListe li:hover .kazanc .sayi { color: #fff; }
.kazanclar.genelListe li:hover .kazanc .deger { color: #fff; }
.kazanclar.genelListe:after { display: none; }
.kazanclar.genelListe { padding: 0; margin: 60px 0 0 0; }



.projeler.genelListe { margin: 100px 0 0px 0; }
.projeler.genelListe .kapsa { width: 100%; float: left; position: relative; }
.projeler.genelListe a.link { margin: 25px 0 0 0; }
.projeler.genelListe li { padding: 0px; }
.projeler.genelListe.dortLu li { width: calc(25% - 23px); margin: 0 0 30px 0; }
.projeler.genelListe.ucLu li { width: calc(33.33% - 15px); margin: 0 0 30px 0; }
.projeler.genelListe.ikiLi li { width: calc(50% - 15px); margin: 0 0 30px 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform,-webkit-transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); }
.projeler.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(147 147 147 / 28%); transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); }
.projeler.genelListe li .alt { width: 100%; min-height: 50%; position: absolute; left: 0; bottom: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: end; justify-content: center; padding: 60px 60px 21px 60px; z-index: 45; }
.projeler.genelListe.alt li .alt { min-height: initial; padding: 80px 60px 21px 60px; }
.projeler.genelListe li .alt:before { content: ""; width: calc(100% - 60px); height: 100%; position: absolute; bottom: 0; border: solid 1px rgb(255 255 255 / 39%); border-bottom-color: transparent; }
.projeler.genelListe li .alt:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 62%) 100%); z-index: -1; }
.projeler.genelListe li .alt .yer { max-width: calc(100% - 20px); position: absolute; left: 0; top: 15px; font-size: 13px; line-height: 13px; color: #fff; background: #56bf9b; padding: 13px 20px; z-index: 45; }
.projeler.genelListe li .alt .yer span:after { content: ","; }
.projeler.genelListe li .alt .yer span:last-child:after { display: none; }
.projeler.genelListe li .alt h6 { font-size: 17px; line-height: 24px; color: #fff; text-align: center; }
.projeler.genelListe.alt { margin: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; }
.projeler.genelListe.alt .solKisim { width: 330px; float: left; position: relative; background: #f7f7f7; }
.projeler.genelListe.alt .solKisim .slot { width: 100%; float: left; position: relative; padding: 30px 20px; }
.projeler.genelListe.alt .solKisim .slot:last-child { margin-bottom: 0; }
.projeler.genelListe.alt .solKisim .slot strong { width: 100%; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; color: #565656; margin: 0 0 10px 0; }
.projeler.genelListe.alt .solKisim .slot ul { width: 100%; }
.projeler.genelListe.alt .solKisim .slot ul li { width: 100%; float: left; margin: 0 0 20px 0; }
.projeler.genelListe.alt .solKisim .slot ul li:last-child { margin-bottom: 0; }
.projeler.genelListe.alt .sagKisim { width: calc(100% - 360px); float: left; }
.projeler.genelListe .mFiltre { width: 100%; float: left; position: relative; box-sizing: border-box; background: #e9e9e9; padding: 13px 20px; margin: 0 0 20px 0; display: none; }
.projeler.genelListe .mFiltre .filt { width: auto; float: left; position: relative; box-sizing: border-box; background: url(../images/fltric.svg) no-repeat left center; font-size: 15px; line-height: 15px; font-weight: 400; color: #727272; padding: 2px 0 2px 20px; }
.projeler.genelListe .mFiltre .filt:before { content: "Proje Filtrele"; }
.projeler.genelListe li .resim { overflow: hidden; }
.projeler.genelListe li .resim img { transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1); }
.projeler.genelListe li:hover .resim img { transform: scale(1.2); }
.projeler.genelListe li .durum { position: absolute; right: 0; top: 24px; font-size: 13px; line-height: 13px; color: #fff; background: #56bf9b; padding: 13px 20px; z-index: 45; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); opacity: 0; }

.projeler.genelListe li:hover .resim:after { background: rgb(31 31 31 / 28%); }
.projeler.genelListe li:hover .durum { opacity: 1; }



.urunler.genelListe { margin: 0 0 100px 0; }
.urunler.genelListe .kapsa { width: 100%; float: left; position: relative; }
.urunler.genelListe .ust { width: 100%; float: left; position: relative; }
.urunler.genelListe .ust .inner { align-items: center; }
.urunler.genelListe .alt { width: calc(100% - 0px); float: left; position: relative; margin: 30px 0 0 0px; padding: 0 60px; }
.urunler.genelListe li { width: calc(33.33% - 20px); padding: 0px; }
.urunler.genelListe li .kapsul { width: 100%; float: left; position: relative; background: #f4f4f4; }
.urunler.genelListe li .kapsul:after { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; bottom: 30px; border: solid 1px rgb(255 255 255 / 39%); z-index: 10; }
.urunler.genelListe li .bilgi { width: 100%; float: left; position: relative; padding: 54px 30px 30px 30px; }
.urunler.genelListe li .resim { z-index: 5; overflow: hidden; padding: 0 1px; }
.urunler.genelListe li .resim:before { content: ""; width: 100%; height: 200px; position: absolute; left: 0; top: 0; background: #ac0; background: rgb(244,244,244); background: linear-gradient(0deg, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%); z-index: 10; }
.urunler.genelListe li .resim img { transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1); }
.urunler.genelListe li:hover .resim img { transform: scale(1.2); }
.urunler.genelListe li h6 { font-size: 15px; line-height: 20px; color: #474747; font-weight: 800; text-transform: uppercase; text-align: center; margin: 0 0 20px 0; }
.urunler.genelListe li:hover h6 { color: #56bf9b; }
.urunler.genelListe li p { font-size: 14px; line-height: 19px; color: #656b69; text-align: justify; min-height: 70px; }

.urunler.genelListe.alt { margin-bottom: 0; }
.urunler.genelListe.alt ul { align-items: initial; align-content: center; }
.urunler.genelListe.alt ul li { margin-bottom: 30px; width: calc(33.33% - 9px); }
.urunler.genelListe.alt ul li a { height: 100%; }
.urunler.genelListe.alt li .kapsul { height: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; }
.urunler.genelListe.alt li .bilgi { padding: 54px 15px 30px 15px; }
.urunler.genelListe.alt li p { padding: 0 10px; }



.urunler.genelListe.bayX { margin: 50px 0 50px 0px; /* height: 2636px !important; */ }
.urunler.genelListe.bayX.fixed { line-height: normal; }
.urunler.genelListe.bayX .bayXWrap { width: 100%; float: left; position: sticky; position: relative; left: 0; top: 60px; top: 0; }
.urunler.genelListe.bayX.fixed .bayXWrap { /*position: fixed; left: 0; top: 50px;*/ /* position: fixed; */ line-height: normal; }
.urunler.genelListe.bayX .kapsa { overflow: hidden; /* height: calc(100vh); */ padding: 0; }
.urunler.genelListe.bayX ul:not(.swiper-wrapper) { /* width: max-content !important; */ /* display: initial; */ /* flex-direction: initial; */ /* flex-wrap: initial; */ /* align-items: initial; */ /* justify-content: initial; */ /* left: 0; */ /* top: 0; */ /* padding: 0; */ /* -webkit-transition-property: left, -webkit-transform; */ /* transition-property: left, -webkit-transform; */ /* transition-property: left, transform; */ /* transition-property: left, transform,-webkit-transform; */ /* -webkit-transition-duration: 500ms; */ /* transition-duration: 500ms; */ /* -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); */ /* transition-timing-function: cubic-bezier(.23,1,.32,1); */ /* background: #ac0; */ /* padding: 30px 0; */ display: initial; }
.urunler.genelListe.bayX li { width: calc(33.33vw - 30px); margin-right: 30px; transition: none; }
.urunler.genelListe.bayX li:last-child { /*margin-right:0; */ list-style: none; }
.urunler.genelListe.bayX li p { min-height: 100px; }


.urunler.genelListe .arr { width: auto; position: absolute; top: calc(50% + 91px); z-index: 99; /* filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.8)); */ background: #53bf9b; display: none; }
.urunler.genelListe .arr:before { content: ""; width: 7px; height: 14px; position: absolute; background: #fff; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 7px); left: 16px; }
.urunler.genelListe .arr:after { content: ""; width: calc(100% - 101px); height: 1px; position: absolute; top: calc(50% - 1px); background: #fff; }
.urunler.genelListe .arr:hover:after { border-color: #56bf9b; }
.urunler.genelListe .arr span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #fff; transition: all .4s; padding: 18px 0 18px 20px; }
.urunler.genelListe .arr span:after { content: ""; }
.urunler.genelListe .arr.sol { left: 0; }
.urunler.genelListe .arr.sol:after { left: 23px; }
.urunler.genelListe .arr.sol span:after { left: 0; }
.urunler.genelListe .arr.sol span { padding-left: 57px; padding-right: 20px; }
.urunler.genelListe .arr.sol span:after { left: 0; }

.urunler.genelListe .arr.sag { right: 0; }
.urunler.genelListe .arr.sag span { padding-right: 57px; }
.urunler.genelListe .arr.sag span:after { right: 0; }
.urunler.genelListe .arr.sag:after { right: 23px; }
.urunler.genelListe .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }

.urunler.genelListe .arr.sag:hover span { padding-right: 40px; }
.urunler.genelListe .arr.sol:hover span { padding-left: 40px; }




.anaBlog.genelListe { padding: 50px 0 0px 0; }
.anaBlog.genelListe:after { content: ""; width: calc(30% - 0px); height: 60%; position: absolute; left: 60px; top: 0; background: #f8f8f8; z-index: -1; }
.anaBlog.genelListe .kapsa { width: 100%; float: left; position: relative; }
.anaBlog.genelListe ul:not(.swiper-wrapper) { display: initial; }
.anaBlog.genelListe li { width: calc(50% - 15px); padding: 0px; margin-left: 30px; }
.anaBlog.genelListe li:first-child { margin: 0; }
.anaBlog.genelListe li:first-child .resim { height: 600px; }
.anaBlog.genelListe li:nth-child(2) { margin-bottom: 30px; }
.anaBlog.genelListe li:last-child { display: none; }
.anaBlog.genelListe li .resim { height: 285px; overflow: hidden; }
.anaBlog.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(175 175 175 / 28%); }
.anaBlog.genelListe li .resim img { width: 100%; height: 100%; object-fit: cover; transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1); }
.anaBlog.genelListe li h6 { width: auto; position: absolute; right: 0px; bottom: 50px; font-size: 14px; line-height: 14px; font-weight: 400; color: #fff; background: #56bf9b; padding: 20px 30px; }
.anaBlog.genelListe li:first-child h6 { right: initial; left: 0; }
.anaBlog.genelListe li:hover .resim img { transform: scale(1.2); }



.referans.genelListe { margin: 100px 0 0 0; padding: 50px 0; }
.referans.genelListe:after { content: ""; width: calc(100% - 120px); height: 100%; position: absolute; left: 60px; top: 0px; background: #f8f8f8; z-index: -1; }
.referans.genelListe .kapsa { width: 100%; float: left; position: relative; }
.referans.genelListe li { width: calc(20% - 20px); padding: 0px; margin: 0 0 25px 0; }
.referans.genelListe li .resim { height: 116px; border: solid 1px #cdcdcd9c; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1) !important; }
.referans.genelListe li .resim img { max-width: calc(100% - 53px); max-height: calc(100% - 60px); width: auto; height: auto; mix-blend-mode: multiply; }
.referans.genelListe li a { background: #f8f8f8 !important; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); filter: drop-shadow(6px 11px 7px rgb(0 0 0 / 0%)); }
.referans.genelListe li a:hover .resim { border-color: #56bf9b00; }
.referans.genelListe li a:hover { filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.2)); }



footer { width: 100%; float: left; position: relative; margin: 100px 0 0 0; }
footer section { width: 100%; float: left; position: relative; }
footer section .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; }
footer section.form { z-index: 20; }
footer .form .kapsa { width: 1215px; float: left; position: relative; background: #53bf9b; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; box-shadow: 0px 0px 16px rgb(0 0 0 / 30%); margin: 0 0 -60px 0; padding: 38px 0; }
footer .form .kapsa strong { width: auto; position: relative; font-size: 18px; line-height: 18px; font-weight: bold; color: #ffffff; text-align: center; text-transform: uppercase; margin: 0 40px 0 0; }
footer .form .kapsa ul { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
footer .form .kapsa ul li { width: auto; float: left; position: relative; padding: 0; margin: 0 40px 0px 0; }
footer .form .kapsa ul li:last-child { border-right-color: transparent; margin-right: 0; }
footer .form .kapsa ul li:before { content: ""; width: 25px; height: 100%; position: absolute; left: 30px; top: 0px; background-repeat: no-repeat; background-position: left center; display: none; }
footer .form .kapsa ul li.ad:before { background-image: url(../images/iad.svg); }
footer .form .kapsa ul li.telefon:before { background-image: url(../images/itel.svg); }
footer .form .kapsa ul li.mail:before { background-image: url(../images/imail.svg); }
footer .form .kapsa ul li input[type="text"] { width: auto; float: left; position: relative; background: none; font-size: 15px; line-height: 15px; font-weight: 600; color: #fafffd; border: solid 1px rgb(255 255 255 / 50%); padding: 10px 20px; }
footer .form .kapsa ul li input[type="submit"] { font-size: 15px; line-height: 15px; font-weight: 600; color: #fafffd; /* border: solid 1px rgb(255 255 255 / 50%); */ padding: 15px 24px 13px 24px; background: #308a6c; cursor: pointer; text-transform: uppercase; }
footer .form .kapsa ul li input[type="submit"]:hover { background-color: #363636; }
footer .form .kapsa ul li.hata input[type="text"] { border-color: rgb(255 255 255 / 50%); }
footer .form ::placeholder { color: #fff; opacity: 1; }
footer .form :-ms-input-placeholder { color: #fff; }
footer .form ::-ms-input-placeholder { color: #fff; }
footer .ust { padding: 102px 0 62px 0; }
footer .ust:before { content: ""; width: calc(100% - 120px); height: 100%; position: absolute; left: 60px; top: 0px; background: url(../images/hrt.svg) no-repeat center; z-index: -1; background-size: contain; opacity: 0.1; }
footer .ust:after { content: ""; width: calc(100% - 120px); height: 100%; position: absolute; left: 60px; top: 0px; background: #56bf9b; z-index: -2; }
footer .ust .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; border-bottom: solid 2px rgb(0 0 0 / 18%); padding: 0 0 50px 0; margin: 0 0 50px 0; }
footer .ust .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
footer .ust .logo { width: 215px; }
footer .iletisim { width: auto; float: left; }
footer .iletisim ul, footer .iletisim ul li, footer .iletisim li a { width: auto; float: left; }
footer .iletisim li { margin-right: 60px; }
footer .iletisim li:last-child { margin-right: 0px; }
footer .iletisim ul li a { width: auto; float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
footer .iletisim ul li a i { width: 46px; height: 46px; float: left; border: solid 1px rgb(255 255 255 / 50%); border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 14px 0 0; }
footer .iletisim ul li a i img { max-width: calc(100% - 25px); max-height: calc(100% - 25px); width: auto; height: auto; }
footer .iletisim ul li a span { font-size: 14px; line-height: 18px; font-weight: 400; color: #ffffff; }
footer .altMenu { width: 100%; float: left; position: relative; }
footer .altMenu .slt:first-child { width: 250px; }
footer .altMenu .slt { width: calc(50% - 210px); float: left; position: relative; }
footer .altMenu .slt h6 { width: auto; float: left; position: relative; font-size: 17px; line-height: 17px; font-weight: 900; color: #ffffff; padding: 13px 10px 10px 0; margin: 0 0 20px 0; text-transform: uppercase; }
footer .altMenu .slt h6:after { content: ""; width: 27px; height: 100%; position: absolute; right: 0; top: 0; background: #4ca889; z-index: -1; }
footer .altMenu .slt ul, footer .altMenu .slt ul li, footer .altMenu .slt ul li a { width: 100%; float: left; position: relative; }
footer .altMenu .slt ul { padding-left: 10px; }
footer .altMenu .slt ul li { margin-bottom: 10px; }
footer .altMenu .slt ul li:last-child { margin-bottom: 0px; }
footer .altMenu .slt ul li a {font-size: 14px;line-height: 17px;font-weight: 400;color: #fff;transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1);}
footer .altMenu .slt ul li a:hover { color: #18513e; }
footer .alt { padding: 30px 0; }
footer .alt .inner { flex-direction: row; }
footer .alt .bilgi { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; font-weight: 600; color: #3c3e3e; }
footer .alt .qBrand { width: auto; float: left; font-size: 14px; line-height: 14px; font-weight: 600; color: #3c3e3e; }
footer .alt .qBrand b { color: #363636; }



.genelForm.hesapla ul { align-items: initial; align-content: center; }
.genelForm.hesapla ul li { opacity: 1; margin: 0 0 38px 0; }
.genelForm.hesapla.ucLu ul li { width: calc(33.33% - 0px); margin: 0; border-right: solid 1px #f3f3f3; border-bottom: solid 1px #f3f3f3; padding: 30px 27px; }
.genelForm.hesapla.ikiLi ul li { width: calc(50% - 0px); margin: 0; border-right: solid 1px #f3f3f3; border-bottom: solid 1px #f3f3f3; padding: 30px 27px; }
.genelForm.hesapla.ucLu ul li:nth-child(3n), .genelForm.hesapla.ikiLi ul li:nth-child(2n) { border-right-color: transparent; }
.genelForm.hesapla.ikiLi ul li:nth-last-child(1), .genelForm.hesapla.ikiLi ul li:nth-last-child(2) { border-bottom: 0; }
.genelForm.hesapla ul li .slt { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; }
.genelForm.hesapla ul li .slt .kps { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.genelForm.hesapla ul li .slt .kps label { margin: 0; position: absolute; /* left: 17px; */ top: 16px; background: #ffffff; padding: 0px 10px; transition: all .3s cubic-bezier(0, 0, 0.38, 0.96); }
.genelForm.hesapla ul li .slt .kps.active label { top: -8px; font-size: 10px; left: 12px; }
.genelForm.hesapla ul li .slt .kps p { width: 100%; float: left; font-size: 12px; line-height: 14px; font-style: italic; padding: 0; text-align: left; margin: 10px 0 0 0; }
.genelForm.hesapla ul li .slt .kps input[type="text"], .genelForm.hesapla ul li .slt .kps input[type="number"], .genelForm.hesapla ul li .slt .kps .select { border: solid 1px #e5e5e3; padding-top: 19px; /* border-radius: 45px; */ text-align: left; padding-left: 22px; background: #fff; font-weight: bold; }


.genelForm.hesapla ul li .slt.hata:not(.active) .kps input[type="text"], .genelForm.hesapla ul li .slt.hata:not(.active) .kps input[type="number"], .genelForm.hesapla ul li .slt.hata:not(.active) .kps .select { border-color: #c00; }



.hesapList { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.hesapList .slot { width: 100%; float: left; position: relative; }
.hesapList .sonuc { margin: 0; }
.hesapList .sonuc ul { width: 100%; float: left; position: relative; }
.hesapList .sonuc ul li {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;font-size: 14px;line-height: 23px;font-weight: 400;color: #656b69;border-bottom: solid 1px #ededed;}
.hesapList .sonuc ul li:last-child { border-bottom: 0; }
.hesapList .sonuc ul li strong {/* font-weight: 600; */width: 596px;padding: 15px 26px;border-right: solid 1px #ededed;}
.hesapList .sonuc ul li p {width: calc(100% - 596px);padding: 0 0 0 0;text-align: right;display: flex;flex-wrap: wrap;flex-direction: row;align-items: baseline;justify-content: flex-end;margin-top: 4px;color: #53bf9b;}
.hesapList .sonuc ul li p span { font-size: 21px; letter-spacing: 2px; }
.hesapList .sonuc ul li p i { font-size: 13px; line-height: 13px; font-style: normal; margin: 0 0 0 4px; }
.hesapList .sonuc ul li#net_kar_s1 strong { font-size: 20px; line-height: 20px; font-weight: bold; }
.hesapList .sonuc ul li#net_kar_s1 p { font-weight: bold; }
.hesapList .sonuc ul li#net_kar_s1 p span { font-size: 27px; line-height: 27px; }


.hakkimizda { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.hakkimizda .resmi { width: 400px; float: left; position: relative; }
.hakkimizda .resmi:after { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 1px #fff; }
.hakkimizda .resmi img { width: 100%; float: left; }
.hakkimizda .bilgi { width: calc(100% - 400px); float: left; position: relative; padding: 0 0 0 40px; }



.linkler { width: 100%; float: left; position: relative; margin: 40px 0 0 0px; }
.linkler a { width: auto; height: 36px; float: left; position: relative; z-index: 99; margin: 0 40px 0 0; transition: all .4s; }
.linkler a:last-child { margin-right: 0; }
.linkler a:before { content: ""; width: 5px; height: 10px; position: absolute; background: #53bf9b; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 5px); left: 16px; }
.linkler a:after { content: ""; width: 36px; height: 36px; position: absolute; top: 0px; border: solid 1px #53bf9b; border-radius: 100%; }
.linkler a span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #2e2e2e; transition: all .4s; }
.linkler a span:after { content: ""; width: calc(100% - 15px); height: 1px; position: absolute; bottom: 2px; background: #53bf9b; }
.linkler a.sol { left: 100px; }
.linkler a.sol:after { left: 0; }
.linkler a.sol span:after { left: 0; }
.linkler a.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.linkler a.sol span:after { left: 0; }
.linkler a.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.linkler a.sag span:after { right: 0; }
.linkler a.sag:after { right: 0; }
.linkler a.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }

.linkler a:hover.sag span { padding-right: 45px; }
.linkler a:hover span { color: #53bf9b; }


.linkler div { width: auto; height: 36px; float: left; position: relative; z-index: 99; margin: 0 40px 0 0; }
.linkler div:last-child { margin-right: 0; }
.linkler div:before { content: ""; width: 5px; height: 10px; position: absolute; background: #53bf9b; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 5px); left: 16px; }
.linkler div:after { content: ""; width: 36px; height: 36px; position: absolute; top: 0px; border: solid 1px #53bf9b; border-radius: 100%; }
.linkler div span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #2e2e2e; transition: all .4s; }
.linkler div span:after { content: ""; width: calc(100% - 15px); height: 1px; position: absolute; bottom: 2px; background: #53bf9b; }
.linkler div.sol { left: 100px; }
.linkler div.sol:after { left: 0; }
.linkler div.sol span:after { left: 0; }
.linkler div.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.linkler div.sol span:after { left: 0; }
.linkler div.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.linkler div.sag span:after { right: 0; }
.linkler div.sag:after { right: 0; }
.linkler div.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }
.linkler:hover div.sag span { padding-right: 45px; }
.linkler:hover div span { color: #53bf9b; }



.projeDetay { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; }
.projeDetay .solKisim { width: calc(100% - 370px); float: left; }
.projeDetay .solKisim .slot { width: 100%; float: left; position: relative; padding: 0 0 50px 0; margin: 0 0 50px 0; border-bottom: solid 1px #e2e2e2; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.projeDetay .solKisim .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.projeDetay .solKisim .slot .baslik { width: auto; float: left; position: relative; margin: 0 0 0 0; }
.projeDetay .solKisim .slot .baslik h1 { width: auto; float: left; position: relative; font-size: 24px; line-height: 30px; font-weight: 700; color: #53bf9b; }
.projeDetay .solKisim .slot .baslik h2 { font-size: 20px; line-height: 20px; font-weight: 600; margin: 0 0 14px 0; }

.projeDetay .solKisim .slot.bilgi ul { width: 100%; float: left; position: relative; }
.projeDetay .solKisim .slot.bilgi ul li { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; font-size: 16px; line-height: 26px; font-weight: 400; color: #3b3b3b; margin: 0 0 13px 0; }
.projeDetay .solKisim .slot.bilgi ul li:last-child { margin-bottom: 0; }
.projeDetay .solKisim .slot.bilgi ul li .solK { width: 50px; float: left; }
.projeDetay .solKisim .slot.bilgi ul li .sagK { width: calc(100% - 75px); float: left; }
.projeDetay .solKisim .slot.bilgi ul li .sagK.link a { color: #3b3b3b; margin: 0 25px 0 0; text-decoration: underline; }
.projeDetay .solKisim .slot.bilgi ul li .sagK.link a:last-child { margin-right: 0; }

.projeDetay .projeSwip.genelListe li { width: 100%; padding: 0; }
.projeDetay .projeSwip.genelListe li a:after { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 1px #fff; }
.projeDetay .projeSwip.genelListe .arr { width: auto; height: 36px; position: absolute; top: calc(50% + 18px); z-index: 99; }
.projeDetay .projeSwip.genelListe .arr:before { content: ""; width: 5px; height: 10px; position: absolute; background: #fff; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 5px); left: 16px; }
.projeDetay .projeSwip.genelListe .arr:after { content: ""; width: 36px; height: 36px; position: absolute; top: 0px; border: solid 1px #fff; border-radius: 100%; }
.projeDetay .projeSwip.genelListe .arr span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #fff; }
.projeDetay .projeSwip.genelListe .arr span:after { content: ""; width: calc(100% - 15px); height: 1px; position: absolute; bottom: 2px; background: #fff; }
.projeDetay .projeSwip.genelListe .arr.sol { left: 50px; }
.projeDetay .projeSwip.genelListe .arr.sol:after { left: 0; }
.projeDetay .projeSwip.genelListe .arr.sol span:after { left: 0; }
.projeDetay .projeSwip.genelListe .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.projeDetay .projeSwip.genelListe .arr.sol span:after { left: 0; }
.projeDetay .projeSwip.genelListe .arr.sag { right: 50px; }
.projeDetay .projeSwip.genelListe .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.projeDetay .projeSwip.genelListe .arr.sag span:after { right: 0; }
.projeDetay .projeSwip.genelListe .arr.sag:after { right: 0; }
.projeDetay .projeSwip.genelListe .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }


.projeDetay .sagKisim { width: 330px; float: left; }
.projeDetay .sagKisim .slot { width: 100%; float: left; position: relative; padding: 30px 30px; background: #f7f7f7; margin: 0 0 30px 0; }
.projeDetay .sagKisim .slot:last-child { margin-bottom: 0; }
.projeDetay .sagKisim .slot strong { width: 100%; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; color: #565656; margin: 0 0 10px 0; }

.projeDetay .sagKisim .slot.talepFormu { background: #53bf9b; }

.projeDetay .sagKisim .slot.talepFormu strong { color: #fff; }
.projeDetay .sagKisim .slot.talepFormu .genelForm ul li input[type="text"] { border: none; background: #53bf9b; border: solid 1px rgb(255 255 255 / 39%); color: #fff; }
.projeDetay .sagKisim .talepFormu .genelForm ul li input[type="submit"] { background: #52655f; }
.projeDetay .sagKisim .talepFormu .genelForm ul li input[type="submit"]:hover { background: #2f3d38; }
.projeDetay .sagKisim .slot ::placeholder { color: #fff; opacity: 1; }
.projeDetay .sagKisim .slot :-ms-input-placeholder { color: #fff; }
.projeDetay .sagKisim .slot ::-ms-input-placeholder { color: #fff; }



.yanProje.genelListe .kapsa { width: 100%; float: left; position: relative; margin: 10px 0 0 0; }
.yanProje.genelListe li { width: 100%; padding: 0; margin: 0 0 25px 0; }
.yanProje.genelListe li:last-child { margin-bottom: 0; }
.yanProje.genelListe li a { display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; }
.yanProje.genelListe li .resim { width: 100px; }
.yanProje.genelListe li .bilgi { width: calc(100% - 111px); float: left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: space-between; opacity: 1 !important; }
.yanProje.genelListe li h6 { font-size: 14px; line-height: 18px; font-weight: 600; color: #3b3b3b; }
.yanProje.genelListe li:hover h6 { color: #53bf9b; }
.yanProje.genelListe li span { width: 100%; float: left; position: relative; font-size: 12px; font-style: italic; color: #3b3b3b; margin: 7px 0 0 0; }




.blog.genelListe li { width: 100%; padding: 0; margin: 0 0 30px 0; }
.blog.genelListe li a { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.blog.genelListe li a:after { content: ""; width: calc(100% - 90px); height: calc(100% - 60px); position: absolute; right: 0; top: 30px; background: #f7f7f7; z-index: -1; }
.blog.genelListe li .bilgi { width: 60%; float: left; position: relative; padding: 30px 40px; }
.blog.genelListe li .bilgi .ust { width: 100%; float: left; position: relative; }
.blog.genelListe li .bilgi .ust h6 { font-size: 16px; line-height: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; color: #565656; }
.blog.genelListe li:hover .bilgi .ust h6 { color: #53bf9b; }
.blog.genelListe li .bilgi .ust span { font-size: 10px; line-height: 16px; font-weight: 800; font-style: italic; letter-spacing: 1px; color: #565656; }
.blog.genelListe li .bilgi .yazi { margin: 23px 0 0 0; }
.blog.genelListe li .resim { width: 40%; }
.blog.genelListe li:nth-child(2n) a { flex-direction: row-reverse; }
.blog.genelListe li:nth-child(2n) a:after { right: initial; left: 0; }


.blog.genelListe li:hover .linkler div.sag span { padding-right: 45px; }
.blog.genelListe li:hover .linkler div span { color: #53bf9b; }




.blogDetay { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; }
.blogDetay .solKisim { width: calc(100% - 370px); float: left; }
.blogDetay .solKisim .slot { width: 100%; float: left; position: relative; margin: 0 0 30px 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.blogDetay .solKisim .slot:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.blogDetay .solKisim .slot .baslik { width: 100%; float: left; position: relative; margin: 0 0 0 0; }
.blogDetay .solKisim .slot .baslik h1 { width: 100%; float: left; position: relative; font-size: 20px; line-height: 26px; font-weight: 900; color: #53bf9b; padding-left: 0; padding-right: 51px; }
.blogDetay .solKisim .slot .baslik h2 { font-size: 20px; line-height: 20px; font-weight: 600; margin: 0 0 14px 0; }
.blogDetay .solKisim .slot .baslik h1:before { display: none; }


.blogDetay .projeSwip.genelListe li { width: 100%; padding: 0; }
.blogDetay .projeSwip.genelListe li a:after { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 1px #fff; }
.blogDetay .projeSwip.genelListe .arr { width: auto; height: 36px; position: absolute; top: calc(50% + 18px); z-index: 99; display: none; }
.blogDetay .projeSwip.genelListe .arr:before { content: ""; width: 5px; height: 10px; position: absolute; background: #fff; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 5px); left: 16px; }
.blogDetay .projeSwip.genelListe .arr:after { content: ""; width: 36px; height: 36px; position: absolute; top: 0px; border: solid 1px #fff; border-radius: 100%; }
.blogDetay .projeSwip.genelListe .arr span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #fff; }
.blogDetay .projeSwip.genelListe .arr span:after { content: ""; width: calc(100% - 15px); height: 1px; position: absolute; bottom: 2px; background: #fff; }
.blogDetay .projeSwip.genelListe .arr.sol { left: 50px; }
.blogDetay .projeSwip.genelListe .arr.sol:after { left: 0; }
.blogDetay .projeSwip.genelListe .arr.sol span:after { left: 0; }
.blogDetay .projeSwip.genelListe .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.blogDetay .projeSwip.genelListe .arr.sol span:after { left: 0; }
.blogDetay .projeSwip.genelListe .arr.sag { right: 50px; }
.blogDetay .projeSwip.genelListe .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.blogDetay .projeSwip.genelListe .arr.sag span:after { right: 0; }
.blogDetay .projeSwip.genelListe .arr.sag:after { right: 0; }
.blogDetay .projeSwip.genelListe .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }


.blogDetay .sagKisim { width: 330px; float: left; }
.blogDetay .sagKisim .slot { width: 100%; float: left; position: relative; padding: 30px 30px; background: #f7f7f7; margin: 0 0 30px 0; }
.blogDetay .sagKisim .slot:last-child { margin-bottom: 0; }
.blogDetay .sagKisim .slot strong { width: 100%; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; color: #565656; margin: 0 0 10px 0; }

.blogDetay .sagKisim .slot.talepFormu { background: #53bf9b; }

.blogDetay .sagKisim .slot.talepFormu strong { color: #fff; }
.blogDetay .sagKisim .slot.talepFormu .genelForm ul li input[type="text"] { border: none; background: #53bf9b; border: solid 1px rgb(255 255 255 / 39%); color: #fff; }
.blogDetay .sagKisim .talepFormu .genelForm ul li input[type="submit"] { background: #52655f; }
.blogDetay .sagKisim .talepFormu .genelForm ul li input[type="submit"]:hover { background: #2f3d38; }
.blogDetay .sagKisim .slot ::placeholder { color: #fff; opacity: 1; }
.blogDetay .sagKisim .slot :-ms-input-placeholder { color: #fff; }
.blogDetay .sagKisim .slot ::-ms-input-placeholder { color: #fff; }


.urunDetay { width: 100%; float: left; position: relative; }
.urunDetay .slot { width: 100%; float: left; position: relative; margin: 0 0 40px 0; }
.urunDetay .slot:last-child { margin-bottom: 0; }
.urunDetay .slot.uGal { flex-direction: column; background: #fff; padding: 40px 30px 10px 30px; }
.urunDetay .slot.uGal:before, .urunDetay .slot.uGal:after { content: ""; width: 50%; height: calc(100% - 40px); position: absolute; top: 20px; background: #000; z-index: -1; filter: blur(6px); opacity: 0.2; }
.urunDetay .slot.uGal:before { left: -2px; }
.urunDetay .slot.uGal:after { right: -2px; }
.urunDetay .slot .baslik { width: auto; float: left; position: relative; margin: 0 0 0 0; }
.urunDetay .slot .baslik h1 { width: auto; float: left; position: relative; /* font-size: 29px; */ /* line-height: 26px; */ font-weight: 700; color: #53bf9b; }
.urunDetay .slot .baslik h2 { font-size: 20px; line-height: 20px; font-weight: 600; margin: 0 0 14px 0; }
.urunDetay .uGal.genelListe li { width: calc(25% - 20px); padding: 0; margin-bottom: 27px; }
.urunDetay .uGal.genelListe li .resim { background: #efefef; mix-blend-mode: multiply; overflow: hidden; }
.urunDetay .uGal.genelListe li .resim:after { content: ""; width: calc(100% - 50px); height: calc(100% - 50px); position: absolute; left: 25px; top: 25px; border: solid 1px #fff6; }
.urunDetay .uGal.genelListe li .resim img { background: #efefef; mix-blend-mode: multiply; transition: all 4s cubic-bezier(0.22, 0.61, 0.36, 1); transform: scale(1); }
.urunDetay .uGal.genelListe li:hover .resim img { transform: scale(1.2); }
.urunDetay .uGal.genelListe .arr { width: auto; height: 36px; position: absolute; top: calc(50% - 16px); z-index: 99; }
.urunDetay .uGal.genelListe .arr:before { content: ""; width: 5px; height: 10px; position: absolute; background: #fff; clip-path: polygon(0 50%, 100% 100%, 100% 0); top: calc(50% - 5px); left: 16px; }
.urunDetay .uGal.genelListe .arr:after { content: ""; width: 36px; height: 36px; position: absolute; top: 0px; border: solid 1px #fff; border-radius: 100%; }
.urunDetay .uGal.genelListe .arr span { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; color: #fff; transition: all .4s; }
.urunDetay .uGal.genelListe .arr span:after { content: ""; width: calc(100% - 15px); height: 1px; position: absolute; bottom: 2px; background: #fff; }
.urunDetay .uGal.genelListe .arr.sol { left: 50px; }
.urunDetay .uGal.genelListe .arr.sol:after { left: 0; }
.urunDetay .uGal.genelListe .arr.sol span:after { left: 0; }
.urunDetay .uGal.genelListe .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.urunDetay .uGal.genelListe .arr.sol span:after { left: 0; }
.urunDetay .uGal.genelListe .arr.sag { right: 50px; }
.urunDetay .uGal.genelListe .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.urunDetay .uGal.genelListe .arr.sag span:after { right: 0; }
.urunDetay .uGal.genelListe .arr.sag:after { right: 0; }
.urunDetay .uGal.genelListe .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }

.urunDetay .uGal.genelListe .arr:hover:after { border-color: #56bf9b; }
.urunDetay .uGal.genelListe .arr.sag:hover span { padding-right: 40px; }
.urunDetay .uGal.genelListe .arr.sol:hover span { padding-left: 40px; }



.bizeUlasin { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 0; margin: 0; }
.bizeUlasin strong { width: 100%; float: left; position: relative; font-size: 22px; line-height: 23px; font-weight: 400; color: #4a4a4a; letter-spacing: 1px; margin: 0 0px 19px 0; }
.bizeUlasin .solK { width: 400px; float: left; box-sizing: border-box; }
.bizeUlasin .solK iframe { width: 100%; height: 600px; float: left; }
.bizeUlasin .sagK { width: calc(100% - 420px); float: right; position: relative; box-sizing: border-box; padding: 0 0 0 40px; }
.bizeUlasin .sagK .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 30px 0; }
.bizeUlasin .sagK .slot:last-child { margin-bottom: 0; }
.bizeUlasin .sagK .sosyalBar { width: 100%; float: left; }
.bizeUlasin .sagK .sosyalBar a { width: auto; float: left; margin: 0 12px 0 0; }
.bizeUlasin .sagK .sosyalBar a:last-child { margin-right: 0px; }
.bizeUlasin .sagK .sosyalBar a i { width: auto; float: left; font-size: 28px; line-height: 28px; color: #595959; }
.bizeUlasin .sagK .bilgi ul { width: 100%; float: left; }
.bizeUlasin .sagK .bilgi ul li { width: calc(33.33% - 14px); float: left; margin-right: 21px; }
.bizeUlasin .sagK .bilgi ul li.tek { width: 100%; margin: 0 0 22px 0; }
.bizeUlasin .sagK .bilgi ul li:last-child { margin-right: 0px; }
.bizeUlasin .sagK .bilgi ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 20px; color: #4a4a4a; padding: 11px 0px 11px 65px; }
.bizeUlasin .sagK .bilgi ul li a strong {width: 100%;float: left;position: relative;box-sizing: border-box;font-size: 15px;line-height: 17px;color: #252525;margin: 0 0 4px 0;font-weight: 600;}
.bizeUlasin .sagK .bilgi ul li a span { width: 100%; float: left; }
.bizeUlasin .sagK .bilgi ul li a:before, .bizeUlasin .sagK .bilgi ul li a:after { content: ""; width: 54px; height: 54px; position: absolute; left: 0px; top: calc(50% - 27px); box-sizing: border-box; }
.bizeUlasin .sagK .bilgi ul li a:before { background-repeat: no-repeat; background-position: center; background-size: auto 22px; z-index: 45; }
.bizeUlasin .sagK .bilgi ul li a:after { border: solid 1px #dedede; border-radius: 100%; }
.bizeUlasin .sagK .bilgi ul li.adres a:before { background-image: url(../images/mapsy.svg); }
.bizeUlasin .sagK .bilgi ul li.telefon a:before { background-image: url(../images/telsy.svg); }
.bizeUlasin .sagK .bilgi ul li.fax a:before { background-image: url(../images/faxsy.svg); }
.bizeUlasin .sagK .bilgi ul li.mail a:before { background-image: url(../images/mailsy.svg); }
.bizeUlasin .genelForm ul li:before { content: ""; width: 25px; height: 100%; position: absolute; left: 24px; top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 45; }
.bizeUlasin .genelForm ul li.ad:before { background-image: url(../images/frm01.svg); }
.bizeUlasin .genelForm ul li.hizmet:before { background-image: url(../images/frm02.svg); }
.bizeUlasin .genelForm ul li.telefon:before { background-image: url(../images/frm03.svg); }
.bizeUlasin .sagK .genelForm ul li input[type="submit"] { opacity: 1; /* width: 25px; */ /* height: 25px; */ /* position: absolute; */ /* right: 17px; */ /* bottom: 10px; */ /* border: none; */ /* cursor: pointer; */ /* background: url(../images/gonder.svg) no-repeat center center; */ /* padding: 0; */ }



.siloksanDetay { margin: 0; }
.siloksanDetay .slot { width: 100%; float: left; position: relative; }
.siloksanDetay .slot:last-child { margin-bottom: 0; }
.siloksanDetay .genelForm { border: solid 1px #e0e0e0; padding: 30px 30px; background: #fafafa; }
.siloksanDetay .slot .inner { flex-direction: row; justify-content: space-between; }
.siloksanDetay .slot.projeler .inner { flex-direction: column; }
.siloksanDetay .slot.nedir { padding: 80px 0 0 0; }
.siloksanDetay .slot.nedir:before { content: ""; width: calc(30% + 120px); height: calc(100% + 120px); position: absolute; left: 0; top: -120px; background: #f5f5f5; z-index: -1; }
.siloksanDetay .slot.nedir .bilgi { width: calc(60% - 100px); float: left; }
.siloksanDetay .slot.nedir .resmi { width: calc(40% - 100px); float: left; position: relative; border-radius: 100%; }
.siloksanDetay .slot.nedir .resmi:before { content: ""; width: calc(100% + 60px); height: calc(100% + 60px); position: absolute; left: -30px; top: -30px; border-radius: 100%; border: solid 1px #f5f5f5f0; z-index: 4; }
.siloksanDetay .slot.nedir .resmi img { width: 100%; float: left; position: relative; border-radius: 100%; }



.siloksanDetay .slot.zarar { margin: 120px 0 0 0; padding-bottom: 100px; }
.siloksanDetay .slot.zarar.diger {margin: 0;}
.siloksanDetay .slot.zarar:before { content: ""; width: calc(40% - 120px); height: calc(100% + 120px); position: absolute; right: 60px; top: -200px; background: #f5f5f5f0; z-index: -1; }
.siloksanDetay .slot.zarar.diger:before {left: 60px;right: initial;opacity: 0;}
.siloksanDetay .slot.zarar .inner { flex-direction: column; }
.siloksanDetay .slot.zarar .yazi { padding: 0 100px; text-align-last: center; }
.siloksanDetay .slot.zarar .zararlar.genelListe { margin: 70px 0 0 0; }
.siloksanDetay .slot.zarar .zararlar.genelListe li { width: calc(33.33% - 20px); padding: 0; }
.siloksanDetay .slot.zarar .zararlar.genelListe li .resim:before { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border: solid 1px #fff; z-index: 6; }
.siloksanDetay .slot.zarar .zararlar.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgb(0 0 0 / 58%) 100%); z-index: 5; }
.siloksanDetay .slot.zarar .zararlar.genelListe li h6 { left: 0; bottom: 40px; position: absolute; font-size: 16px; line-height: 21px; font-weight: bold; color: #fff; text-align: center; z-index: 9; }



.siloksanDetay .slot.cozum { margin: 100px 0 0 0; }
.siloksanDetay .slot.cozum .inner { align-items: initial; align-content: center; }
.siloksanDetay .slot.cozum .resmi { width: calc(30% - 20px); float: left; position: relative; padding: 30px 44px; background: #f6f6f6; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.siloksanDetay .slot.cozum .resmi img { width: 100%; float: left; position: relative; mix-blend-mode: multiply; }
.siloksanDetay .slot.cozum .bilgi { width: calc(70% - 50px); float: left; position: relative; padding: 40px 0; }
.siloksanDetay .slot.urun { margin: 80px 0 0 0; }
.siloksanDetay .slot.urun .inner { flex-direction: column; background: #fff; padding: 0 30px; }
.siloksanDetay .slot.urun .inner:before, .siloksanDetay .slot.urun .inner:after { content: ""; width: 50%; height: calc(100% - 40px); position: absolute; top: 20px; background: #000; z-index: -1; filter: blur(6px); opacity: 0.2; }
.siloksanDetay .slot.urun .inner:before { left: -2px; }
.siloksanDetay .slot.urun .inner:after { right: -2px; }
.siloksanDetay .slot.urun a.link { background: #f6f6f6; color: #3b3b3b; font-weight: 500; text-transform: uppercase; padding: 22px 116px 22px 34px; margin: 70px 0 0 0; filter: drop-shadow(6px 11px 7px rgb(0 0 0 / 0%)); transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1); overflow: inherit; }
.siloksanDetay .slot.urun a.link:before { content: ""; width: 96px; height: 96px; position: absolute; right: 0; top: calc(50% - 48px); background: url(../images/pdf.svg) no-repeat center #53bf9b; background-size: calc(100% - 47px); border-radius: 100%; }
.siloksanDetay .slot.urun a.link:after { display: none; }
.siloksanDetay .slot.urun a.link:hover { filter: drop-shadow(6px 11px 7px rgba(0, 0, 0, 0.2)); }


 
.siloksanDetay .slot.hesaplama { margin: 100px 0 0 0; }
.siloksanDetay .slot.hesaplama .inner { flex-direction: column; }
.siloksanDetay .slot.hesaplama .yazi { text-align-last: center; }
.siloksanDetay .slot.hesaplama .karList.genelListe { margin: 30px 0 0 0; }
.siloksanDetay .slot.hesaplama .karList.genelListe li { width: calc(50% - 0px); /* background: #f6f6f6; */ margin: 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 30px 0 20px 0; border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; }
.siloksanDetay .slot.hesaplama .karList.genelListe li:nth-child(2n) { border-right-color: transparent; }
.siloksanDetay .slot.hesaplama .karList.genelListe li:nth-last-child(1), .siloksanDetay .slot.hesaplama .karList.genelListe li:nth-last-child(2) { border-bottom-color: transparent; }
.siloksanDetay .slot.hesaplama .karList.genelListe li:before { counter-increment: section; content: "0" counter(section); width: 100px; height: 100px; border-radius: 100%; border: solid 1px #dddedd; font-size: 40px; line-height: 40px; font-weight: 900; color: #0000002e; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #fff; color: #53bf9b; }
.siloksanDetay .slot.hesaplama .karList.genelListe li:after { content: ""; width: 100px; height: 50px; position: absolute; top: 54px; background: #000; z-index: -1; filter: blur(6px); opacity: 0.2; border-radius: 100%; }
.siloksanDetay .slot.hesaplama .karList.genelListe li span { font-size: 19px; line-height: 29px; font-weight: 400; color: #3b3b3b; background: #f6f6f6; background: #fff; padding: 0px 10px 18px 10px; margin: -43px 0 0 0; text-align-last: center; }
.siloksanDetay .slot.hesapDurum { margin: 70px 0 0 0; }
.siloksanDetay .slot.hesapDurum .inner { flex-direction: column; }



.siloksanDetay .slot .sonuc { width: 900px; }
.siloksanDetay .slot .sonuc:before, .siloksanDetay .slot .sonuc:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }
.siloksanDetay .slot .sonuc:before { content: "Hesaplama Yapılmadı..."; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; font-size: 26px; line-height: 26px; font-weight: bold; color: #797978; /* color: #53bf9b; */ z-index: 10; transition: all .4s cubic-bezier(.645,.045,.355,1) 0s; /* text-shadow: 0px 0px 9px #00000069; */ }
html[lang="tr"] .siloksanDetay .slot .sonuc:before { content: "Hesaplama Yapılmadı..."; }
html[lang="en"] .siloksanDetay .slot .sonuc:before { content: "Calculation not done..."; }
.siloksanDetay .slot .sonuc:after { content: ""; background: #ffffff21; backdrop-filter: blur(4px); z-index: 9; transition: all .6s cubic-bezier(.645,.045,.355,1) 0s; }
.siloksanDetay .slot .sonuc.active:before, .siloksanDetay .slot .sonuc.active:after { visibility: hidden; transform: translateY(-40px); opacity: 0; }
.siloksanDetay .slot .sonuc .wrap { width: 100%; float: left; position: relative; background: #ffffff; padding: 30px 40px; }
.siloksanDetay .slot .sonuc .wrap:before, .siloksanDetay .slot .sonuc .wrap:after { content: ""; width: 50%; height: calc(100% - 40px); position: absolute; top: 20px; background: #000; z-index: -1; filter: blur(6px); opacity: 0.2; }
.siloksanDetay .slot .sonuc .wrap:before { left: -2px; }
.siloksanDetay .slot .sonuc .wrap:after { right: -2px; }




.referansWrap { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #000000de; z-index: 999999; display: none; }
.referansWrap .referansi { width: 100%; height: 100%; float: left; position: fixed; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 0; }
.referansWrap .referansi .kapat { width: auto; position: absolute; right: 20px; top: 20px; font-size: 35px; line-height: 35px; color: #54bf9c; z-index: 9999; }
.referansWrap .referansi .kapat:after { content: "X"; }
.referansWrap .referansi .kapsul { width: 1170px; max-height: calc(100vh - 40px); float: left; position: relative; padding: 0; border-radius: 15px; box-shadow: 0px 0px 26px rgb(0 0 0 / 78%); overflow: hidden; }
.referansWrap .referansi .kapsul .detay { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; overflow: hidden; border-radius: 15px; background: #fff; }
.referansWrap .referansi .kapsul .detay .resmi { width: 50%; float: left; position: relative; opacity: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform,-webkit-transform; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); }
.referansWrap .referansi .kapsul .detay .resmi:after { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; left: 30px; top: 30px; border-radius: 15px; border: solid 1px #fff; }
.referansWrap .referansi .kapsul .detay .resmi.load.lActive { opacity: 1; }
.referansWrap .referansi .kapsul .detay .resmi img { width: 100%; height: 100%; float: left; position: relative; object-fit: cover; }
.referansWrap .referansi .kapsul .detay .bilgi { width: 50%; float: left; position: relative; padding: 30px 40px; margin: 30px 0px 10px 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.referansWrap .referansi .kapsul .detay .bilgi .slot { width: 100%; float: left; position: relative; margin: 0 0 24px 0; z-index: 10; }
.referansWrap .referansi .kapsul .detay .bilgi .slot:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot:first-child { z-index: 4; }
.referansWrap .referansi .kapsul .detay .bilgi .slot.ikiLi strong { width: auto; float: left; position: relative; }
.referansWrap .referansi .kapsul .detay .bilgi .slot.ikiLi strong:after { content: " :"; }
.referansWrap .referansi .kapsul .detay .bilgi .slot.ikiLi a { width: auto; float: left; position: relative; font-size: 14px; line-height: 14px; font-weight: 400; color: #3b3b3b; margin: 0 0 0 7px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .anaBaslik { margin: 0; padding: 18px 0 0px 0px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .anaBaslik h6 { font-size: 27px; line-height: 30px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot strong { width: 100%; float: left; position: relative; font-size: 15px; line-height: 15px; margin: 0 0 11px 0; color: #3b3b3b; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi { width: 100%; float: left; position: relative; font-size: 14px; line-height: 22px; font-weight: 400; color: #3b3b3b; text-align: justify; text-align-last: left; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h1, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h2, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h3, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h4, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h5, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h6 { margin-bottom: 5px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h1 { font-size: 18px; font-weight: 400; color: #000; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h2 { font-size: 19px; font-weight: 700; margin: 20px 0 10px 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h3 { font-size: 18px; font-weight: 600; color: #000; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h4, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h5, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h6 { font-size: 18px; font-weight: bold; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi h2 + div table { margin-top: 8px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi img { max-width: 100%; width: auto; height: auto; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table { width: 100%; float: left; table-layout: fixed; font-size: 15px; color: #6f6a60; line-height: 18px; margin-bottom: 30px; margin: 30px 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi.tablo table { margin: 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table:last-child { margin-bottom: 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table .resim { width: 100%; float: left; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table .yazi { width: 100%; float: left; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table .resim a, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table .resim img { width: 100%; float: left; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi thead, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi tbody, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi th, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi td, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi tr { box-sizing: border-box; position: relative; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table thead th { background: #53bf9b; color: #fff; font-size: 16px; line-height: 18px; font-weight: 600; padding: 20px 20px !important; text-align-last: center; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table thead th, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table tbody td { padding: 20px 20px; margin: 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table tr:last-child td { border-bottom: 0px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table tr td { text-align: center; font-size: 14px; line-height: 20px; border-right: solid 1px #0000001c; border-bottom: solid 1px #0000001c; text-align-last: center; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table tr td[rowspan] { border-left: solid 1px #00000036; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table tr td:last-child { border-right-color: transparent; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table a { width: 100%; float: left; color: #454545; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi table td:before { content: attr(data-baslik); display: none; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi blockquote { font-size: 22px; line-height: 32px; margin: 0 0 20px 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ul, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ol, .anaSayfa .yazi ul, .anaSayfa .yazi ol { margin: 20px 0px; padding: 0px 40px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ul { margin: 20px 0 24px 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ul, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ul li, .anaSayfa .yazi ul, .anaSayfa .yazi ul li { list-style: disc; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ol li, .referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ol, .anaSayfa .yazi ol li, .anaSayfa .yazi ol { list-style: decimal; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ol li, .anaSayfa .yazi ol li { padding: 0px 3px; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ul li, .anaSayfa .yazi ul li { padding: 0px 3px; margin: 0; }
.referansWrap .referansi .kapsul .detay .bilgi .slot .yazi ul.mTop { margin-top: 0; }



.kariyer:after { content: ""; width: calc(50% - 645px); height: 100%; position: absolute; right: 0; top: -60px; background: url(../images/bsag.jpg) no-repeat right top; z-index: -1; background-size: contain; }


.grecaptcha-badge { z-index: 150; }



.hataWrap { width: 100%;  position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.hataWrap .kapsa { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0px 0px 13px #0000003b; padding: 50px 90px; }
.hataWrap .kapsa h1 { width: auto; float: left; position: relative; font-size: 165px; line-height: 165px; font-weight: 900; letter-spacing: -21px; }
.hataWrap .kapsa h1 span { color: #56bf9b; }
.hataWrap .kapsa p { font-size: 200%; line-height: normal; font-weight: 700; }

.hataWrap .kapsa a { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: bold; color: #ffffff; padding: 19px 50px; margin: 36px 0 0 0; background: #56bf9b; border-radius: 45px; overflow: hidden; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: 6; top: 0; filter: drop-shadow(6px 11px 7px rgb(0 0 0 / 0%)); text-transform: uppercase; }
.hataWrap .kapsa a:hover { top: -10px; filter: drop-shadow(6px 11px 7px rgba(0, 0, 0, 0.2)); }
.hataWrap .kapsa a:after { content: ""; width: 100%; height: 0; position: absolute; left: 0px; bottom: 0px; background: #434d49; transition: all .4s cubic-bezier(.645,.045,.355,1); z-index: -1; }
.hataWrap .kapsa ak:hover:after { height: 100%; }



.bolge {width: 100%;float: left;position: fixed;left: 0;top: 0;background: #fff;box-shadow: 0 10px 27px #00000070;z-index: 999999;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;padding: 20px 0;} 
.bolge .kapsa { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; } 
.bolge .yazi { font-size: 18px; line-height: 25px; font-weight: 400; color: #3b3b3b; border-right: solid 1px #dbdbdb; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 0 20px 0 0; margin: 0 20px 0 0; }
.bolge .yazi a {text-decoration: underline;color: #53bf9b;margin-left: 7px;margin-right: 7px;}
.bolge .kapat { width: 40px; height: 40px; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-radius: 100%; background: #53bf9b; font-size: 17px; line-height: 15px; font-weight: bold; color: #fff; }



.disb { width: 100%; float: left; position: relative; margin: 60px 0 0 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; background: #f9f9f9; padding: 40px 50px; }
.disb .anaBaslik { will-change: auto;}
.disb ul{ width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; }
.disb ul li {width: calc(50% - 30px);float: left;position: relative;background: #fff;margin: 0 0 60px 0;padding: 30px 31px;box-shadow: 0px 0px 30px #0000000a;}
.disb ul li .ust { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; margin: -30px 0 40px -30px; }
.disb ul li .ust .resmi { width: 140px; aspect-ratio: 1/1; float: left; position: relative; box-shadow: 0px 0px 34px #00000026; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: -23px 0 0 -20px; background: #fff; }
.disb ul li .ust .resmi img { max-width: calc(100% - 20px); max-height: calc(100% - 20px); width: auto; height: auto; }
.disb ul li h3 {width: calc(100% - 140px);float: left;position: relative;text-align: center;font-size: 23px;line-height: 21px;font-weight: 900;color: #53bf9b;text-transform: uppercase;letter-spacing: 1px;margin: 0;}
.disb ul li .kapsa { width: 100%; float: left; position: relative; margin: 0 0 0 0; }
.disb ul li .kapsa > div { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #f1f1f1; font-size: 15px; line-height: 20px; color: #4a4a4a; }
.disb ul li .kapsa > div:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0}
.disb ul li .kapsa > div b { width: 68px; float: left; position: relative; }
.disb ul li .kapsa > div b:after { content: ":"; width: auto; position: absolute; right: 0; }
.disb ul li .kapsa > div span { width: calc(100% - 68px); padding: 0 0 0 13px; }
.disb ul li .kapsa > div span, .disb ul li .kapsa > div span a { color: #4a4a4a; }