/*

¯\_(ツ)_/¯

    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: #313131; }
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: #474747;font-size: 14px;font-weight: 400;background: #ffffff;overflow: hidden;counter-reset: section;overflow: hidden;}
body.scFlow { overflow: hidden; }
body.scrool {overflow: inherit;}
strong, b { font-weight: bold; }



body, input, textarea { font-family: 'mont',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;position: relative;left: 0px;top: 0px;/* display: none; */position: relative;/* display: initial; */}



input, .pages a, ::after, ::before, a.link, .pages span, .genelListe li img, header .secim .menum a.kMenum span {transition: all .4s cubic-bezier(.645,.045,.355,1);}
::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; }



.ortala {width: calc(1400px);height: 100%;float: left;position: relative;box-sizing: border-box;margin-left: calc(50% - 700px);}
.ortala.wide {width: 100%;margin: 0;padding: 0 90px;}
.ortala.full {width: 100%;margin: 0;padding: 0 70px;}
.ortala.full.wide {padding: 0 60px;}
.ortala.table { display: table; table-layout: fixed; }
.icerik .yazi a { color: #27569c; }
.icerik .solBar.aracMenu { background: none; padding: 0; }



main {width: 100%;float: left;position: relative;margin: 0;z-index: 150;overflow: hidden;}
main section {width: 100%;float: left;position: relative;z-index: 65;margin: 0 0 80px 0;}
main section:last-child { margin-bottom: 0; }
main section.icerik { min-height: 260px; height: auto; /* margin: 60px 0 0 0; */ }
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: 17px;line-height: 25px;font-weight: 400;color: #3d3d3d;text-align: justify;}
main section .yazi.center { text-align-last: center; }
main section .inner {opacity: 0;top: 20px;transition: all .2s cubic-bezier(.645,.045,.355,1);}
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;justify-content: center;align-items: 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;transition: all .4s cubic-bezier(.645,.045,.355,1);font-size: 14px;line-height: 14px;font-weight: 500;color: #41454e;text-decoration: underline;padding: 0;}
main section.icerik .inner { flex-direction: row; justify-content: space-between; align-items: flex-start; }

main section.icerik.katMenu .inner { flex-direction: row; align-items: flex-start; justify-content: space-between; }
main section.icerik .solBar { width: 250px; float: left; box-sizing: border-box; }
main section.icerik .sagBar { width: calc(100% - 301px); float: right; box-sizing: border-box; }
main section.icerik .sagBar .slot { margin: 0 0 40px 0; }
main section.icerik .sagBar .slot:last-child { margin-bottom: 0px; }



.anaBaslik {width: auto;float: left;position: relative;z-index: 45;color: #e8503e;margin: 0 0 30px 0;padding: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.anaBaslik .gizle { display: none; }
.anaBaslik u {color: #c74f4e;margin: 7px;}
.anaBaslik p {width: auto;float: left;font-size: 40px;line-height: 54px;font-weight: 500;padding: 0 0 0 20px;margin: 14px 0 0 0; }
.anaBaslik p.center { text-align: center; }
.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;position: relative;z-index: 4;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.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: 32px;line-height: 32px;font-weight: 900;}



header {width: 100%;float: left;position: absolute;left: 0;top: 0;z-index: 909;padding: 30px 0;transition: all .3s cubic-bezier(.645,.045,.355,1);opacity: 0;}
header.scActive { opacity: 1 }
header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between;}
header .logo {width: 170px;height: 60px;float: left;position: relative;}
header .logo a { width: 100%; height: 100%; position:relative }
header .logo img { width: 100%; height: 100%; position: absolute; left: 0px; top:0; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s }
header .logo img[data-role="disi"] { opacity: 1 }
header .menuBar {width: auto;float: left;position: relative;background: #e8503e;background: #d23f30;padding: 0 40px;border-radius: 100px;}


header.koyu { will-change: auto}
header.koyu:after { opacity: 1 }
header.koyu .logo img[data-role="disi"] { opacity: 0 }
header.koyu .logo img[data-role="erkek"]  { opacity: 1 }



.sliderWrap {width: 100%;height: 100vh;float: left;position: relative;transition: all .3s cubic-bezier(.645,.045,.355,1);opacity: 0;}
.sliderWrap.scActive { opacity: 1 }
.sliderWrap h1 {font-size: 2rem; display: none }
.sliderWrap .hLink {width: auto;float: left;position: absolute;left: 90px;bottom: 20px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.sliderWrap .hLink > div { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 30px 0 0; }
.sliderWrap .hLink > div.instagram {background: #e8503e;border-radius: 50px;padding: 38px 12px;height: 190px;align-items: self-start;margin-bottom: -85px;}
.sliderWrap .hLink > div.instagram a { width: 40px; aspect-ratio: 1/1; background: url(../images/instagram.svg); }
.sliderWrap .hLink > div.iletisim {margin-top: 20px;}
.sliderWrap .hLink > div.iletisim > div { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 0 30px 0 0; margin: 0 30px 0 0; }
.sliderWrap .hLink > div.iletisim > div:after {content: "";width: 5px;aspect-ratio: 1/1;position: absolute;right: 0;background: #e8503e;border-radius: 100%;}
.sliderWrap .hLink > div.iletisim > div:last-child { margin-right:0; padding-right: 0}
.sliderWrap .hLink > div.iletisim > div:last-child:after { display: none; }
.sliderWrap .hLink > div.iletisim > div > a { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 400; color: #ffffff; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.sliderWrap .hLink > div.iletisim > div > a::before {content: "";height: 24px;background-repeat: no-repeat;background-position: center;margin: 0 13px 0 0;}
.sliderWrap .hLink > div.iletisim > div.telefon > a::before { background-image: url(../images/htel.svg); width: 29px; }
.sliderWrap .hLink > div.iletisim > div.mail > a::before { background-image: url(../images/hmail.svg); width: 24px; }
.sliderWrap .teklif {width: auto;float: left;position: absolute;right: 90px;bottom: 43px;}
.sliderWrap .teklif a { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 1px; background: #3e52e8; padding: 17px 30px; border-radius: 45px; }


main[data-role="koyu"] .sliderWrap .hLink > div.iletisim > div > a { color: #636363; }
main[data-role="koyu"] .sliderWrap .hLink > div.iletisim > div.telefon > a::before { background-image: url(../images/htel2.svg); }
main[data-role="koyu"] .sliderWrap .hLink > div.iletisim > div.mail > a::before { background-image: url(../images/hmail2.svg); }
main[data-role="koyu"] .sliderWrap .hLink > div.instagram { margin-bottom: -20px; height: 120px; }


.sliderWrap.katWrap { height: 380px; }
.sliderWrap.katWrap:after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0px;background: rgb(233,228,217);background: linear-gradient(180deg, rgba(233,228,217,1) 0%, rgba(255,255,255,1) 100%);z-index: -1;/* opacity: 0; */transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
.sliderWrap.katWrap .katResim { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.sliderWrap.katWrap .katResim .kapsa { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong { width: auto; float: left; position: relative; font-size: 32px; line-height: 32px; font-weight: 900; display: inline; }
.sliderWrap.katWrap .katResim .kapsa h1:after, .sliderWrap.katWrap .katResim .kapsa strong:after {content: "";width: 100%;height: 1px;position: absolute;right: 30%;bottom: 0;background: #7076a9;}



.slider {width: 100%;height: 100%;float: left;position: relative;background: url(../../dosyalar/slider/sl01-1.webp) no-repeat center;background-size: cover;}
.slider:after { content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background: #000000;background: linear-gradient(90deg, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 15%) 100%); }
.slider ul, .slider ul li, .slider ul li img {width: 100%;height: 100%;position: absolute;object-fit: cover;left: 0;top: 0;}
.slider ul li {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;z-index: 5;opacity: 0;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.slider ul li.active { z-index:10; opacity: 1 }
.slider ul li:after { will-change: auto}
.slider ul li .kapsa {width: 1100px;float: left;position: absolute;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;z-index: 90;left: 90px;transition: all .4s cubic-bezier(.645,.045,.355,1);overflow: hidden;}
.slider ul li.active .kapsa {/* left: 0; */ will-change: auto;}
.slider ul li .kapsa span {width: auto;float: left;position: relative;font-size: 20px;line-height: 20px;font-weight: 900;color: #fff;margin: 0 0 11px 0;transition: all .9s cubic-bezier(.645,.045,.355,1);opacity: 0;left: -30%}
.slider ul li .kapsa span i { position: relative; top: 0; transition: all .4s cubic-bezier(.645,.045,.355,1); font-style: normal; opacity: 1}
.slider ul li .kapsa span i.iActive { top: -5px; opacity: 0 }
.slider ul li .kapsa strong {font-size: 52px;line-height: 52px;font-weight: 300;color: #fff;height: 52px;}
.slider ul li .kapsa strong i { position: relative; top: 0; transition: all .4s cubic-bezier(.645,.045,.355,1); font-style: normal }
.slider ul li .kapsa strong i.iActive { top: -5px; opacity: 0 }
.slider ul li .kapsa a {width: auto;float: left;position: relative;font-size: 15px;line-height: 15px;font-weight: 300;color: #fff;background: #3e52e8;padding: 19px 32px;border-radius: 45px;margin: 34px 0 0 0;transition: all .9s cubic-bezier(.645,.045,.355,1);opacity: 0;left: -30%;will-change: transform, opacity, left;}

.slider ul li.active .kapsa a { left: 0; opacity: 1 }
.slider ul li.active .kapsa span { left: 0; opacity: 1 }


.hizmet.genelListe { will-change: auto;}
.hizmet.genelListe .yazi { width: 980px; margin: 0 0 60px 0; text-align-last: center; }
.hizmet.genelListe ul:not(.swiper-wrapper) {align-items: initial;align-content: center;}
.hizmet.genelListe li {width: calc(25% - 20px);padding: 75px 0 30px 0;}
.hizmet.genelListe li .kapsul {width: 100%;height: 100%;float: left;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #f2f2f2;border-radius: 20px;padding: 0 20px 0 20px;transition: all .3s cubic-bezier(.645,.045,.355,1);top: 0;box-shadow: 0px 0px 0px #00000036;}
.hizmet.genelListe li:hover .kapsul {top: -5px;background: #ffffff;box-shadow: 0px 0px 19px #00000036;}
.hizmet.genelListe li .icon {width: 201px;height: 173px;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;margin: -75px 0 47px 0;z-index: 5;}
.hizmet.genelListe li .icon:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0; background-image: url(../images/hz-ysl.svg);background-position: center;background-size: contain }
.hizmet.genelListe li .icon:after {content: "";width: calc(100% + 40px);height: 120px;position: absolute;bottom: -21px;border: dashed 1px #878787;border-radius: 100%;z-index: -1;}
.hizmet.genelListe li .icon img { width: calc(100% - 100px); height: calc(100% - 88px); position: absolute; opacity: 0.79; }
.hizmet.genelListe li h2, .hizmet.genelListe li h3 { width: 100%; float: left; position: relative; font-size: 17px; line-height: 17px; font-weight: bold; text-align: center; margin: 0 0 19px 0; }
.hizmet.genelListe li a {width: auto;font-size: 15px;line-height: 15px;font-weight: 500;color: #fff;border-radius: 45px;padding: 16px 30px;margin: 0 0 -23px 0;transition: all .3s cubic-bezier(.645,.045,.355,1);display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.hizmet.genelListe li a:after {content: "";width: 100%;height: 100%;position: absolute;border: solid 1px #e8503e;border-radius: 45px;opacity: 0;}
.hizmet.genelListe li a:hover:after {width: calc(100% + 21px);height: calc(100% + 21px);opacity: 1;}
.hizmet.genelListe li a:hover {background: #e8503e !important;}
.hizmet.genelListe li p {font-size: 14px;line-height: 20px;color: #3d3d3d;text-align: center;/* text-align-last: center; */margin: 0 0 25px 0;min-height: 78px;}

.hizmet.genelListe li:nth-child(1) .icon:before { background-image: url(../images/hz-mv.svg); }
.hizmet.genelListe li:nth-child(1) h3 {color: #367497;}
.hizmet.genelListe li:nth-child(1) a { background: #367497 }

.hizmet.genelListe li:nth-child(2) .icon:before { background-image: url(../images/hz-ysl.svg); }
.hizmet.genelListe li:nth-child(2) h3 {color: #7f9d68;}
.hizmet.genelListe li:nth-child(2) a { background: #7f9d68; }

.hizmet.genelListe li:nth-child(3) .icon:before { background-image: url(../images/hz-kh.svg); }
.hizmet.genelListe li:nth-child(3) h3 {color: #bea284;}
.hizmet.genelListe li:nth-child(3) a { background: #bea284; }

.hizmet.genelListe li:nth-child(4) .icon:before { background-image: url(../images/hz-trk.svg); }
.hizmet.genelListe li:nth-child(4) h3 {color: #368d97;}
.hizmet.genelListe li:nth-child(4) a { background: #368d97; }


.hizmet.genelListe.ucLu li {width: calc(33.33% - 20px);}



.isler.genelListe { will-change: auto;}
.isler.genelListe .yazi { width: 980px; margin: 0 0 60px 0; text-align-last: center; }
.isler.genelListe li {width: calc(33.33% - 22px);padding: 0;margin: 0 0 44px 0;}
.isler.genelListe li a {border-radius: 20px;box-shadow: 0px 0px 18px #00000033;background: #f2f2f2;overflow: hidden;transition: all .3s cubic-bezier(.645,.045,.355,1);transform: scale(1);}
.isler.genelListe li a:hover {box-shadow: 0px 0px 48px #0000005c;transform: scale(1.16);z-index: 50;}
.isler.genelListe li .resim figure {width: 100%;aspect-ratio: 16/9;float: left;position: relative;overflow: hidden;}
.isler.genelListe li .resim img {position: absolute;width: 100%;height: auto;left: 0;top: 0;margin: 0;transition: all 10000ms cubic-bezier(0.6, 0.64, 1, 1);}
.isler.genelListe li:not(.nHover):hover .resim img { will-change: auto;}
.isler.genelListe li h2, .isler.genelListe li h3 { display: none; } 

.isler.genelListe.ikiLi li {width: calc(50% - 13px);}



.sikcaSorulan.genelListe .yazi { width: 980px; margin: 0 0 60px 0; text-align-last: center;  }
.sikcaSorulan.genelListe li {width: 100%;padding: 0;margin: 0 0 40px 0;}
.sikcaSorulan.genelListe li:last-child { margin-bottom: 0 }
.sikcaSorulan.genelListe li .ust:before, .sikcaSorulan.genelListe li .ust:after {content:"";width: 100%;height: 100%;position: absolute;left: 0px;top: 0;border-radius: 20px;z-index: 1;opacity: 0;}
.sikcaSorulan.genelListe li .ust:before { background: rgb(235,237,238); background: linear-gradient(90deg, rgba(235,237,238,1) 0%, rgba(244,215,234,1) 17%, rgba(235,237,238,1) 37%, rgba(227,235,238,1) 100%); }
.sikcaSorulan.genelListe li .ust:after {background: rgb(235,237,238);background: linear-gradient(-90deg, rgba(235,237,238,1) 0%, rgba(244,215,234,1) 17%, rgba(235,237,238,1) 37%, rgba(227,235,238,1) 100%);opacity: 1;}
.sikcaSorulan.genelListe li .ust {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.sikcaSorulan.genelListe li .ust h3 {width: 100%;float: left;position: relative;font-size: 19px;line-height: 22px;font-weight: 700;color: #3d3d3d;z-index: 20;cursor: pointer;pointer-events: all;padding: 32px 30px;}
.sikcaSorulan.genelListe li .ust h3:before {content: "";width: 19px;height: 100%;position: absolute;left: -38px;top: 0;background: url(../images/sssArrow.svg) no-repeat center;background-size: contain;}
.sikcaSorulan.genelListe li.active .ust h3:before { transform: rotate(180deg) }
.sikcaSorulan.genelListe li .alt {width: 100%;float: left;position: relative;display: none;}
.sikcaSorulan.genelListe li .alt .kapsul {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;margin: 26px 0 0 0;}
.sikcaSorulan.genelListe li .alt .yazi {width: 100%;padding: 0 50px;text-align-last: left;margin: 0;}
.sikcaSorulan.genelListe li.active .ust:before { opacity: 1 }
.sikcaSorulan.genelListe li.active .ust:after { opacity: 0 }



.iletBari.genelListe {margin: 0;padding: 0 80px;}
.iletBari.genelListe .kapsa { width: 100%; float: left; position: relative; }
.iletBari.genelListe ul:not(.swiper-wrapper) { align-content: center; align-items: initial; }
.iletBari.genelListe li {width: 50%;padding: 0px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-end;justify-content: center;background-size: cover;z-index: 45;padding: 60px 0;border-top-left-radius: 20px;overflow: hidden;}
.iletBari.genelListe li:nth-child(2n) {align-items: flex-start;border-top-left-radius: 0;border-top-right-radius: 20px;}
.iletBari.genelListe li .kapsul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.iletBari.genelListe li:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #565656; z-index: -1; opacity: 0.9; }
.iletBari.genelListe li:nth-child(2n):after { background: #e84f3c; }
.iletBari.genelListe li .baslik { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 0px 0 0 0; margin: 0 0 20px 0; }
.iletBari.genelListe li .baslik img { width: auto; height: 45px; }
.iletBari.genelListe li .baslik strong {width: 100%;float: left;position: relative;z-index: 50;font-size: 26px;line-height: 26px;font-weight: 900;color: #fff;margin: 14px 0 0 0;}
.iletBari.genelListe li .telefon { font-size: 40px; line-height: 58px; color: #fff; margin: 0 0 0px 0; }
.iletBari.genelListe li .telefon a { color: #fff; }
.iletBari.genelListe li .form { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 50px; }
.iletBari.genelListe li .form form { width: 100%; float:left; position:relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 50px; }
.iletBari.genelListe li .form .kps { width: calc(50% - 20px); float: left; position: relative; margin: 26px 0 0 0; }
.iletBari.genelListe li .form .kps input[type="text"] {width: 100%;float: left;position: relative;background: none;font-size: 18px;line-height: 18px;color: #fff;border-bottom: solid 1px #fff;text-align: center;padding: 0 0 10px 0;}
.iletBari.genelListe li .form .kps.submit {width: auto;position: absolute;right: 0;}
.iletBari.genelListe li .form .kps input[type="submit"] {width: 35px;height: 38px;float: left;position: relative;background: url(../images/gonder2.svg) no-repeat center;background-size: 28px;border-radius: 100%;cursor: pointer;}



footer { width: 100%; float: left; position: relative; margin: 0; background: #f2f2f2; }
footer:before, footer:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0px; background: #0000002b; z-index: 45; opacity: 0; }
footer:before { left: 261px; }
footer:after { right: 261px; }
footer section { width: 100%; float: left; position: relative; z-index: 4; padding: 80px 0; }
footer section:after { content: ""; width: 50px; height: 100%; position: absolute; left: calc(50% - 25px); top: 0px; background: #b8b8b8; z-index: -1; opacity: 0.1; }
footer .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
footer .inner > div { margin: 0 0 36px 0; }
footer .inner .copy a { font-weight: bold }
footer .inner > div:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0; }
footer .logo { width: 200px; float: left; }
footer .iletisim ul { width: 100%; float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
footer .iletisim ul li { width: auto; float: left; position: relative; border-right: solid 1px #5a5a5a; padding: 0 30px 0 0; margin: 0 30px 0 0; }
footer .iletisim ul li:last-child { margin-right: 0; padding-right: 0; border: navajowhite; }
footer .iletisim ul li a { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; font-size: 16px; line-height: 16px; color: #4f4f4f; }
footer .iletisim ul li a img { width: auto; height: 25px; margin-right: 20px; }
footer .iletisim ul li a span { width: auto; float: left; position: relative; }
footer .altMenu { width: 100%; float: left; position: relative; }
footer .altMenu ul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
footer .altMenu ul li { width: auto; float: left; position: relative; padding: 0 40px 0 0; margin: 0 25px 0 0; }
footer .altMenu ul li:last-child { margin-right: 0px; padding-right: 0px; }
footer .altMenu ul li:after { content: ""; width: 15px; height: 2px; position: absolute; right: 0px; top: calc(50% - 1px); background: #7b7b7b; }
footer .altMenu ul li:last-child:after { display: none; }
footer .altMenu ul li a { font-size: 16px; line-height: 16px; color: #4f4f4f; }



.kurumsal { will-change: auto; }
.kurumsal .inner {justify-content: space-between;align-items: center !important;}
.kurumsal .solK { width: 600px; float: left; position: relative; }
.kurumsal .solK .resmi { width: 100%; float: left; position: relative; }
.kurumsal .solK .resmi img { width: 100%; float: left; position: relative; border-radius: 20px; }
.kurumsal .sagK { width: calc(100% - 600px); float: left; position: relative; padding: 0 0 0 50px; }
.kurumsal .sagK .yazi h2:first-child { margin-top: 0 }



.hizmetDetay { will-change: auto; }
.hizmetDetay .kapsa {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: space-between;}
.hizmetDetay .kapsa .icon {width: 201px;height: 173px;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;z-index: 5;margin: 0 0 40px 0;}
.hizmetDetay .kapsa .icon:before {content: "";width: 100%;height: 100%;position: absolute;left: 0px;top: 0;background-image: url(../images/hz-trk.svg);background-position: center;background-size: contain}
.hizmetDetay .kapsa .icon:after {content: "";width: calc(100% + 40px);height: 120px;position: absolute;bottom: -21px;border: dashed 1px #878787;border-radius: 100%;z-index: -1;opacity: 0;}
.hizmetDetay .kapsa .icon img { width: calc(100% - 100px); height: calc(100% - 88px); position: absolute; opacity: 0.79; }
.hizmetDetay .kapsa .detay {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}



.firmaLogo.genelListe {padding: 0 30px;/* background: #fafafa; */}
.firmaLogo.genelListe .kapsa { width: 100%; float: left; position: relative; }
.firmaLogo.genelListe li {width: 150px;padding: 0;margin: 0 30px 0 0;}
.firmaLogo.genelListe li .resim {border: solid 1px #dedede;height: 90px;display: flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 10px;}
.firmaLogo.genelListe li .resim img {width: auto;height: auto;max-width: calc(100% - 40px);max-height: calc(100% - 37px);}



.isDetay { will-change: auto;}
.isDetay .kapsa { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.isDetay .kapsa .detaylar { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.isDetay .kapsa .detaylar .resmi { width: 900px; float: left; position: relative; }
.isDetay .kapsa .detaylar .resmi a {overflow: hidden;border-radius: 20px;box-shadow: 0px 0px 18px #00000033;background: #f2f2f2;}
.isDetay .kapsa .detaylar .resmi a, .isDetay .kapsa .detaylar .resmi img { width: 100%; float: left; position: relative; }
.isDetay .kapsa .detaylar .liste { width: auto; float: left; position: relative; margin: 0 0 38px 0; }
.isDetay .kapsa .detaylar .liste ul { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.isDetay .kapsa .detaylar .liste ul li { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 34px 0 0; }
.isDetay .kapsa .detaylar .liste ul li:last-child { margin-right: 0 }
.isDetay .kapsa .detaylar .liste ul li .icon { width: 42px; aspect-ratio: 1/1; background: #6670bb; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 10px 0 0; }
.isDetay .kapsa .detaylar .liste ul li .icon img { max-width: calc(100% - 16px); max-height: calc(100% - 15px); width: auto; height: auto; } 
.isDetay .kapsa .detaylar .liste ul li span, .isDetay .kapsa .detaylar .liste ul li h2, .isDetay .kapsa .detaylar .liste ul li h3 { width: auto; float: left; position: relative; }
.isDetay .kapsa .detaylar .liste ul li span, .isDetay .kapsa .detaylar .liste ul li h2, .isDetay .kapsa .detaylar .liste ul li h3,
.isDetay .kapsa .detaylar .liste ul li a{font-size: 15px;line-height: 15px;font-weight: 500;color: #636363;}



.bizeUlasin { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 0; margin: 0; display: flex; flex-wrap:wrap; flex-direction: row; align-items: center; justify-content: space-between}
.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; display: initial }
.bizeUlasin .sagK .bilgi ul li { width: calc(33.33% - 14px); float: left; margin-right: 21px; margin-bottom: 0 }
.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: 14px; line-height: 14px; 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 span br {content:"";}
.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 .basligi { width: 100%; float: left; position: relative; margin: 0px 0 20px 0; padding: 30px 0 0 0; border-top: solid 1px #d5d5d5; }
.bizeUlasin .basligi h2 { font-size: 22px; line-height: 22px; }
.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"] { 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; border-radius: 0;}