/*

¯\_(ツ)_/¯

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



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



.bekle { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #ecebeb url(../images/495.GIF) no-repeat center 120px; z-index: 101; display: block; text-align: center; }
.bekle:after { content: "Lütfen Bekleyiniz.."; margin-top: 200px; width: 100%; float: left; font-size: 12px; font-style: italic; }
.logo a, .logo img { width: 100%; float: left; position: relative; box-sizing: border-box; }



.icKisim { width: 100%; float: left; position: relative; min-height: 150px; }
.icKisim .ick { width: 100%; float: left; position: absolute; left: 0px; top: 0px; /* display: none; */ }



input, .pages a, ::after, ::before, a.link, .pages span, .genelListe li img, header .secim .menum a.kMenum span { transition: all .4s; }
::after, ::before { box-sizing: border-box; }



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



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


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



.icerik.yActive { margin-top: 10px; }
.icerik .yazi a { color: #27569c; font-weight: 500; }
.icerik .solBar { width: 310px; float: left; box-sizing: border-box; background: #ececec; padding: 26px 32px; }
.icerik .solBar.aracMenu { background: none; padding: 0; }
.icerik .sagBar { width: calc(100% - 371px); float: right; box-sizing: border-box; }



.anaBaslik { width: auto; float: left; position: relative; z-index: 45; color: #373737; margin: 0 0 40px 0px; padding: 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.anaBaslik:after { content: ""; width: 100%; height: 77px; position: absolute; left: 0; bottom: -10px; background: url(../images/imge.svg) no-repeat center; opacity: 0.2; }
.anaBaslik p { width: 650px; float: left; font-size: 22px; line-height: 30px; font-weight: 300; margin: 4px 0 0 0; text-align: center; }
.anaBaslik u { color: #1066b1; }
.anaBaslik span { color: #b99764; }
.anaBaslik h1, .anaBaslik h2, .anaBaslik h3, .anaBaslik h4, .anaBaslik h5, .anaBaslik h6, .anaBaslik strong { min-width: 1px; width: auto; min-height: 1px; height: auto; display: inline-table; table-layout: fixed; position: relative; z-index: 5; }
.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: 'qui'; font-size: 35px; line-height: 35px; font-weight: 900; text-transform: lowercase; }
.anaBaslik.icon { padding: 0px 0 80px 0; }
.anaBaslik.icon:after { content: ""; width: 100%; height: 54px; position: absolute; left: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: contain; }
.anaBaslik.icon.menu:after { background-image: url(../images/menu.svg); }



main { width: 100%; float: left; position: relative; margin: 0; z-index: 150; }
main section { width: 100%; float: left; position: relative; z-index: 65; }
main section.icerik { /* min-height: 500px; */ height: auto; padding: 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: #373737; text-align: justify; text-align-last: center; }
main section .ortala, main section .inner { opacity: 0; top: 20px; transition: all .7s cubic-bezier(.645,.045,.355,1); }
main section.scActive .ortala, main section.scActive .inner { opacity: 1; top: 0px; }
main section .inner { width: 100%; float: left; position: relative; /* opacity: 1; */ /* top: 0; */ display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
main section a.link { width: auto; float: left; position: relative; font-size: 16px; line-height: 16px; font-weight: 300; color: #231f20; border: solid 1px #f99d1c; border-radius: 45px; padding: 18px 70px; margin: 80px 0 0 0; text-transform: lowercase; }
main section a.link:after { content: ""; width: 81px; height: 95px; position: absolute; left: -33px; bottom: 10px; background: url(../images/lnk.svg) no-repeat center; background-size: contain; }
main section a.link:hover { color: #f99d1c; }



header { width: 100%; float: left; position: absolute; left: 0px; top: 0px; z-index: 190; }
header:not(.alt):after { content: ""; width: 100%; height: 200px; position: absolute; left: 0px; top: 0px; background: linear-gradient( 180deg, rgb(0 0 0 / 79%) 0%, rgba(0,0,0,0) 100%); z-index: -1;}
header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: space-between; }
header .logo { width: 180px; height: 97px; float: left; position: relative; padding: 40px 0 0 0; z-index: 101; }
header .logo a { width: 100%; height: 100%; }
header .logo img { transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; }
header:not(.alt) .logo img[data-role="disi"] { opacity: 1; }
header.alt .logo img[data-role="erkek"] { opacity: 1; }
header .sagK { width: auto; float: right; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; z-index: 101; }
header .sagK > div { width: auto; height: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-right: solid 1px #e84f3c; padding: 0 40px 0 0; margin: 0 40px 0px 0; }
header .sagK > div:last-child { margin-right: 0px; padding-right: 0px; border: none; }
header .sagK .sosyal { width: auto; float: left; position: relative; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .sosyal a { width: auto; float: left; position: relative; font-size: 23px; line-height: 23px; color: #fff; margin: 0 17px 0 0px; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .sosyal a:last-child { margin-right: 0px; }
header.active .sagK .sosyal a { color: #515151; }
header.active .logo img[data-role="disi"] { opacity: 0; }
header.active .logo img[data-role="erkek"] { opacity: 1; }



@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');
.menuWrap { width: 100%; height: 100vh; position: fixed; left: 0px; top: 0px; overflow: hidden; background: transparent; transition: all .3s cubic-bezier(.645,.045,.355,1); z-index: 99; pointer-events: none; /* opacity: 0; */ /* background: #f6f6f6; */ }
.menuWrap .ust { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 40px 40px 0 100px; transition: all .6s cubic-bezier(.645,.045,.355,1) 0s; opacity: 0; z-index: 99; }
.menuWrap.active .ust { opacity: 1; }
.menuWrap .ust .logo { width: 250px; float: left; position: relative; }
.menuWrap .ust .kapat { width: 66px; height: 66px; float: right; position: relative; right: 0; top: 0; margin: 0; padding: 24px 10px 0 10px; z-index: 10001; overflow: hidden; background: #1066b1; border-radius: 100%; box-shadow: 0px 0px 0px rgb(0 0 0 / 21%); }
.menuWrap .ust .kapat:before, .menuWrap .ust .kapat:after, .menuWrap .ust .kapat span { content: ""; width: 100%; float: left; height: 2px; position: relative; left: 0; top: 0; background: #ffffff; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; }
.menuWrap .ust .kapat.active:before, .menuWrap .ust .kapat.active:after, .menuWrap .ust .kapat.active span { background: #fff; }
.menuWrap .ust .kapat.active:before { transform: rotate(45deg); top: 16px; left: 0; }
.menuWrap .ust .kapat.active:after { transform: rotate(-45deg); top: -6px; width: 100%; }
.menuWrap .ust .kapat.active span { opacity: 0; left: 100%; }
.menuWrap .ust .kapat:after { margin: 10px 0px 0px 0; width: calc(100% - 20px); float: right; }
.menuWrap .ust .kapat span { margin: 10px 0 0 0; float: right; width: calc(100% - 20px); }
.menuWrap .kapsa { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 0; }
.menuWrap .kapsa .wrap { width: 100%; height: 100%; position: absolute; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding-top: 80px; }
.menuWrap.active { opacity: 1; pointer-events: auto; visibility: visible; }
.menuWrap:before, .menuWrap:after { content: ""; height: 0; position: absolute; }
.menuWrap:before { width: 0%; height: 100%; right: 0; z-index: 1; transition: all .69s cubic-bezier(.645,.045,.355,1) 0s; background: #f58220; backdrop-filter: blur(12px); opacity: 0; }
.menuWrap:after { bottom: 0; right: 0; width: 0; height: 100%; z-index: 0; transition: all .6s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; background: #ffffff; backdrop-filter: blur(12px); }
.menuWrap.active:before { width: 290px; transition-delay: 0s; /* height: 0; */ }
.menuWrap.active:after { width: 100%; /* transition-delay: 0s; */ }
.menuWrap .ortala { height: auto; }
.menuWrap .mobMenu { width: 100%; float: left; position: relative; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(-40px); z-index: 40; padding: 0 0 0 100px; }
.menuWrap.active .mobMenu { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }
.menuWrap .mobMenu ul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding-left: 0; }
.menuWrap .mobMenu ul li { width: auto; float: left; position: relative; margin: 0 40px 0 0; }
.menuWrap .mobMenu ul li:after { content: ""; width: 60px; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #1066b1; opacity: 0; }
.menuWrap .mobMenu ul li:nth-child(2n):after { width: 40px; }
.menuWrap .mobMenu ul li:last-child { margin-bottom: 0; }
.menuWrap .mobMenu ul li:last-child { margin-right: 0px; padding-right: 0px; }
.menuWrap .mobMenu ul li:last-child:after { display: none; }
.menuWrap .mobMenu ul li a { width: 100%; float: left; transition: all .3s cubic-bezier(.77,0,.175,1); font-family: 'Playfair Display', serif; font-size: 51px; line-height: 52px; font-weight: 300; color: #707070; letter-spacing: 1px; /* text-transform: uppercase; */ }
.menuWrap .mobMenu ul li a:hover { color: #e84f3d; }
.menuWrap .resmi { width: 0%; height: calc(100% - 400px); position: absolute; left: 470px; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; z-index: 40; opacity: 0; }
.menuWrap.active .resmi { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; width: 50%; }
.menuWrap .resmi:after { content: ""; width: 270px; height: 270px; position: absolute; background: url(../images/kare.svg); right: -59px; top: -70px; transition: all .10s cubic-bezier(.645,.045,.355,1) 0s; opacity: 0; }
.menuWrap.active .resmi:after { opacity: 1; transform: translateY(0) !important; transition-delay: .85s; visibility: visible; }
.menuWrap .detay { width: 100%; float: right; position: absolute; left: 0; bottom: 29px; box-sizing: border-box; opacity: 0; transform: translateY(40px); transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; z-index: 66; padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 80px; }
.menuWrap.active .detay { opacity: 1; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }
.menuWrap .detay .slot { width: 100%; float: left; position: relative; margin: 0 0 28px 0; }
.menuWrap .detay .slot:last-child { margin-bottom: 0px; }
.menuWrap .detay .linkler { display: flex; flex-wrap: wrap; flex-direction: column; }
.menuWrap .detay .linkler a { width: auto; float: left; transition: all .3s cubic-bezier(.77,0,.175,1); font-size: 18px; line-height: 18px; font-weight: 600; color: #fff; margin: 0 0 11px 0; }
.menuWrap .detay .linkler a:hover { text-decoration: underline; }
.menuWrap .detay .linkler a:last-child { margin-bottom: 0; }
.menuWrap .detay .sosyal { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 26px 0 0 0; }
.menuWrap .detay .sosyal a { width: 50px; height: 50px; float: left; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border: solid 1px #1066b1; border-radius: 100%; font-size: 18px; line-height: 18px; color: #636363; margin: 0 20px 0 0; transition: all .3s cubic-bezier(.77,0,.175,1); }
.menuWrap .detay .sosyal a:last-child { margin-right: 0; }
.menuWrap .detay .adres { transition: all .3s cubic-bezier(.77,0,.175,1); font-size: 20px; line-height: 29px; font-weight: 200; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; text-transform: lowercase; width: 100%; float: left; position: relative; }
.menuWrap .detay .adres .slt { width: 50%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.menuWrap .detay .adres .slt:last-child { margin-bottom: 0; align-items: flex-end; justify-content: flex-end; }
.menuWrap .detay .adres .slt a { border-right: solid 1px #c2c2c2; padding: 0 30px 0 0; margin: 0 30px 0 0; }
.menuWrap .detay .adres .slt a:last-child { margin-right: 0px; padding-right: 0px; border-right: 0px; }
.menuWrap .detay .adres .slt strong { width: auto; float: left; font-size: 22px; line-height: 19px; margin: 0 0 16px 0; }
.menuWrap .detay .adres, .menuWrap .detay .adres a { color: #686868; }
.menuWrap .detay .adres .slt br { content: " "; display: none; }
.menuWrap.cActive .detay .adres .ileti, .menuWrap.cActive .detay .adres .ileti a { color: #fff; }
.menuWrap.tActive .detay .adres .adresi, .menuWrap.tActive .detay .adres .adresi a { color: #fff; }



.sliderWrap { width: 100%; height: 100vh; float: left; position: relative; margin: 0; }
.sliderWrap ul, .sliderWrap ul li, .sliderWrap ul li img { width: 100%; height: 100%; position: relative; left: 0px; top: 0; object-fit: cover; }
.sliderWrap:before, .sliderWrap:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0px; background: #ffffff2b; z-index: 45; }
.sliderWrap:before { left: 261px; }
.sliderWrap:after { right: 261px; }
.sliderWrap.katWrap { height: auto; margin: 0 0 100px 0; }
.sliderWrap.katWrap.mBt { margin-bottom: 0; }
.sliderWrap.katWrap:before { background: #dadada; height: calc(100% - 269px); }
.sliderWrap.katWrap .katResim { width: 100%; height: calc((50vw + 320px)/1.6516); float: left; position: relative; /* z-index: 80; */ }
.sliderWrap.katWrap .katResim:before { content: ""; width: calc(50vw - 318px); height: 100%; left: 0; top: 0; background: white; z-index: 1; position: absolute; }
.sliderWrap.katWrap .katResim:after { content: ""; width: calc(50vw + 318px); height: 100%; position: absolute; right: 0; top: 0; background: black; z-index: 2; }
.sliderWrap.katWrap .katResim .kapsa { width: 100%; position: absolute; left: 0; bottom: 170px; padding: 0 80px; z-index: 40; mix-blend-mode: difference; color: white; z-index: 3; }
.sliderWrap.katWrap .katResim .kapsa h1, .sliderWrap.katWrap .katResim .kapsa strong { width: auto; float: left; position: relative; font-family: 'qui'; font-size: 132px; line-height: 132px; font-weight: 900; padding: 0 0px 0 180px; }
.sliderWrap.katWrap .katResim .bg { width: calc(50vw + 318px); height: 100%; position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-size: cover; color: #fff; z-index: 4; background-color: #000; mix-blend-mode: screen; }
.sliderWrap.katWrap .katResim .bg:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #00000029; }
.sliderWrap.katWrap .katResim .tag { width: calc(50% - 407px); position: absolute; left: 80px; bottom: 0; z-index: 40; display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: flex-end; }
.sliderWrap.katWrap .katResim .tag a { width: auto; float: left; font-size: 14px; line-height: 14px; color: #484848; background: #f2f2f2; padding: 10px 19px; margin: 20px 20px 0 0; border-radius: 45px; }
.sliderWrap.katWrap.diger .katResim { height: 500px; }



.slider, .slideBilgi { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.slideBilgi { z-index: 10; position: absolute !important; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.slideBilgi ul { position: absolute; left: 0; top: 0; transition-timing-function: cubic-bezier(.23,1,.32,1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 10; }
.slideBilgi ul li { width: auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; /* transform: scale(0.6); */ margin: 0 4%; }
.slideBilgi ul li:before, .slideBilgi ul li:after { content: ""; width: 1px; height: 0; position: absolute; /* top: 0px; */ background: #ffffff; z-index: 45; opacity: 0.4; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); transition: all .4s cubic-bezier(.645,.045,.355,1); transition-delay: 0.8s; }
.slideBilgi ul li:before { left: 0; }
.slideBilgi ul li:after { right: 0; }
.slideBilgi ul li .kapsa { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 50px 0 0 0; }
.slideBilgi ul li strong { font-family: 'qui'; font-size: 52px; line-height: 52px; font-weight: 900; color: #fff; padding: 2px 20px 13px 20px; /* text-align: justify; */ transition: all .3s cubic-bezier(.645,.045,.355,1); background: #fff0; }
.slideBilgi ul li p { display: none; width: 270px; font-size: 22px; line-height: 26px; color: #fff; }
.slideBilgi ul li.swiper-slide-active strong { background: #fff; color: #000; }
.slideBilgi ul li.swiper-slide-active { transform: scale(1); }
.slideBilgi:before, .slideBilgi:after { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; background: #fff; z-index: 9999999; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); opacity: 0.4; }
.slideBilgi:before { margin: -16px 0 0 0; }
.slideBilgi:after { margin: 0 0 -117px 0; }
.slideBilgi ul li.swiper-slide-active:before, .slideBilgi ul li.swiper-slide-active:after { height: 100%; }



.hizmetler.genelListe { padding: 100px 0 100px 0; }
.hizmetler.genelListe:after { content: ""; width: 50px; height: 100%; position: absolute; left: calc(50% - 25px); top: 0px; background: #fafafa; z-index: -1; }
.hizmetler.genelListe .kapsa { width: 100%; float: left; position: relative; background: #fff; }
.hizmetler.genelListe .ust { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 70px 0; }
.hizmetler.genelListe .ust .yazi { width: 600px; }
.hizmetler.genelListe li { width: calc(33.33% - 50px); padding: 0; margin: 0 0 60px 0; }
.hizmetler.genelListe li a { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; justify-content: space-between; }
.hizmetler.genelListe li .resim { width: 80px; height: 80px; border-radius: 100%; border: solid 1px #e84f3c; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.hizmetler.genelListe li .resim img { max-width: calc(100% - 20px); max-height: calc(100% - 35px); width: auto; height: auto; }
.hizmetler.genelListe li .bilgi { width: calc(100% - 103px); margin: 20px 0 0 0; }
.hizmetler.genelListe li h2 { width: 100%; float: left; position: relative; font-family: 'qui'; font-size: 24px; line-height: 24px; color: #252525; }
.hizmetler.genelListe li p { font-size: 14px; line-height: 19px; font-weight: 300; color: #606060; margin: 11px 0 0 0; padding: 0 0 0 20px; }



.firmaList.genelListe { margin: 0; }
.firmaList.genelListe .inner { align-items: initial; align-content: center; justify-content: space-between; margin: 0; }
.firmaList.genelListe .solK { width: 340px; float: left; position: relative; margin: 80px 0 0 80px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.firmaList.genelListe .solK:after { content: ""; width: calc(100% + 150px); height: 100%; position: absolute; left: -80px; top: -160px; z-index: -1; background: #f6f6f6; }
.firmaList.genelListe .solK .yazi { text-align-last: left; font-size: 16px; }
.firmaList.genelListe .sagK { width: calc(100% - 490px); }
.firmaList.genelListe li { width: calc(33.33% - 20px); padding: 0; margin: 0 0 40px 0; }
.firmaList.genelListe li h4 { width: auto; position: absolute; left: 20px; bottom: 20px; font-size: 20px; line-height: 26px; font-weight: 300; color: #fff; letter-spacing: 1px; text-transform: uppercase; }
.firmaList.genelListe .pages { margin: 40px 0 0 0; }
.firmaList.genelListe .pages span { width: 24px; height: 4px; float: left; position: relative; background: #595a56; margin-right: 9px; }
.firmaList.genelListe .pages span:last-child { margin-right: 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: url(../images/ilet01.webp) no-repeat center;background-size: cover;z-index: 45;padding: 60px 0;border-top-left-radius: 30px;overflow: hidden;}
.iletBari.genelListe li:nth-child(2n) {align-items: flex-start;background-image: url(../images/ilet02.webp);border-top-left-radius: 0;border-top-right-radius: 30px;}
.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-family: 'qui'; font-size: 32px; line-height: 33px; font-weight: 600; color: #fff; text-transform: lowercase; }
.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-family: 'play'; 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; }



.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; overflow: visible; font-size: 16px; line-height: 16px; color: #484848; background: #fff; padding: 10px 19px; margin: 0px 0px 0 0; border-radius: 45px; }
.bayPo .bayPoTab .poMenu ul li a.active { background: #f2f2f2; }
.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; padding: 0; margin: 0 0 0px 0; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; }
.bayPo .bayPoTab .poKapsa ul li.genel { opacity: 1 !important; height: 320px; z-index: 99; background: #fff; }



.isDetay.genelListe { padding: 0px; }
.isDetay.genelListe .inner { flex-direction: column; }
.isDetay.genelListe .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 70px 0; }
.isDetay.genelListe .slot:last-child { margin-bottom: 0; }
.isDetay.genelListe .slot .yazi { width: 940px; }
.isDetay.genelListe .slot .kSlot { width: 100%; float: left; position: relative; }
.isDetay.genelListe .poKapsa li { width: calc(50% - 20px); height: 600px; }
.isDetay.genelListe .poKapsa li a { height: 100%; padding: 20px 20px; border: solid 1px #d0d0d0; }
.isDetay.genelListe .poKapsa li .resim { height: 100%; overflow: hidden; }
.isDetay.genelListe .poKapsa li .resim figure { width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
.isDetay.genelListe .poKapsa 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); }
.isDetay.genelListe .poKapsa li:not(.nHover):hover .resim img { top: -100%; }



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



.hizmetDetay { width: 100%; float: left; position: relative; margin: 0 0 60px 0; }
.hizmetDetay .slot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; border-bottom: solid 1px #e6e6e6; margin: 0 0 100px 0; padding: 0 0 100px 0; }
.hizmetDetay .slot:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }
.hizmetDetay .slot .yazi { width: 1000px; }