/*

¯\_(ツ)_/¯

    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(1300px);height: 100%;float: left;position: relative;box-sizing: border-box;margin-left: calc(50% - 650px);padding-right: 80px;}
.ortala.wide {width: 100%;margin: 0;padding: 0 230px 0 150px;}
.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: 16px;line-height: 25px;font-weight: 400;color: #4a4642;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;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;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 0px 17px 18px;}
main section a.link:before {content: "";width: 31px;height: 31px;position: absolute;left: 0;top: 0;background: url(../images/btnicn.svg) no-repeat left top;background-size: contain;} 
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: #B5804F;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-family: 'con';font-size: 35px;line-height: 35px;font-weight: 400;}



header {width: 100%;height: 87px;float: left;position: absolute;left: 0;z-index: 990;transition: all .8s cubic-bezier(.645,.045,.355,1);opacity: 0;}
header.scActive { opacity: 1 }
header .headWrap {width: 100%;float: left;position: relative;padding: 30px 0;transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;z-index: 99999;}
header .logo {width: 190px;height: 43px;float: left;position: relative;transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
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.scrool .headWrap { position: fixed; background: #353535e0; backdrop-filter: blur(2px);} 
header.scrool .logo {width: 120px;height: 27px;}
header.scrool .logo img[data-role="disi"] { opacity: 0 }
header.scrool .logo img[data-role="erkek"] { opacity: 1 }

header.koyu {position: relative;}
header.koyu .logo img[data-role="disi"] { opacity: 0 }
header.koyu .logo img[data-role="erkek"] { opacity: 1 }



.sliderWrap {width: 100%;height: 70vh;float: left;position: relative;transition: all .8s cubic-bezier(.645,.045,.355,1);opacity: 0;}
.sliderWrap.scActive { opacity: 1}


.slider {width: 100%;height: 100%;position: absolute;left: 0px;top: 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.slider .videom { z-index: 5; }
.slider .videom, .slider video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; }
.slider .kapsa {width: 700px;float: left;position: absolute;left: 150px;z-index: 50;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: center;margin: 70px 0 0 0;}
.slider .kapsa strong {width: 100%;float: left;font-family: 'con';font-size: 80px;line-height: 80px;font-weight: 500;color: #fff;}
.slider .kapsa .slogan {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: flex-start;font-size: 15px;line-height: 15px;font-weight: 300;color: #fff;margin-top: 53px;}
.slider .kapsa .slogan:before {content: "";width: 435px;height: 1px;position: relative;background: #fff;margin-right: 24px;}



.kurumsal { will-change:auto }
.kurumsal .kapsa {width: 660px;float: left;position: relative;background: #f4f4f4;padding: 40px 50px 70px 50px;display: flex;flex-wrap: wrap;flex-direction: column;align-items: center;justify-content: center;}
.kurumsal .kapsa .anaBaslik { will-change:auto}
.kurumsal .kapsa .yazi { will-change:auto}


.belgeler {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;margin: 50px 0 0 0;}
.belgeler .bresmi { width: 150px; float: left; position: relative; margin: 0 30px 0 0; }
.belgeler .bresmi:last-child { margin-right: 0}
.belgeler .bresmi img { width: 100%; float: left; position: relative; }



.enr.genelListe {padding: 0 120px;margin: -38px 0 0 0;}
.enr.genelListe li {width: calc(12% - 0px);padding: 0;margin: 0 0 30px 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.enr.genelListe li img {width: auto;max-width: 100%;height: 97px;}
.enr.genelListe li:last-child {margin-right:0}



.anaProje.genelListe { will-change: auto;}
.anaProje.genelListe .inner {flex-direction: row;justify-content: space-between;background: #B5804F;padding: 70px 0;}
.anaProje.genelListe .solK {width: 615px;float: left;position: relative;margin-left: -70px;}
.anaProje.genelListe .solK .kapsa {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.anaProje.genelListe .sagK {width: calc(100% - 675px);float: left;position: relative;}
.anaProje.genelListe .sagK span {width: 100%;float: left;position: relative;font-size: 14px;line-height: 14px;font-weight: 400;letter-spacing: 6px;color: #fff;} 
.anaProje.genelListe .sagK strong {width: 100%;float: left;position: relative;font-size: 104px;line-height: 93px;font-weight: 600;color: #fff;margin: 46px 0;letter-spacing: -3px;}
.anaProje.genelListe .sagK a  {width: 100%;float: left;position: relative;font-size: 14px;line-height: 15px;color: #fff;text-decoration: underline;}
.anaProje.genelListe li {width: 100%;padding: 0;}
.anaProje.genelListe li .resim { width: 100%; height: 390px; float: left; position: relative; }
.anaProje.genelListe li .resim img { height: 100%; object-fit: cover; }
.anaProje.genelListe .arrow {width: 100%;position: absolute;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;left: 0;z-index: 9999;padding: 0 20px;}
.anaProje.genelListe .arr {width: auto;height: 36px;float: left;position: relative;z-index: 99; transition: all .4s;}
.anaProje.genelListe .arr:hover { opacity: 0.7 }
.anaProje.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;}
.anaProje.genelListe .arr:after {content: "";width: 36px;height: 36px;position: absolute;top: 0px;border: solid 1px #fff;border-radius: 100%;}
.anaProje.genelListe .arr span {width: 64px;height: 15px;float: left;position: relative;font-size: 15px;line-height: 15px;color: #fff;transition: all .4s;}
.anaProje.genelListe .arr span:after {content: "";width: 100%;height: 1px;position: absolute;bottom: 2px;background: #fff;}
.anaProje.genelListe .arr.sol {margin-right: 8px;}
.anaProje.genelListe .arr.sol:after { left: 0; }
.anaProje.genelListe .arr.sol span:after { left: 0; }
.anaProje.genelListe .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.anaProje.genelListe .arr.sol span:after { left: 0; }
.anaProje.genelListe .arr.sag { will-change: auto;}
.anaProje.genelListe .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.anaProje.genelListe .arr.sag span:after { right: 0; }
.anaProje.genelListe .arr.sag:after { right: 0; }
.anaProje.genelListe .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }
.anaProje.genelListe .arr.sag:hover span { padding-right: 40px; }
.anaProje.genelListe .arr.sol:hover span { padding-left: 40px; }
.anaProje.genelListe .arr:hover:before {background: #fff;}
.anaProje.genelListe .arr:hover span {color: #fff;}
.anaProje.genelListe .arr:hover span:after {background: #fff;}
.anaProje.genelListe .arr:hover:after { border-color: #fff; }



.kisaYol.genelListe { will-change: auto;}
.kisaYol.genelListe li {width: calc(33.33%);padding: 0;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
.kisaYol.genelListe li::before {counter-increment: section;content: "0"counter(section);font-size: 12px;line-height: 12px;font-weight: 400;color: #4a4642;border-bottom: solid 1px #5d5a57ad;padding: 0 0 6px 0;}
.kisaYol.genelListe li strong {width: 100%;float: left;position: relative;font-family: 'con';font-size: 23px;line-height: 29px;font-weight: 400;color: #b5804f;margin: 32px 0;}
.kisaYol.genelListe li a {font-size: 15px;line-height: 16px;font-weight: 500;color: #4a4642;}



footer {width: 100%;float: left;position: relative;margin: 80px 0 0 0;}
footer section {width: 100%;float: left;position: relative;margin: 0 0 70px 0;}
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: flex-start;justify-content: flex-start;} 
footer .kisaLink { will-change: auto;}
footer .kisaLink .kapsa { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; }
footer .kisaLink .kapsa a {width: 50%;height: 315px;float: left;position: relative;background: #FAFAFA;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: center;padding: 10px 70px;color: #4a4642;transition: 0.3s;transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;z-index: 20;}
footer .kisaLink .kapsa a:hover {background: #B5804F;color: #fff;}
footer .kisaLink .kapsa a strong { width: 100%; float: left; position: relative; font-size: 14px; line-height: 14px; font-weight: 600; margin: 0 0 17px 0; }
footer .kisaLink .kapsa a p {width: 100%;float: left;position: relative;font-family: 'con';font-size: 25px;line-height: 32px;font-weight: 600;}
footer .kisaLink .kapsa a p:after {content: "";width: 0;height: 1px;position: absolute;left: 0;bottom: -30px;background: #fff;transition: 0.4s;}
footer .kisaLink .kapsa a:hover p:after { width: 60px }
footer .kisaLink .kapsa a .bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;overflow: hidden;}
footer .kisaLink .kapsa a .bg img {width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;opacity: 0;transition: 0.5s;transform: scale(1.1);}   
footer .kisaLink .kapsa a .bg img:first-child { opacity: 1 }
footer .kisaLink .kapsa a:hover .bg img:first-child { opacity: 0 }
footer .kisaLink .kapsa a:hover .bg img { transform: scale(1); }
footer .kisaLink .kapsa a:hover .bg img:last-child { opacity: 1;  }
footer .detaylar {width: 100%;float: left;position: relative;padding: 0 0 40px 0;}
footer .detaylar .logo {width: 185px;float: left;margin: 0 0 23px 0;}
footer .iletisim {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;}
footer .iletisim > a {width: auto;float: left;position: relative;font-size: 14px;line-height: 14px;color: #4a4642;text-decoration: underline;}
footer .iletisim > a:last-child { margin-right: 0; }
footer .iletisim > a.dekinsan {width: 166px;}
footer .iletisim > a.dekinsan img { width: 100%; }
footer .qbrand {width: 100%;float: left;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: flex-start;margin: 23px 0 0 0;}
footer .qbrand a {width: 62px;float: left;position: relative;}
footer .qbrand img { width: 100%;}


.menuWrap {width: 70%;height: 100vh;float: left;position: fixed;right: calc(-70% + 80px);top: 0;z-index: 9999999;background: #fff;transition: 0.9s;}
.menuWrap[data-aos^=fade][data-aos^=fade] {transition-property: all;}

.menuWrap.active {right: 0;}
.menuWrap .kapsa { width: 100%; height: 100%;  position: relative; }
.menuWrap .kapsa .kisaMenu {width: 80px; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;}
.menuWrap .kapsa .kisaMenu a {width: 100%;height: calc(25%);position: relative;background: #fafafa;display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-end;justify-content: center;padding: 0 0 20px 0;font-size: 15px;line-height: 15px;font-weight: 400;color: #4a4642;transition: background 0.9s;}
.menuWrap .kapsa .kisaMenu a b {width: auto;float: left;position: relative;writing-mode: vertical-rl;text-orientation: mixed;transform: rotate(180deg);font-weight: 400;}
.menuWrap .kapsa .kisaMenu a:nth-child(1) {background-color: #fafafa;}
.menuWrap .kapsa .kisaMenu a:nth-child(2) { background-color: #B5804F; color: #fff }
.menuWrap .kapsa .kisaMenu a:nth-child(3) { background-color: #353535 ; color: #fff }
.menuWrap .kapsa .kisaMenu a:nth-child(4) { background-color: #f1f0e9 }

.menuWrap .kapsa .kisaMenu a:nth-child(1):hover {background-color: #DDD;}
.menuWrap .kapsa .kisaMenu a:nth-child(2):hover { background-color: #895627; }
.menuWrap .kapsa .kisaMenu a:nth-child(3):hover { background-color: #222222 ; }
.menuWrap .kapsa .kisaMenu a:nth-child(4):hover { background-color: #D6D6CE }

.menuWrap .kapsa .kisaMenu .brg {width: 30px;height: 30px;float: right;position: absolute;top: 14px;margin: 0;z-index: 10001;overflow: hidden;display: flex;flex-wrap: wrap;flex-direction: column;align-items: end;justify-content: center;}
.menuWrap .kapsa .kisaMenu .brg:before, .menuWrap .kapsa .kisaMenu .brg:after, .menuWrap .kapsa .kisaMenu .brg span {content: "";width: 100%;float: left;height: 3px;position: relative;left: 0;top: 0;margin: 0 0 6px 0;background: #4a4642;transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
.menuWrap .kapsa .kisaMenu .brg.active:before, .menuWrap .kapsa .kisaMenu .brg.active:after, .menuWrap .kapsa .kisaMenu .brg.active span {background: #b5804f !important;}
.menuWrap .kapsa .kisaMenu .brg.active:after { left: 100%; opacity: 0; }
.menuWrap .kapsa .kisaMenu .brg.active:before {transform: rotate(45deg);top: 4px;left: 0;/* width: 100%; */}
.menuWrap .kapsa .kisaMenu .brg.active span {transform: rotate(-45deg);top: -4px;}
.menuWrap .kapsa .kisaMenu .brg:after {float: right;margin-bottom: 0;}
.menuWrap .kapsa .menuIcerik {width: calc(100% - 80px);height: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: space-between;}
.menuWrap .kapsa .menuIcerik .solK {width: 45%;height: 100%;float: left;position: relative;padding: 60px 70px;}
.menuWrap .kapsa .menuIcerik .solK .logom {width: 110px;float: left;position: relative;display: none;}
.menuWrap .kapsa .menuIcerik .solK .logom a, .menuWrap .kapsa .menuIcerik .solK .logom a img { width: 100%; }
.menuWrap .kapsa .menuIcerik .solK strong {width: 100%;float: left;position: relative;font-size: 48px;line-height: 48px;font-weight: 500;color: #4a4642;margin: 0 0 50px 0;}
.menuWrap .kapsa .menuIcerik .solK ul { width: 248px; float: left; position: relative; }
.menuWrap .kapsa .menuIcerik .solK ul li, .menuWrap .kapsa .menuIcerik .solK ul li a { width: 100%; float: left; position: relative; }
.menuWrap .kapsa .menuIcerik .solK ul li { margin: 0 0 20px 0; }
.menuWrap .kapsa .menuIcerik .solK ul li:last-child { margin: 0; }
.menuWrap .kapsa .menuIcerik .solK ul li a {font-size: 19px;line-height: 19px;font-weight: 400;color: #4a4642;transition: 0.5s;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: flex-start;}
.menuWrap .kapsa .menuIcerik .solK ul li a:after {content: "";width: 0;height: 2px;position: absolute;right: 0;/* left: 210px; */background: #B5804F;}
.menuWrap .kapsa .menuIcerik .solK ul li a:hover:after {width: 30px;}
.menuWrap .kapsa .menuIcerik .solK ul li a:hover {color: #B5804F;}
.menuWrap .kapsa .menuIcerik .solK .sosyal { width: 100%; float: left; position: relative; margin: 50px 0 0 0; }
.menuWrap .kapsa .menuIcerik .solK .sosyal a { width: auto; float: left; position: relative; font-size: 22px; margin: 0 24px 0 0; color: #b5804f; }
.menuWrap .kapsa .menuIcerik .solK .sosyal a:last-child { margin-right: 0; }
.menuWrap .kapsa .menuIcerik .sagK { width: 55%; height: 100%; float: left; position: relative; }
.menuWrap .kapsa .menuIcerik .sagK span {width: auto;float: left;position: absolute;left: 40px;top: 40px;z-index: 50;font-size: 16px;line-height: 23px;font-weight: 400;color: #ffffff;}
.menuWrap .kapsa .menuIcerik .sagK .resmi {width: 100%;height: 100%;float: left;position: relative;overflow: hidden;}
.menuWrap .kapsa .menuIcerik .sagK .resmi img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; opacity: 0; transition: 0.5s; transform: scale(1.1); }
.menuWrap .kapsa .menuIcerik .sagK .resmi img:first-child { opacity: 1 }
.menuWrap .kapsa .menuIcerik .sagK .resmi:hover img:first-child { opacity: 0 }
.menuWrap .kapsa .menuIcerik .sagK .resmi:hover img { transform: scale(1); }
.menuWrap .kapsa .menuIcerik .sagK .resmi:hover img:last-child { opacity: 1;  }
.menuWrap .kapsa .menuIcerik .belgeler {position: absolute;right: 0;bottom: 30px;justify-content: flex-start;padding: 0 42px;z-index: 9999;}
.menuWrap .kapsa .menuIcerik .belgeler .bresmi {width: 110px;}


.ustBar {margin: 60px 0 70px 0;}
.ustBar .inner {align-items: flex-start;}
.ustBar .anaBaslik{ margin: 0 }



.marka.genelListe {will-change:auto;margin: 40px 0 0 0;}
.marka.genelListe li {width: 100%;padding: 0;margin: 0 0 90px 0;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;}
.marka.genelListe li:last-child { margin-right: 0}
.marka.genelListe li .solK { width: calc(100% - 700px); float: left; position: relative; background: #fafafa; }
.marka.genelListe li .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 40px; }
.marka.genelListe li .slot.alt {padding: 30px 70px;}
.marka.genelListe li .slot.alt:before {content: "";width: 5px;height: 132px;position: absolute;left: 0;bottom: 0;background: #b5804f;}
.marka.genelListe li .slot .logo { width: 140px; aspect-ratio: 1/1; float: left; position: relative; background: #fff; box-shadow: 0px 0px 32px #00000033; margin: -70px 0 0 0px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.marka.genelListe li .slot a.web {width: auto;height: 33px;float: left;position: relative;font-size: 17px;line-height: 17px;color: #4a4a4a;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;padding: 0 34px 0 0;margin: 30px 0 0 0;}
.marka.genelListe li .slot a.web:before {content: "";width: 33px;aspect-ratio: 1/1;float: left;position: relative;background: url(../images/web.svg) no-repeat center;margin-right: 15px;}
.marka.genelListe li .slot a.web:after {content: "";width: calc(100% - 20px);height: 1px;position: absolute;right: 0;bottom: 4px;background: #b5804f;}
.marka.genelListe li .slot h6 {width: calc(100% - 170px);float: left;position: relative;font-family: 'con';font-size: 25px;line-height: 25px;font-weight: 600;color: #4a4642;}
.marka.genelListe li .slot .logo img { width: calc(100% - 30px); height: calc(100% - 40px); object-fit: contain; }
.marka.genelListe li .sagK { width: 700px; float: left; position: relative; }
.marka.genelListe li .sagK .resim {box-shadow: 0px 0px 32px #00000033;}



.markaDetay { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.markaDetay .slot {width: 790px;}
.markaDetay .slot strong { width: 100%; float: left; position: relative; font-family: "Contax Sans 55 Regular" !important; font-weight: bold; font-size: 22px; margin: 0 0 20px 0; color: #353535; }
.markaDetay .slot .yazi { width: 100%; float: left; position: relative; font-size: 1rem; font-family: "TT Hoves Regular"; padding-bottom: 30px; letter-spacing: 0px; line-height: 1.6em; color: #1c1c1c; }
.markaDetay .slot .alt { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.markaDetay .slot .alt a.web { width: auto; float: left; position: relative; font-family: "TT Hoves Regular"; font-size: 15px; line-height: 15px; color: #545454; border: solid 1px #b5804f; border-radius: 45px; padding: 12px 38px; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s; }
.markaDetay .slot .alt a.web:hover {background: #b5804f;color: #fff;}
.markaDetay .slot .alt .logo { width: 172px; height: 53px; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: end; }
.markaDetay .slot .alt .logo img { float: right; max-width: 100%; max-height: 100%; width: auto; height: auto; }



.projeler {width: 100%;float: left;position: relative;}

.projeler .slot { width: 100%; float: left; position: relative; /* margin: 0 0 40px 0px; */ }
.projeler .slot strong { width: 100%; float: left; position: relative; font-family: "Contax Sans 55 Regular" !important; font-weight: bold; font-size: 26px; margin: 0 0 20px 0; }
.projeler .slot ul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
.projeler .slot ul li { width: calc(33.33% - 20px); float: left; position: relative; margin: 0 0 40px 0; }
.projeler .slot ul li .resim { width: 100%; height: 340px; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.projeler .slot ul li .resim img { width: 100%; height: 100%; position: absolute; object-fit: cover;}
.projeler .slot ul li h6 { width: 100%; float: left; position: relative; font-family: "Contax Sans 55 Regular" !important; font-size: 16px; margin: 14px 0 0 0; color: #000; }

.projeler.dortLu .slot ul li { width: calc(25% - 20px); }
.projeler.dortLu .slot ul li .resim {aspect-ratio: 4/3;height: auto;}



.bayPo .bayPoTab { width: 100%; float: left; position: relative; z-index: 45; }
.bayPo .bayPoTab .poMenu {width: 100%;float: left;position: relative;margin: 0 0 60px 0;}
.bayPo .bayPoTab .poMenu ul { justify-content: center; }
.bayPo .bayPoTab .poMenu ul li { width: auto; float: left; padding: 10px 30px 10px 0px; margin: 0 30px 0 0; }
.bayPo .bayPoTab .poMenu ul li:last-child {margin-right: 0;padding-right: 0;}
.bayPo .bayPoTab .poMenu ul li:last-child:after { display: none; }
.bayPo .bayPoTab .poMenu ul li:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0px; top: 0px; background: #d4d4d4; transform: rotate( 30deg); }

.bayPo .bayPoTab .poMenu ul li a {width: auto;height: auto;float: left;box-shadow: none;font-family: 'con';font-size: 20px;line-height: 20px;font-weight: bold;color: #c5c5c5;padding: 0 0 9px 0;margin: 0;border: solid 1px transparent;border-radius: 45px;overflow: visible;border-color: transparent;}
.bayPo .bayPoTab .poMenu ul li a:after { content: "projeler"; width: 100%; position: absolute; left: 0; bottom: -7px; font-size: 15px; line-height: 14px; font-weight: 400; /* color: #353535; */ text-align: center; /* font-style: italic; */ }
html[lang="en"] .bayPo .bayPoTab .poMenu ul li a:after {content:"projects"}
.bayPo .bayPoTab .poMenu ul li a.active {/* border-color: #ebebeb; */color: #b5804f;}
.bayPo .bayPoTab .poMenu ul li:last-child a { margin-right: 0px; }
.bayPo .bayPoTab .poKapsa { width: 100%; float: left; position: relative; box-sizing: border-box; overflow: hidden; }
.bayPo .bayPoTab .poKapsa ul li { position: absolute; left: 0; top: 0; }
.bayPo .bayPoTab .poKapsa ul li.genel { opacity: 1 !important; height: 320px; z-index: 99; background: #fff; }

.bayPo.alt .bayPoTab .poMenu { width: 100%; float: left; position: relative; top: 0; margin: 0 0 26px 0; text-align: center; }
.bayPo.alt .bayPoTab .poMenu a { display: inline-table; vertical-align: text-bottom; float: none; padding: 17px 27px; }



.projeListV2.genelListe { margin: 0; }
.projeListV2.genelListe ul:not(.swiper-wrapper) { align-content: center; align-items: inherit; }
.projeListV2.genelListe li { width: calc(33.33% - 20px); padding: 0; margin: 0 0 0px 0; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }

.projeListV2.genelListe li a { height: 320px; overflow: hidden; box-shadow: 0 0 0px 0 rgb(0 0 0 / 15%); }
.projeListV2.genelListe li .alt { width: 100%; float: left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; position: relative; left: 0; bottom: 0; margin-top: 0; opacity: 0; transition: all .4s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; z-index: 40;}
.projeListV2.genelListe li .alt h6 {width: 100%;float: left;position: relative;left: 0;bottom: 0;font-size: 16px;margin: 14px 0 0 0;color: #4a4642;text-align: center;}
.projeListV2.genelListe li .alt .bilgi { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; padding: 0; }
.projeListV2.genelListe li .alt .bilgi > div { position: relative; font-size: 16px; line-height: 16px; font-weight: 400; color: #1f1f1f; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; margin: 0 22px 0 0; }
.projeListV2.genelListe li .alt .bilgi > div:before { content: ""; width: 20px; height: 20px; position: relative; left: 0px; top: 0; margin: 0 11px 0 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.projeListV2.genelListe li .alt .bilgi > div:last-child { margin-right: 0; }
.projeListV2.genelListe li .alt .bilgi > .yil:before { background-image: url(../images/tarih2.svg); }
.projeListV2.genelListe li .alt .bilgi > .konum:before { background-image: url(../images/konum2.svg); }
.projeListV2.genelListe li .resim { height: 100%; z-index: 30;}
.projeListV2.genelListe li .resim:after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgb(27 102 177 / 72%);transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;opacity: 0;z-index: 999;}
.projeListV2.genelListe li .resim img { object-fit: cover; height: 100%; transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; }
.projeListV2.genelListe li p { font-size: 15px; line-height: 15px; color: #1f1f1f; margin: 23px 0 0 0; }
.projeListV2.genelListe li .turu {width: fit-content;position: absolute;right: 30px;bottom: 20px;/* background: url(../images/info.svg) no-repeat left center; */font-size: 16px;line-height: 16px;font-weight: bold;color: #fff;text-transform: uppercase;text-decoration: underline;padding: 11px 0 7px 41px;text-shadow: 1px 1px 3px rgb(0 0 0 / 53%);transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;}
.projeListV2.genelListe li:hover .turu { opacity: 0; }
.projeListV2.genelListe li:hover a { box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); }
.projeListV2.genelListe li:hover .resim {margin-top: -60px;}
.projeListV2.genelListe li:hover .resim:after { opacity: 1; }
.projeListV2.genelListe li:hover .alt {opacity: 1;margin-top: 0;}
.projeListV2.genelListe li:hover .resim:after {background: rgb(181 128 79 / 56%);}



.projeListV2.genelListe li.genel .kapsa { width: 100%; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: center; border: solid 1px #ebebeb; padding: 0 33px; }
.projeListV2.genelListe li.genel .kapsa .logo { width: 74px; float: left; position: relative; }
.projeListV2.genelListe li.genel .kapsa .detaylar { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: start; justify-content: flex-start; margin: 20px 0 0 0; }
.projeListV2.genelListe li.genel .kapsa .detaylar > div { float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: start; justify-content: flex-start; padding: 10px 30px 10px 0px; margin: 0 30px 0 0; }
.projeListV2.genelListe li.genel .kapsa .detaylar > div:after { content: ""; width: 1px; height: 100%; position: absolute; right: 0px; top: 0px; background: #d4d4d4; transform: rotate(30deg); }
.projeListV2.genelListe li.genel .kapsa .detaylar > div:last-child { margin-right: 0; padding-right: 0; }
.projeListV2.genelListe li.genel .kapsa .detaylar > div:last-child:after { display: none; }
.projeListV2.genelListe li.genel .kapsa .detaylar > div strong { font-family: 'has'; font-size: 28px; line-height: 28px; }
.projeListV2.genelListe li.genel .kapsa .detaylar > div i { font-size: 15px; line-height: 15px; color: #353535; }



.hakkimizda { will-change: auto; }
.hakkimizda .slot {width: 100%;float: left;position: relative;margin: 0 0 70px 0;}
.hakkimizda .slot.ikiLi .inner {flex-direction: row;justify-content: space-between;}
.hakkimizda .slot.ikiLi .inner.border { padding: 0 0 60px 0}
.hakkimizda .slot.ikiLi .inner.border:after {content: "";width: 560px;height: 1px;position: absolute;bottom: 0;background: #B5804F;left: calc(50% - 280px);}
.hakkimizda .slot.ikiLi .kapsa {width: calc(50% - 40px);float: left;position: relative;}
.hakkimizda .slot.ikiLi .kapsa h2 {width: 100%;float: left;position: relative;font-size: 27px;line-height: 27px;font-weight: 400;margin: 0 0 30px 0;}
.hakkimizda .slot.ikiLi .kapsa h3 {width: 100%;float: left;position: relative;font-size: 27px;line-height: 27px;font-weight: 400;margin: 0 0 30px 0;}
.hakkimizda .slot.ikiLi .kapsa .yazi.mTop {margin-top: 55px;}
.hakkimizda .slot .resmi { width: 100%; float: left; position: relative; }
.hakkimizda .slot .resmi img {width: 100%;float: left;position: relative;}
.hakkimizda .slot.vizyon {padding: 60px 0;}
.hakkimizda .slot.vizyon:after {content: "";width: calc(100% - 380px);height: 100%;position: absolute;left: 150px;top: 0;background: #FAFAFA;z-index: -1;}
.hakkimizda .slot.vizyon .kapsa:first-child {background: #B5804F;}
.hakkimizda .slot.vizyon .kapsa:first-child .yazi { color: #fff }
.hakkimizda .slot.vizyon .kapsa .yazi {padding: 40px 80px;}
.hakkimizda .slot.vizyon .kapsa .yazi:before { counter-increment: section; content: "0" counter(section); font-size: 14px; line-height: 14px; font-weight: 500; border-bottom: solid 1px #5d5a57ad; padding: 0 0 6px 0; position: absolute; left: 39px; top: 44px; }
.hakkimizda .slot.vizyon .kapsa:first-child .yazi:before {border-color: #ffffff;}

.hakkimizda .slot.ikiLi.ek_d .kapsa {width: 100%;background: none;color: initial;margin: 0 0 40px 0;}
.hakkimizda .slot.ikiLi.ek_d .kapsa:last-child { margin-bottom: 0}
.hakkimizda .slot.ikiLi.ek_d .kapsa .yazi {color: #4a4642;padding: 10px 80px;}
.hakkimizda .slot.ikiLi.ek_d .kapsa .yazi:before { top: 13px; }
.hakkimizda .slot.ikiLi.ek_d .kapsa .yazi ul {margin: 0;padding: 0 0 0 20px;}

.hakkimizda .slot.vizyon.nobg { padding: 0; }
.hakkimizda .slot.vizyon.nobg:after {display: none;}


.iletisim { will-change: auto; }
.iletisim .kapsa {width: 100%;float: left;position: relative;display: flex;flex-direction: row;align-content: center;}
.iletisim .slot { width: calc(33.33%); float: left; position: relative; background: #fafafa; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 40px 40px; }
.iletisim .slot:nth-child(2) {background-color: #f5f5f5;}
.iletisim .slot:nth-child(3) {background-color: #ededed;}
.iletisim .slot p { width: 100%; float: left; position: relative; font-family: 'con'; font-size: 23px; line-height: 31px; font-weight: 400; color: #b5804f; margin: 0 0 20px 0; }
.iletisim .slot a {width: auto;float: left;position: relative;font-size: 16px;line-height: 25px;font-weight: 500;color: #4a4642;text-align: justify;}
.iletisim .slot a:after {content: "";width: 0;height: 1px;position: absolute;left: 0;bottom: -3px;opacity: 0;background: #4a4642;transition: all 0.2s ease-in-out;}
.iletisim .slot a:hover:after {width: 100%;opacity: 1;}
.iletisim .genelForm {width: 960px;padding: 0;margin: 70px 0 0 0;}
.iletisim .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;}



.projeDetay { will-change: auto; }
.projeDetay .inner {flex-direction: row;align-items: center;justify-content: space-between;}
.projeDetay .solK {width: 710px;float: left;position: relative;padding: 0;margin: 0 0 0 -50px;}
.projeDetay .solK .kapsa {display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.projeDetay .sagK {width: calc(100% - 660px);float: left;position: relative;background: #B5804F;padding: 90px 40px;}
.projeDetay .sagK:after {content: "";}
.projeDetay .sagK .anaBaslik { color: #fff }
.projeDetay .sagK .anaBaslik h1 {font-size: 25px;line-height: 31px;font-weight: 500;/* font-family: 'tt'; */}
.projeDetay.genelListe li { width: 100%; padding: 0; }
.projeDetay.genelListe li .resim { aspect-ratio: 4/3; }
.projeDetay.genelListe li .resim img {height: 100%;object-fit: cover;}
.projeDetay .bilgi {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: center;padding: 10px 0 0 41px;}
.projeDetay .bilgi:after {content: "";width: 1px;height: calc(100% - 20px);position: absolute;left: 12px;top: 0;background: #ffffff7a;}
.projeDetay .bilgi > div {position: relative;font-size: 18px;line-height: 23px;font-weight: 400;color: #ffffff;display: flex;flex-wrap: wrap;flex-direction: row;align-items: flex-start;justify-content: flex-start;margin: 0 0 32px 0;}
.projeDetay .bilgi > div:before { content: ""; width: 24px; height: 24px; position: relative; left: 0px; top: 0; margin: 0 11px 0 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.projeDetay .bilgi > div:last-child { margin: 0; padding: 0; border: none; }
.projeDetay .bilgi > div p {width: calc(100% - 35px);margin-top: 3px;}
.projeDetay .bilgi > .yil:before { background-image: url(../images/tarih.svg); }
.projeDetay .bilgi > .konum:before { background-image: url(../images/konum.svg); }
.projeDetay .bilgi > .detay:before { background-image: url(../images/bilgi.svg); }
.projeDetay .bilgi > .link { margin: 44px 0 0 0; }
.projeDetay .bilgi > .link a { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 400; color: #fff; text-decoration: underline; margin: 0 0 0 -30px; }
.projeDetay .bilgi > .link:before { display: none; }

.projeDetay .arrow {width: 100%;float: left;position: absolute;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;left: 0;z-index: 9999;padding: 0 40px;margin: 40px 0 0 0;}
.projeDetay .arr {width: auto;height: 36px;float: left;position: relative;z-index: 99; transition: all .4s;}
.projeDetay .arr:hover { opacity: 0.7 }
.projeDetay .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 .arr:after {content: "";width: 36px;height: 36px;position: absolute;top: 0px;border: solid 1px #fff;border-radius: 100%;}
.projeDetay .arr span {width: 64px;height: 15px;float: left;position: relative;font-size: 15px;line-height: 15px;color: #fff;transition: all .4s;}
.projeDetay .arr span:after {content: "";width: 100%;height: 1px;position: absolute;bottom: 2px;background: #fff;}
.projeDetay .arr.sol {margin-right: 8px;}
.projeDetay .arr.sol:after { left: 0; }
.projeDetay .arr.sol span:after { left: 0; }
.projeDetay .arr.sol span { padding: 0 0 0 30px; margin: 6px 0 0 20px; }
.projeDetay .arr.sol span:after { left: 0; }
.projeDetay .arr.sag { will-change: auto;}
.projeDetay .arr.sag span { padding: 0px 30px 0 0px; margin: 6px 20px 0 0px; }
.projeDetay .arr.sag span:after { right: 0; }
.projeDetay .arr.sag:after { right: 0; }
.projeDetay .arr.sag:before { clip-path: polygon(0 100%, 100% 50%, 0 0); left: initial; right: 16px; }
.projeDetay .arr.sag:hover span { padding-right: 40px; }
.projeDetay .arr.sol:hover span { padding-left: 40px; }
.projeDetay .arr:hover:before {background: #fff;}
.projeDetay .arr:hover span {color: #fff;}
.projeDetay .arr:hover span:after {background: #fff;}
.projeDetay .arr:hover:after { border-color: #fff; }