/*

¯\_(ツ)_/¯

    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: 'ar',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(1300px);height: 100%;float: left;position: relative;box-sizing: border-box;margin-left: calc(50% - 650px);}
.ortala.wide {width: 100%;margin: 0;padding: 0 90px;}
.ortala.full {width: 100%;margin: 0;padding: 0 60px;}
.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: 22px;font-weight: 400;color: #555555;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) .2s;}
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 .linkler { width: auto; max-width: 100%; float: left; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center;}
main section .linkler a.link { margin-right: 30px; }
main section .linkler a.link:last-child { margin-right: 0; }
main section a.link {width: auto;height: 36px;float: left;position: relative;transition: all .4s cubic-bezier(.645,.045,.355,1);}
main section a.link:before, main section a.link:after { content: "";}
main section a.link:before {width: 5px;height: 10px;position: absolute;background: #4e667e;top: calc(50% - 5px);right: 16px;clip-path: polygon(0 100%, 100% 50%, 0 0);} 
main section a.link:after {width: 36px;height: 36px;position: absolute;top: 0px;right: 0;border: solid 1px #c1c1c1;border-radius: 100%;}
main section a.link span {width: auto;float: left;position: relative;font-size: 15px;line-height: 15px;color: #3d4044;padding: 0px 30px 0 13px;margin: 3px 20px 4px 0px;transition: all .4s cubic-bezier(.645,.045,.355,1);}
main section a.link span:after {content: "";width: 100%;height: 1px;position: absolute;bottom: -1px;right: 0;background: #cccccc;}
main section a.link:hover:after { border-color: #0a509a}
main section a.link:hover:before { background: #0a509a}
main section a.link:hover span:after { background: #0a509a}
main section a.link:hover span {padding-right: 40px;padding-left: 15px;color: #0a509a;}

main section a.link.beyaz:before { background: #fff;}
main section a.link.beyaz:after {border-color: #fff;  }
main section a.link.beyaz span { color: #fff;}
main section a.link.beyaz span:after {background: #fff;}

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: #00aba8;padding: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin: 0 0 30px 0;}
.anaBaslik .gizle { display: none; }
.anaBaslik u {color: #c74f4e;margin: 7px;}
.anaBaslik p {width: auto;float: left;font-size: 30px;line-height: 36px;font-weight: 900;color: #565b53;margin: 18px 0 15px 0;padding: 0 0 0 10px;}
.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: 26px;line-height: 26px;font-weight: bold;text-transform: uppercase;}



header {width: 100%;float: left;position: absolute;left: 0;top: 40px;z-index: 999; transition: all .8s 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: 240px; float: left; position: relative;}
header .menuBar { width: auto; float: left; position: relative; }



.sliderWrap { width: 100%; height: 100vh; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; transition: all .8s cubic-bezier(.645,.045,.355,1);opacity: 0;}
.sliderWrap.scActive { opacity: 1 }
.sliderWrap .hMenu {width: auto;float: left;position: absolute;z-index: 90;left: calc(50% - 650px);bottom: 30px;}
.sliderWrap .hMenu ul { width: auto; float: left; position: relative;}
.sliderWrap .hMenu ul li {width: auto;float: left;position: relative;padding: 0px 25px 0 0;margin: 0px 25px 0 0;}
.sliderWrap .hMenu ul li:after { content:""; width: 5px; aspect-ratio: 1 / 1; position: absolute; right: 0; top: calc(50% - 2.5px); background: #ffffff; border-radius: 100%; }
.sliderWrap .hMenu ul li:last-child { margin-right: 0; padding-right: 0; }
.sliderWrap .hMenu ul li:last-child:after { display: none; }
.sliderWrap .hMenu ul li a { width: auto; float: left; position: relative; }
.sliderWrap .hMenu ul li a img { width: auto; height: 24px; }
.sliderWrap .hMenu ul > li > a {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
.sliderWrap .hMenu ul > li > a:after {content:"";width: 80px;height: 80px;position: absolute;border-radius: 100%;background: #dfba7500;opacity: 0;z-index: -1;box-shadow: 0px 0px 80px rgb(255 255 255 / 52%);transition: all .3s cubic-bezier(.645,.045,.355,1);}
.sliderWrap .hMenu ul > li.active > a:after { opacity: 1; }
.sliderWrap .hMenu ul > li > a:last-child {margin-right:0}
.sliderWrap .hMenu ul > li > a img {width: 22px;float: left;}
.sliderWrap .hMenu ul li a span {width: auto; float: left;}
.sliderWrap .hMenu ul li .hover {width: max-content;position: absolute;right: 0;top: -90px;overflow: hidden;background: rgb(0 0 0 / 12%);transition: all .3s cubic-bezier(.645,.045,.355,1);z-index: 9999;pointer-events: none;visibility: hidden;opacity: 0;padding: 20px 20px;box-shadow: 0px 10px 21px rgb(253 253 253 / 3%);border-radius: 45px;backdrop-filter: blur(11px);z-index: 9999;font-size: 14px;line-height: 16px;color: #fff;} 
.sliderWrap .hMenu ul li .hover .kapsa { width: auto; float: left; position: relative; }
.sliderWrap .hMenu ul li .hover .kapsa .sosyal { width: auto; float: left; position: relative; padding: 0 17px; }
.sliderWrap .hMenu ul li .hover .kapsa .sosyal a { font-size: 20px; line-height: 20px; font-weight: 400; color: #fff; margin: 0 20px 0 0; }
.sliderWrap .hMenu ul li .hover .kapsa .sosyal a:last-child { margin-right: 0; }
.sliderWrap .hMenu ul li.active .hover {opacity: 1; pointer-events: auto; visibility: visible;}
.sliderWrap .pages {width: auto;float: left;position: absolute;right: calc(50% - 650px);bottom: 30px;z-index: 90;}
.sliderWrap .pages span{width: 25px;height: 25px;float: left;position: relative;background: #fff;border-radius: 45px;margin: 0 15px 0 0;cursor: pointer;}
.sliderWrap .pages span.swiper-pagination-bullet-active{width: 64px;}
.sliderWrap .pages span:last-child { margin-right: 0; }


.sliderWrap.katWrap {height: 400px;}
.sliderWrap.katWrap:after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgb(53 59 62 / 28%);}
.sliderWrap.katWrap .katResim { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; flex-wrap: wrap; flex-direction: column; 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;z-index: 50;margin: 207px 0 0 0;}
.sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong {font-size: 55px;line-height: 65px;color: #fff;font-weight: 500;text-transform: uppercase;letter-spacing: 16px;}




.slider { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.slider ul, .slider ul li, .slider ul li img {width: 100%;height: 100%;position: relative;left: 0;top: 0;object-fit: cover;}
.slider ul li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.slider ul li:after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgb(53 59 62 / 28%);z-index: -1;}
.slider ul li img { z-index: -2;}
.slider ul li .kapsa {width: 1000px;float: left;position: absolute;left: calc(50% - 650px);display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;margin: 40px 0 0 0;}
.slider ul li .kapsa strong {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;font-size: 48px;line-height: 56px;font-weight: bold;color: #fff;}
.slider ul li .kapsa strong u { width: auto; float: left; position: relative; padding: 0 91px 0 0; font-size: 59px; }
.slider ul li .kapsa strong u:after {content: "";width: 80px;height: 31px;position: absolute;right: 0;top: 14px;background: url(../images/slciz.svg);}
.slider ul li .kapsa p {width: auto;float: left;position: relative;font-size: 20px;line-height: 20px;font-weight: 400;color: #fff;margin: 30px 0 0 0;}
.slider ul li .kapsa a {margin: 29px 0 0 0;}



.nasilCalisir.genelListe { will-change: auto; }
.nasilCalisir.genelListe .yazi {width: 1020px;text-align-last: center;margin: 0 0 50px 0;}
.nasilCalisir.genelListe .kapsa { will-change: auto;}
.nasilCalisir.genelListe ul:not(.swiper-wrapper) {align-items: initial;align-content: center;}
.nasilCalisir.genelListe li {width: calc(25% - 30px);padding: 0;/* height: 100%; */}
.nasilCalisir.genelListe li .kapsul { width: 100%; height: 100%; float: left; position: relative; background: #fff; border-radius: 20px; box-shadow: 0px 0px 13px rgb(0 0 0 / 20%); padding: 30px 30px; }
.nasilCalisir.genelListe li .icon { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.nasilCalisir.genelListe li .icon:after {counter-increment: section;content: "0"counter(section);width: auto;float: left;position: absolute;right: 0;top: -5px;font-size: 67px;line-height: 67px;font-weight: bold;color: rgb(85 85 85 / 20%);}
.nasilCalisir.genelListe li .icon img { width: auto; height: 70px; max-width: 80px; }
.nasilCalisir.genelListe li h6 {font-size: 18px;line-height: 18px;font-weight: bold;color: #555555;margin: 30px 0 0 0;}
.nasilCalisir.genelListe li p { font-size: 16px; line-height: 21px; color: #555555; margin: 20px 0 0 0; }



.kullanimAlani.genelListe { padding: 70px 0px; }
.kullanimAlani.genelListe .anaBaslik { color: #fff }
.kullanimAlani.genelListe .yazi { color: #fff; text-align-last: center }
.kullanimAlani.genelListe:before, .kullanimAlani.genelListe:after {content: "";width: calc(100% - 100px);height: 100%;position: absolute;left: 50px;top: 0;border-radius: 20px;}
.kullanimAlani.genelListe.genelListe:before { background: rgb(8 50 38 / 69%); z-index: -1; }
.kullanimAlani:after {background: url(../images/kullanbg.jpg) no-repeat;z-index: -2;background-size: cover;}
.kullanimAlani.genelListe .kapsa {margin: 40px 0 0 0;}
.kullanimAlani.genelListe li:before { content: "";width: 16px;aspect-ratio: 1/1;position: absolute;left: 0;top: 1px;background: #fff;border-radius: 100%;  }
.kullanimAlani.genelListe li:after {content: "";width: 1px;height: calc(100% - 23px);position: absolute;left: 7px;top: 28px;background: url(../images/dotted-byz.svg) center;}
.kullanimAlani.genelListe li { width: auto; padding: 0 0 0 31px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.kullanimAlani.genelListe li h6 { font-size: 18px; line-height: 18px; font-weight: bold; color: #ffffff; padding: 0; }
.kullanimAlani.genelListe li p { font-size: 16px; line-height: 21px; color: #ffffff; margin: 11px 0 0 0; }



.digerUyg.genelListe { padding: 0px; }
.digerUyg.genelListe .yazi {text-align-last: center}
.digerUyg.genelListe .kapsa {margin: 40px 0 0 0;}
.digerUyg.genelListe li:before {content: "";width: 16px;aspect-ratio: 1/1;position: absolute;left: 0;top: 1px;background: #00aba8;border-radius: 100%;}
.digerUyg.genelListe li:after {content: "";width: 1px;height: calc(100% - 23px);position: absolute;left: 7px;top: 28px;background: url(../images/dotted-ysl.svg) center;}
.digerUyg.genelListe li {width: auto;padding: 0 0 20px 31px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.digerUyg.genelListe li h6 {font-size: 18px;line-height: 18px;font-weight: bold;color: #555555;padding: 0;}
.digerUyg.genelListe li p {font-size: 16px;line-height: 21px;color: #555555;margin: 11px 0 0 0;}




.urun.genelListe {will-change: auto;padding: 60px 0 10px 0;}
.urun.genelListe:after {content: "";width: calc(100% - 100px);height: 100%;position: absolute;left: 50px;top: 0;border-radius: 20px;background: #f7f7f7;z-index: -1;background: linear-gradient(180deg, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);}
.urun.genelListe .ust { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.urun.genelListe .ust .yazi {text-align: center;margin: 0 0 50px 0;}
.urun.genelListe li {width: calc(25% - 30px);padding: 0;}
.urun.genelListe li a {display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;border-radius: 20px;box-shadow: 0px 0px 13px rgb(0 0 0 / 20%);padding: 12px;background: #fff;}
.urun.genelListe li .resim {background: #EAF2F9;background: linear-gradient(180deg, #f7f7f7 0%, rgba(255, 255, 255, 0) 100%);aspect-ratio: 1/1;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;overflow: hidden;border-radius: 16px;}
.urun.genelListe li .resim img {max-width: calc(100% - 110px);max-height: calc(100% - 90px);width: auto;object-fit: contain;filter: drop-shadow(10px 13px 23px rgba(0, 0, 0, 0.25));}
.urun.genelListe li .detayi { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.urun.genelListe li h5 { font-size: 27px; line-height: 27px; font-weight: 400; color: #575c60; text-align: center; }
.urun.genelListe li h6 { font-size: 14px; line-height: 14px; font-weight: 400; color: #575c60; text-align: center; margin: 10px 0 20px 0; }
.urun.genelListe li .devami {width: auto;height: 36px;float: left;position: relative;transition: all .4s cubic-bezier(.645,.045,.355,1);display: none;}
.urun.genelListe li .devami:before, .urun.genelListe li .devami:after { content: "";}
.urun.genelListe li .devami:before {width: 5px;height: 10px;position: absolute;background: #4e667e;top: calc(50% - 5px);right: 16px;clip-path: polygon(0 100%, 100% 50%, 0 0);} 
.urun.genelListe li .devami:after {width: 36px;height: 36px;position: absolute;top: 0px;right: 0;border: solid 1px #c1c1c1;border-radius: 100%;}
.urun.genelListe li .devami span {width: auto;float: left;position: relative;font-size: 15px;line-height: 15px;color: #3d4044;padding: 0px 30px 0 13px;margin: 3px 20px 4px 0px;transition: all .4s cubic-bezier(.645,.045,.355,1);}
.urun.genelListe li .devami span:after {content: "";width: 100%;height: 1px;position: absolute;bottom: -1px;right: 0;background: #cccccc;}
.urun.genelListe li:hover .devami:after { border-color: #00aba8}
.urun.genelListe li:hover .devami:before { background: #00aba8}
.urun.genelListe li:hover .devami span:after { background: #00aba8}
.urun.genelListe li:hover .devami span {padding-right: 40px;padding-left: 15px;color: #00aba8;}


.urun.genelListe.alt { padding:0 0 20px 0}
.urun.genelListe.alt:after { display: none}



footer {width: 100%;float: left;position: relative;z-index: 465;margin: 100px 0 0 0;}
footer .cizgiler > div {background: #fff;z-index: 40;}
footer section {width: 100%;float: left;position: relative;z-index: 96;}
footer section:last-child {margin-bottom:0;}
footer section .inner {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;z-index: 40;}
footer section.ust {background-size: cover;padding: 140px 0;}
footer section.ust:before, footer section.ust:after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
footer section.ust:before {background: #121d2470;z-index: 5;}
footer section.ust:after {background: url(../images/altBG.jpg) no-repeat center;background-size: cover;}
footer section .beniAra {position: relative ;margin: -160px 0px 80px 0;}
footer section .beniAra .bg img {opacity: 1;}
footer section .logo {width: 300px;float: left;position: relative;margin: 0 0 50px 0;}
footer section .logo a {display: flex;flex-wrap:wrap;flex-direction: row;align-items: center;justify-content: center;}
footer section .altMenu {width: auto;float: left;position: relative;margin: 0 0 50px 0;}
footer section .altMenu ul { width: auto; float: left; position: relative; }
footer section .altMenu ul li { width: auto; float: left; position: relative; border-right: solid 1px #fff; padding: 0 20px 0 0; margin: 0 20px 0 0; }
footer section .altMenu ul li:last-child {margin-right:0px; padding-right:0px; border-right:0}
footer section .altMenu ul li a { width: auto; float: left; position: relative; font-size: 15px; line-height: 15px; font-weight: 500; color: #fff; text-transform: uppercase; }
footer section .iletisim {width: auto;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;margin: 0 0 50px 0;}
footer section .iletisim ul { width: auto; float: left; position: relative; }
footer section .iletisim ul.tam { margin: 0 0px 16px 0; }
footer section .iletisim ul li { width: auto; float: left; position: relative; margin: 0px 32px 0 0; }
footer section .iletisim ul li:last-child { margin-right: 0; }
footer section .iletisim ul li a { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
footer section .iletisim ul li a img {width: 24px;}
footer section .iletisim ul.tam li a img { width: 24px; margin-right: 14px; margin-left: -39px; }
footer section .iletisim ul.tam li a span { margin: 0; }
footer section .iletisim ul li a span {font-size: 14px;line-height: 14px;font-weight: 400;color: #fff;margin: 0 0 0 14px;}
footer section .sosyal {width: auto;float: left;position: relative;}
footer section .sosyal a {width: 52px;aspect-ratio: 1/1;float: left;position: relative;font-size: 22px;line-height: 22px;font-weight: 400;color: #fff;margin: 0 30px 0 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;border: solid 1px #ffffff;border-radius: 100%;}
footer section .sosyal a:last-child { margin-right: 0; }
footer section.alt {padding: 22px 0;}
footer section.alt .inner { flex-direction: row; justify-content: space-between; }
footer section.alt .bilgi {width: auto;float: right;margin: 0;font-size: 15px;line-height: 15px;font-weight: 400;color: #404040;}
footer section.alt a.qBrand {width: 75px;float: left;position: relative;}
footer section.alt a.qBrand img { width: 100%; float: left; position: relative; }
footer section.alt a.qBrand i {display:none}


.kurumsal { will-change: auto;}
.kurumsal .kapsa { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.kurumsal .slot { float: left; position: relative; }
.kurumsal .slot.bilgi { width: calc(100% - 600px); padding: 0 50px 0 0; }
.kurumsal .slot.resmi { width: 600px; border-radius: 20px; overflow: hidden; }
.kurumsal .slot.resmi img { width: 100%; float: left; position: relative;}


.vizyon_misyon {will-change:auto;padding: 38px 0;}
.vizyon_misyon:after {content: "";width: calc(100% - 100px);height: 100%;position: absolute;left: 50px;top: 0;border-radius: 20px;background: #f7f7f7;z-index: -1;}
.vizyon_misyon .inner {flex-direction: row;align-items: initial;align-content: center;justify-content: space-between;}
.vizyon_misyon .slot {width: 50%;float: left;position: relative;padding: 27px 41px;}
.vizyon_misyon .slot:nth-child(2n-1):after {content: "";width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/dotted-ysl.svg) center;}



.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;border-radius: 20px;overflow: hidden;}
.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;}