/*

¯\_(ツ)_/¯

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

*/

@charset "utf-8";


@-ms-viewport { width: device-width; }

.clear { clear: both; }
html { width: 100%; height: 100%; }
a, a img { border: none; text-decoration: none; color: #f99d1c; }
p, h1, h2, h3, h4, h5, h6, strong, b { padding: 0px; margin: 0px; font-weight: 400; }
* { outline: none; text-decoration: none; border: none; padding: 0em; list-style: none; box-sizing: border-box; }
::after, ::before { 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: 'pop',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;}



.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: #4d4d42; margin: 0 0 30px 0; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.anaBaslik .none { display: none; }
.anaBaslik p { width: 100%; float: left; font-family: 'mer'; font-size: 28px; line-height: 40px; font-weight: 300; margin: 4px 0 0 0; color: #424242; letter-spacing: 2px; text-align-last: center; }
.anaBaslik u { font-family: 'golden'; font-size: 86px; line-height: 106px; color: #005cb9; }
.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; padding: 0; }
.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: 36px; line-height: 36px; font-weight: 100; letter-spacing: 1px; }
.anaBaslik h1:after, .anaBaslik h2:after, .anaBaslik h3:after, .anaBaslik h4:after, .anaBaslik h5:after, .anaBaslik h6:after, .anaBaslik strong:after { content: ""; width: 100%; height: 1px; position: absolute; right: 0; bottom: 4px; background: #4d4d42; }
.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: 0px 0 0 84px; margin-bottom: 100px; margin: 48px 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: 23px; font-weight: 300; color: #4c4d4f; text-align: justify; }
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: dashed 1px #b5b5b5;border-radius: 45px;padding: 18px 70px;margin: 80px 0 0 0;transition: all .4s cubic-bezier(.645,.045,.355,1);filter: drop-shadow(0px 6px 7px rgba(0, 0, 0,0));background: #fff;}
main section a.link:hover {/* top: -10px; */ filter: drop-shadow(0px 6px 7px rgba(0, 0, 0, 0.2)); }



header { width: 100%; height: 122px; float: left; position: absolute; margin: 0; left: 0; top: 0; z-index: 190; padding: 30px 0; }
header .ortala { height: auto; z-index: 190; }
header.alt { position: relative; }
header.mActive .ortala { position: fixed; }
header: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.alt:after { display: none; }
header .inner { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; z-index: 966; }
header .logo { width: 180px; float: left; position: relative; }
header .logo > a { width: 100%; height: 62px; }
header .logo img { transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
header .logo img[data-role='erkek'] { opacity: 0; }
header .logo .sosyal { width: auto; float: left; position: absolute; left: 0px; bottom: -43px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 10px 0 0 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .logo .sosyal:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; top: 0px; background: #ffffff54; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .logo .sosyal a { width: auto; float: left; position: relative; font-size: 20px; line-height: 20px; color: #ffffff; margin: 0 20px 0 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .logo .sosyal a:last-child { margin-right: 0px; }
header .logo .sosyal a u { display: none; }
header .sagK { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
header .sagK .kisaYol { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; margin: 0 10px 0 0; }
header .sagK .kisaYol > div { width: auto; float: left; position: relative; margin: 0 30px 0 0; padding: 10px 30px 10px 0; border-right: solid 1px rgb(255 255 255 / 39%); transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .kisaYol > div a { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; font-size: 18px; line-height: 18px; font-weight: 200; color: #ffffff; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; text-transform: lowercase;}
header .sagK .kisaYol > div a:before { content: ""; height: 29px; float: left; position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 10px; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; -webkit-transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .kisaYol > .villa a:before { background-image: url(../images/onsiparis2.svg); width: 46px; }
header .sagK .kisaYol > .siparis a:before { background-image: url(../images/form2.svg); width: 46px; }
header .sagK .kisaYol > .yol a:before { background-image: url(../images/yoltarifi3.svg); width: 34px; }
header .sagK .kisaYol .ses { width: 162px; height: 49px; cursor: pointer; padding-right: 24px; overflow: hidden; }
header .sagK .kisaYol .ses.muted { width: 129px; }
html[lang="en"] header .sagK .kisaYol .ses {width: 131px;}
html[lang="en"] header .sagK .kisaYol .ses.muted {width: 159px;}
header .sagK .kisaYol .ses:before, header .sagK .kisaYol .ses:after { width: auto; position: absolute; left: -100%; font-size: 18px; line-height: 18px; font-weight: 200; color: #ffffff; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; top: 14px; }
header .sagK .kisaYol .ses:before { content: "sesi kapat"; }
header .sagK .kisaYol .ses.muted:after { left: 0; }
header .sagK .kisaYol .ses.muted:before { left: -100%; }
header .sagK .kisaYol .ses:before { left: 0px; }
header .sagK .kisaYol .ses:after { content: "sesi aç"; }
html[lang="en"] header .sagK .kisaYol .ses:before { content: "muted"; }
html[lang="en"] header .sagK .kisaYol .ses:after { content: "un muted"; }
header .sagK .kisaYol .ses span { width: 32px; height: 32px; float: left; position: absolute; right: 22px; top: calc(50% - 16px); background: url(../images/ses2.svg) no-repeat left center; background-size: 15px; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .kisaYol .ses span:after, header .sagK .kisaYol .ses span:before { content: ""; position: absolute; width: 1px; height: 10px; background-color: #ffffff; transition: transform .3s ease; transform-origin: top center; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; -webkit-transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; }
header .sagK .kisaYol .ses span:after { top: 11px; left: 28px; }
header .sagK .kisaYol .ses span:before { top: 13px; left: 24px; transform: scaleY(.6); }
header .sagK .kisaYol .ses.muted span:after { transform: skewX( -45deg) translateX(5px); }
header .sagK .kisaYol .ses.muted span:before { transform: scale(1) skewX( 45deg) translate(1px,-2px); }
header.alt .sagK .kisaYol .ses { display: none; }
header .sagK .menuBar { width: auto; float: left; }
header .dil { width: auto; position: absolute; right: 0; bottom: -91px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
header .dil:before { content: ""; width: 1px; height: 30px; background: #ffffff4a; margin: 0 0 14px 0; float: left; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
header .dil ul { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
header .dil ul li { margin: 0 0 5px 0; position: relative; }
header .dil ul li:last-child { margin-bottom: 0; }
header .dil ul li a { font-size: 14px; line-height: 14px; color: #fff; position: relative; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
header .dil ul li a:after { content: ""; width: 4px; height: 4px; position: absolute; right: -12px; top: calc(50% - 2px); background: #fff; border-radius: 100%; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s;}
header .dil ul li.active a:after { opacity: 1; }


header.koyu.mActive .dil:before {background: #ffffff4a;}
header.koyu.mActive .dil ul li a {color: #6e6e6e;}
header.koyu.mActive .dil ul li a:after {background:#6e6e6e}

header.koyu.cActive .dil:before {background: #8383834a;}
header.koyu.cActive .dil ul li a {color: #fff;}
header.koyu.cActive .dil ul li a:after {background: #fff;}




header.koyu .logo img[data-role='erkek'] { display: initial; opacity: 1; }
header.koyu .logo img[data-role='disi'] { opacity: 0; }
header.koyu .logo .sosyal:before { background: #7a7a7a; }
header.koyu .logo .sosyal a { color: #7a7a7a; }

header.koyu .sagK .kisaYol > div { border-right-color: #d3d3d3; }
header.koyu .sagK .kisaYol .ses:before, header.koyu .sagK .kisaYol .ses:after { color: #7a7a7a; }
header.koyu .sagK .kisaYol .ses span { background-image: url(../images/ses.svg); }
header.koyu .sagK .kisaYol .ses span:after, header.koyu .sagK .kisaYol .ses span:before { background-color: #7a7a7a; }
header.koyu .sagK .kisaYol > div a { color: #494949; }
header.koyu .sagK .kisaYol > .villa a:before { background-image: url(../images/onsiparis.svg); }
header.koyu .sagK .kisaYol > .siparis a:before { background-image: url(../images/form.svg); }
header.koyu .sagK .kisaYol > .yol a:before { background-image: url(../images/yoltarifi.svg); }
header.koyu a.kmenu:before, header.koyu a.kmenu:after, header.koyu a.kmenu span { background: #7a7a7a; }
header.koyu a.kmenu u { color: #494949; }


header.koyu.cActive .sagK .kisaYol > div { border-right-color: #ffffff6e; }
header.koyu.cActive .sagK .kisaYol .ses span { background-image: url(../images/ses2.svg); }
header.koyu.cActive .sagK .kisaYol .ses:before, header.koyu.cActive .sagK .kisaYol .ses:after { color: #fff; }
header.koyu.cActive .sagK .kisaYol .ses span:after, header.koyu.cActive .sagK .kisaYol .ses span:before { background-color: #ffffff; }
header.koyu.cActive .sagK .kisaYol > div a { color: #ffffff; }
header.koyu.cActive .sagK .kisaYol > .siparis a:before { background-image: url(../images/onsiparis2.svg); }
header.koyu.cActive .sagK .kisaYol > .yol a:before { background-image: url(../images/yoltarifi2.svg); }
header.koyu.cActive a.kmenu:before, header.koyu.cActive a.kmenu:after, header.koyu.cActive a.kmenu span { background: #ffffff; }
header.koyu.cActive a.kmenu u { color: #ffffff; }



header.koyu.tActive .logo img[data-role='erkek'] { opacity: 0; }
header.koyu.tActive .logo img[data-role='disi'] { opacity: 1; }
header.koyu.tActive .logo .sosyal:before { background: #ffffff; }
header.koyu.tActive .logo .sosyal a { color: #ffffff; }



@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:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: url(../images/k-imge2.svg) no-repeat center; background-size: contain; z-index: 9; opacity: 0; transition: all .8s cubic-bezier(.645,.045,.355,1) 0s; visibility: hidden; transform: translateY(40px); background-size: 480px; }
.menuWrap.active .kapsa:after { opacity: 0.2; transform: translateY(0) !important; transition-delay: .45s; visibility: visible; }
.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: 160px; padding-bottom: 140px; }
.menuWrap.active { opacity: 1; pointer-events: auto; visibility: visible; }
.menuWrap:before, .menuWrap:after { content: ""; background: #312c22; height: 0; position: absolute; }
.menuWrap:before { left: 0; bottom: 100%; width: 50%; height: 100%; z-index: 0; transition: all .69s cubic-bezier(.645,.045,.355,1) 0s; background: rgb(255 255 255 / 98%); }
.menuWrap:after { bottom: 0; right: 0; width: 50%; height: 0%; z-index: 0; transition: all .6s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; background: rgb(245 245 245 / 98%); }
.menuWrap.active:before { /* width: 100%; */ transition-delay: 0s; /* top: -100%; */ /* height: 0; */ bottom: 0; }
.menuWrap.active:after { height: 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 80px; }
.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: flex-start; justify-content: center; padding-left: 0; }
.menuWrap .mobMenu ul li { width: 50%; float: left; position: relative; margin: 0 0 0px 0; }
.menuWrap .mobMenu ul li:last-child { margin-bottom: 0; }
.menuWrap .mobMenu ul li:nth-child(2n) a { text-align: left; padding-right: 0; padding-left: 50px; }
.menuWrap .mobMenu ul li.mobKont { display: none; }
.menuWrap.cActive .mobMenu ul li:nth-child(2n) a { color: #bcbcbc; }
.menuWrap.cActive .mobMenu ul li:nth-child(2n) a:hover { color: #fff; }
.menuWrap .mobMenu ul li a { width: auto; float: left; transition: all .3s cubic-bezier(.77,0,.175,1); /* font-family: 'has'; */ font-family: 'Playfair Display', serif; font-size: 56px; line-height: 63px; font-weight: 300; color: #acacac; letter-spacing: 1px; /* text-transform: uppercase; */ text-align: right; padding-right: 50px; padding-bottom: 21px; text-transform: lowercase;}
.menuWrap .mobMenu ul li a:hover { color: #957948; }
.menuWrap .mobMenu ul li:nth-child(2n-1) a { float: right; }
.menuWrap.tActive .mobMenu ul li:nth-child(2n-1) a { color: #0a2a4f; }
.menuWrap.tActive .mobMenu ul li:nth-child(2n-1) a:hover { color: #fff; }
.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.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; }
.menuWrap .bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 8; }
.menuWrap .bg > div { width: 50%; height: 100%; position: absolute; top: 0px; }
.menuWrap .bg > div:first-child { left: 0px; }
.menuWrap .bg > div:last-child { right: 0px; }
.menuWrap .bg > div > div { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all .4s cubic-bezier(.645,.045,.355,1) 0s; background-repeat: no-repeat; background-size: cover; background-position: center; }
.menuWrap .bg .sol { opacity: 0; background: #195da9; transition: all .4s cubic-bezier(.645,.045,.355,1) 0s; }
.menuWrap.tActive .bg .sol { opacity: 1; }
.menuWrap .bg .sol.active { opacity: 1; }
.menuWrap .bg .sag div { opacity: 0; }
.menuWrap .bg .sag div.active { opacity: 1; }
.menuWrap .bg > div > div.active { opacity: 1; }
.menuWrap .bg .sag div:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(30, 33, 40, 0.73); }



.sliderWrap { width: 100%; height: 100vh; float: left; position: relative; }
.sliderWrap .bilgiler { width: calc(100% - 550px); height: 140px; position: absolute; right: 0px; bottom: 0px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 80px 0 0px; }
.sliderWrap .bilgiler > div { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
.sliderWrap .bilgiler > div .resmi { width: 90px; height: 90px; float: left; border-radius: 100%; border: solid 1px #b3b3b3; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #fff; }
.sliderWrap .bilgiler > div .resmi img { max-width: calc(100% - 43px); max-height: calc(100% - 43px); width: auto; height: auto; }
.sliderWrap .bilgiler > div .kapsa { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; margin: 0 0 0 17px; color: #7a7a7a; }
.sliderWrap .bilgiler > div .kapsa strong { font-size: 22px; line-height: 22px; font-weight: 300; }
.sliderWrap .bilgiler > div .kapsa p { font-size: 12px; }
.sliderWrap .bilgiler > div:nth-child(2) { flex-direction: column; justify-content: center; text-align: center; margin: -92px 0 0 0; }
.sliderWrap .bilgiler > div:nth-child(2) .resmi { border-color: #fff; }
.sliderWrap .bilgiler > div:nth-child(2) .kapsa { margin: 17px 0 0 0px; }
.sliderWrap .bilgiler > div:nth-child(3) { flex-direction: row-reverse; text-align: right; }
.sliderWrap .bilgiler > div:nth-child(3) .kapsa { margin: 0 17px 0 0; }



.slider { width: 100%; height: 100%; float: left; position: absolute; left: 0px; top: 0px; }
.slider ul, .slider ul li {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;}
.slider ul li .bg { width: 100%; height: 100%; position: absolute; right: 0px; top: 0px; }
.slider ul li .bg img { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; object-fit: cover; object-position: top center; }
.slider ul li .kapsa {width: 469px;float: left;position: absolute;display: flex;flex-wrap: wrap;flex-direction: column-reverse;align-items: flex-end;justify-content: flex-end;z-index: 99;}
.slider ul li .kapsa strong {width: 100%;float: left;font-family: 'bon';font-weight: normal;display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;padding: 0 30px 0 0;font-style: normal;font-size: 164px;line-height: 164px;color: #fff;}
.slider ul li .kapsa .logo {
    width: 170px;
    float: left;
    position: relative;
    margin: -40px 0 0 0;
}
.slider ul li .kapsa strong u { font-style: normal; font-size: 104px; line-height: 104px; color: #195da9; padding: 0 30px 0 0; }
.slider ul li .kapsa strong i { font-style: normal; font-size: 80px; line-height: 80px; color: #9c8255; }
.slider ul li .kapsa .kesfet { width: auto; float: left; position: relative; font-size: 20px; line-height: 20px; font-weight: 300; color: #fff; background: #195da9; padding: 13px 24px; margin: 30px 0 0 0; }
.slider ul li video { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }



.kurumsal { padding: 100px 0; margin: 0 0 100px 0; }
.kurumsal:before { content: ""; width: 100%; height: 101px; position: absolute; left: 0px; top: calc(60% - 50px); background: rgb(255 255 255); background: linear-gradient(180deg, rgb(248 248 248) 0%, rgba(255,255,255,0) 100%); }
.kurumsal:after { content: ""; width: 100%; height: calc(60% - 50px); position: absolute; left: 0px; top: 0px; background: #f8f8f8; z-index: -1; }
.kurumsal .solK { width: 48%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; z-index: 45; }
.kurumsal .solK:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/cmbr.svg) no-repeat center; z-index: -1; animation: resmi2 89s linear infinite; }
html[lang="en"] .kurumsal .solK:after {background-image: url(../images/cmbr_en.svg);}
.kurumsal .solK ul.icon { width: calc(100% - 300px); height: calc(100% - 300px); position: absolute; border-radius: 100%; border: solid 1px #fff; z-index: 6; }
.kurumsal .solK ul.icon li { width: 100%; height: 2px; position: absolute; left: 0px; top: calc(50% - 1px); transform: rotate( 0deg ); /* transition: all .9s cubic-bezier(0.52, 0.48, 1, 1) 0s; */ z-index: 0; opacity: 1; }
.kurumsal .solK ul.icon li .resmi { width: 100px; height: 100px; position: absolute; left: -50px; top: -50px; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; cursor: pointer; }
.kurumsal .solK ul.icon li.active .resmi { cursor: default; }
.kurumsal .solK ul.icon li .resmi span { width: 0%; height: 0%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; border-radius: 100%; background: #fff; }
.kurumsal .solK ul.icon li .resmi span i { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; background-size: calc(100% - 50px) calc(100% - 50px); background-repeat: no-repeat; background-position: center; border-radius: 100%; }
.kurumsal .solK ul.icon li .resmi span.test { width: 0%; height: 0%; }
.kurumsal .solK ul.icon li .resmi img { max-width: calc(100% - 40px); max-height: calc(100% - 40px); width: auto; height: auto; transition: all .2s cubic-bezier(0.52, 0.48, 1, 1) 0s; z-index: 5; opacity: 0; /* opacity: 1; */ }
.kurumsal .solK ul.yazi { width: calc(100% - 300px); height: calc(100% - 300px); position: absolute; border-radius: 100%; overflow: hidden; }
.kurumsal .solK ul.yazi li { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; color: #fff; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; opacity: 0; padding: 0 50px; }
.kurumsal .solK ul.yazi li .bilgi { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; text-shadow: 2px 2px 4px rgb(0 0 0 / 72%); }
.kurumsal .solK ul.yazi li .bilgi u { font-size: 46px; line-height: 46px; font-weight: 300; }
.kurumsal .solK ul.yazi li .bilgi u i { font-style: normal; font-size: 26px; }
.kurumsal .solK ul.yazi li .mesafe { width: 100%; float: left; font-size: 56px; line-height: 56px; font-weight: bold; margin: 0; padding: 0; text-align: center; text-shadow: 2px 2px 4px rgb(0 0 0 / 72%); }
.kurumsal .solK ul.pages { width: calc(100% - 300px); height: calc(100% - 300px); position: absolute; border-radius: 100%; border: solid 1px #fff; }
.kurumsal .solK ul.pages li { width: 100%; height: 2px; position: absolute; left: 0px; top: calc(50% - 1px); transform: rotate( 0deg ); transition: all .9s cubic-bezier(0.52, 0.48, 1, 1) 0s; cursor: pointer; }
.kurumsal .solK ul.pages li:after { content: ""; width: 20px; height: 20px; position: absolute; left: -10px; top: -10px; border-radius: 100%; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #fefff8; }
.kurumsal .solK .bg { width: 100%; float: left; position: relative; animation: resmi 89s linear infinite; padding: 56px; }
.kurumsal .solK .bg img { width: 100%; float: left; }
.kurumsal .sagK { width: 52%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; padding: 0 0 0 50px; }
.kurumsal .sagK .bilgisi { display: none; }
.kurumsal .sagK .kapsa { width: 100%; float: left; position: relative; }
.kurumsal .sagK .kapsa i { font-size: 22px; line-height: 22px; font-weight: 200; }
.kurumsal .sagK .slogan { width: 100%; float: left; position: relative; z-index: 95; }
.kurumsal .sagK .slogan img { width: 100%; float: left; }
.kurumsal video { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; bottom: -180px; }



.videoAlani { z-index: 64; }
.videoAlani:after, .videoAlani:before { content: ""; width: calc(50% - 650px); height: 242px; position: absolute; background: url(../images/vdcrcv.svg) repeat-x center; z-index: -1; background-size: cover; }
.videoAlani:after { right: 0; bottom: 414px; }
.videoAlani:before { left: 0; top: 50px; }
.videoAlani .videoWrap { width: 100%; float: left; position: relative; }
.videoAlani .videoWrap:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: solid 14px #185da9; box-sizing: border-box; z-index: 4; }
.videoAlani .video { width: 100%; float: left; position: relative; z-index: 20; }
.videoAlani .video:before { content: ""; width: 690px; height: 675px; position: absolute; left: -117px; bottom: -119px; background: url(../images/vdsol.webp); z-index: 6; }
.videoAlani .video:after { content: ""; width: 690px; height: 675px; position: absolute; right: -117px; top: -119px; background: url(../images/vdsag.webp); z-index: 6; }
.videoAlani .video video { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; object-fit: cover; padding: 34px; z-index: 9; }
.videoAlani .ses { width: 60px; height: 60px; position: absolute; left: 50px; bottom: 50px; z-index: 45; cursor: pointer; /* border: solid 1px #ffffff; */ /* border-radius: 100%; */ }
.videoAlani .ses:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: dashed 1px #fff; border-radius: 100%; animation: resmi 40s linear infinite; animation-direction: alternate-reverse; }
.videoAlani .ses span { width: 32px; height: 32px; position: absolute; left: calc(50% - 16px); top: calc(50% - 16px); background: url(../images/ses2.svg) no-repeat left center; background-size: 15px; }
.videoAlani .ses span:after, .videoAlani .ses span:before { content: ""; content: ""; position: absolute; width: 1px; height: 10px; background-color: #fff; transition: transform .3s ease; transform-origin: top center; }
.videoAlani .ses span:after { top: 11px; left: 28px; }
.videoAlani .ses span:before { top: 13px; left: 24px; transform: scaleY(.6); }



.videoAlani .ses.muted span:after { transform: skewX( -45deg) translateX(5px); }
.videoAlani .ses.muted span:before { transform: scale(1) skewX( 45deg) translate(1px,-2px); }
.videoAlani .aciklama { width: 960px; float: left; position: relative; background: #f8f8f8; padding: 220px 60px 0 60px; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; z-index: 10; }
.videoAlani .aciklama:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: -59px; background: url(../images/vdas.webp) no-repeat top center; }
.videoAlani .aciklama .anaBaslik { margin: 0; }
.videoAlani .aciklama .slogan { width: 740px; float: left; position: relative; max-width: 100%; margin: 0 0 40px 0; }
.videoAlani .aciklama .slogan img { width: 100%; float: left; }
.videoAlani .aciklama .anaBaslik p { text-align: center; margin: 0 0 30px 0; }
.videoAlani .aciklama .anaBaslik i { font-family: 'moon'; font-style: normal; font-size: 106px; line-height: 106px; color: #185da9; margin: 0 0 -36px 0; }
.videoAlani .aciklama .anaBaslik i.logo { width: 210px; }



.sosyalAlanlar { width: 100%; float: left; position: relative; margin: 198px 0 0 0; }
.sosyalAlanlar .alanList.genelListe { margin: 0 0 90px 0; }
.sosyalAlanlar .alanList.genelListe .kapsa { width: 100%; float: left; position: relative; }
.sosyalAlanlar .alanList.genelListe ul:not(.swiper-wrapper) { padding: 0; justify-content: center; }
.sosyalAlanlar .alanList.genelListe li { width: auto; margin: 0 35px 0 0; padding: 8px 35px 8px 0; left: 0 !important; transition: all .69s cubic-bezier(.645,.045,.355,1) 0s; overflow: hidden; border-right: solid 1px #979797; }
.sosyalAlanlar .alanList.genelListe li.active { color: #185da9; }
.sosyalAlanlar .alanList.genelListe li:last-child { margin-right: 0px; padding-right: 0px; border-right: 0; }
.sosyalAlanlar .alanList.genelListe ul li:after { content: ""; /* width: 0; */ height: 1px; position: absolute; left: 0; bottom: 0; background: #185da9; /*transition:all .69s cubic-bezier(.645,.045,.355,1) 0s*/ /* opacity: 0; */ }
.sosyalAlanlar .alanList.genelListe ul li.active:after { animation: bayOz 2s cubic-bezier(.645,.045,.355,1) infinite; }
.sosyalAlanlar .alanList.genelListe li .kapsul { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; }
.sosyalAlanlar .alanList.genelListe li .resim { opacity: 0.7; transition: all .69s cubic-bezier(.645,.045,.355,1) 0s; display: none; }
.sosyalAlanlar .alanList.genelListe li .resim img { width: auto; height: 40px; transition: all .69s cubic-bezier(.645,.045,.355,1); left: 0; }
.sosyalAlanlar .alanList.genelListe li.active .resim { opacity: 1; }
.sosyalAlanlar .alanList.genelListe li.active .resim img { left: 20%; }
.sosyalAlanlar .alanList.genelListe li h6 { font-family: 'Playfair Display', serif; font-size: 20px; line-height: 23px; color: #636363; }
.sosyalAlanlar .alanList.genelListe li.active h6 { color: #195da9; }
.sosyalAlanlar .resmi { width: 100%; float: left; position: relative; padding: 0 80px; }
.sosyalAlanlar .resmi img { width: 100%; height: 100%; object-fit: cover; }


@keyframes bayOz {

	0% { width: 5%; left: 0; opacity: 1; }
	30% { width: 50%; }
	90% { width: 100%; left: 100%; }
	100% { width: 100%; left: 0%; opacity: 0; }

	100% { stroke-dashoffset: 0; fill: #967949; stroke-width: 0; }
}


.anaGaleri.genelListe { margin: 150px 0 0 0; }
.anaGaleri.genelListe .alt { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; }
.anaGaleri.genelListe .yazi { text-align: center; }
.anaGaleri.genelListe .ust { width: 100%; float: left; position: relative; margin: 0 0 80px 0; }
.anaGaleri.genelListe .ust .kapsa { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 50px 0 0 0; }
.anaGaleri.genelListe .ust .kapsa:after { content: ""; width: 256px; height: 1px; position: absolute; left: calc(50% - 128px); top: 0px; background: #4c4d4f; }
.anaGaleri.genelListe .kapsa { width: 100%; float: left; position: relative; }
.anaGaleri.genelListe li { width: 33.33%; padding: 0px; transform: scale(0.85); }
.anaGaleri.genelListe li.swiper-slide-active { transform: scale(1); }



.footer { width: 100%; float: left; position: relative; padding: 130px 0 0px 0; }
.footer .inner { width: 100%; height: 100%; float: left; position: relative; }
.footer .ust { width: 100%; height: calc(100% - 127px); float: left; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 0 330px 0; z-index: 150;}
.footer .ust .baslik { width: 100%; float: left; position: relative; padding: 70px 30px 0 30px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 0 0 80px 0; }
.footer .ust .baslik strong { font-family: 'golden'; font-size: 65px; line-height: 35px; font-weight: 400; color: #005cb9; text-align: center; }
.footer .ust .baslik strong u { font-family: 'pop',sans-serif; font-size: 35px; line-height: 34px; font-weight: 300; letter-spacing: 1.5px; color: #4d4d42; }
.footer .ust .baslik:after { content: ""; width: 256px; height: 1px; position: absolute; left: calc(50% - 128px); top: 0px; background: #4c4d4f; }
.footer .iletisim { width: 100%; float: left; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.footer .iletisim .slot { width: 570px; height: 310px; float: left; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: space-between; margin: 0 90px 0 0; }
.footer .iletisim .slot:last-child { margin-right: 0px; }
.footer .iletisim .slot > * { width: 100%; float: left; position: relative; }
.footer .iletisim .slot h6 { font-size: 39px; line-height: 39px; font-weight: 100; color: #4d4d42; text-align: center; }
.footer .iletisim .slot h6:before { content: ""; width: 44px; height: 50px; position: absolute; bottom: 6px; background-repeat: no-repeat; background-size: contain; }
.footer .iletisim .slot.telefon h6:before { background-image: url(../images/telefon2.svg); left: 0; background-position: left bottom; }
.footer .iletisim .slot.yol h6:before { background-image: url(../images/yoltarifi2.svg); right: 0; background-position: right bottom; }
.footer .iletisim .slot h6:after { content: ""; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 5px; background: #4d4d42; }
.footer .iletisim .slot p { font-size: 24px; line-height: 34px; font-weight: 200; color: #898988; text-align: center; }
.footer .iletisim .slot a { font-size: 30px; line-height: 30px; font-weight: 300; color: #4d4d42; text-align: center; }
.footer .alt { width: 100%; height: 127px; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; padding: 50px 100px; z-index: 20; }
.footer .alt:before { content: ""; width: 100%; height: 625px; position: absolute; left: 0px; bottom: 0px; background: url(../images/footer3.png) top center no-repeat; z-index: -1; background-size: cover; }
.footer .alt .bilgi { font-size: 15px; line-height: 15px; font-weight: 300; color: #ffffff; padding-right: 10px; text-shadow: 2px 1px 0px #00000063; }
.footer .alt .kosen { width: auto; padding: 0 20px; position: absolute; left: calc(50% - 135px); }
.footer .alt .kosen a { width: auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.footer .alt .kosen img { width: 200px; }
.footer .alt .kosen i { font-family: 'Playfair Display', serif; font-size: 20px; line-height: 20px; color: #ffffff; border-left: solid 2px #fff; padding: 0 0 0 15px; margin: 0 0 0 14px; }
.footer .alt .kosen i.mob { display: none; }
.footer .alt .qBrand { width: 100px; padding-left: 15px; }



.sliderWrap { width: 100%; height: 100vh; position: relative; }
.sliderWrap.katWrap { height: 70px; margin: 0 0 0 0; position: absolute; left: 0; top: 50px; }
.sliderWrap.katWrap .katResim { width: auto; position: absolute; left: 118px; top: 0; transform-origin: left top; transform: rotate(90deg); }
.sliderWrap.katWrap .anaBaslik { margin: 0; padding: 0; }
.sliderWrap.katWrap .anaBaslik h1, .sliderWrap.katWrap .anaBaslik strong { width: max-content; padding: 0 60px 0 0px; transform: rotate(180deg); text-transform: lowercase;}
.sliderWrap.katWrap .anaBaslik:after { content: ""; width: 113px; height: 100px; position: absolute; right: -77px; top: 18px; background: url(../images/imge.svg) no-repeat; opacity: 0.11; }



.kesfet { width: 100%; float: left; position: relative; }
.kesfet .inner { align-items: initial; align-content: center; }
.kesfet .slot { width: 100%; float: left; position: relative; }
.kesfet .slot:last-child { margin-bottom: 0; }
.kesfet .solKisim { width: 41%; float: left; position: relative; transition: all .6s cubic-bezier(.645,.045,.355,1); }
.kesfet .solKisim .resmi { width: 100%; height: 100%; float: left; position: relative; border: solid 1px #e5e5e5; overflow: hidden; transition: all .6s cubic-bezier(.645,.045,.355,1); }
.kesfet .solKisim .resmi figure { width: 100%; height: 100%; float: left; position: absolute; left: 0px; top: 0; min-height: 100px; transition: all .6s cubic-bezier(.645,.045,.355,1); pointer-events: none; opacity: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; z-index: 99; cursor: pointer; }
.kesfet .solKisim .resmi figure.active { top: 0; opacity: 1; pointer-events: auto; visibility: visible; position: relative; z-index: 101; }
.kesfet .solKisim .resmi img { width: 100%; float: left; position: absolute; left: 0; top: 0; min-height: 100px; transition: all .6s cubic-bezier(.645,.045,.355,1); pointer-events: none; opacity: 0; padding: 30px; }
.kesfet .solKisim .resmi img.active { opacity: 1; pointer-events: auto; visibility: visible; position: relative; left: 0; top: 0; }
.kesfet .solKisim .bilgi { width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; transition: all .6s cubic-bezier(.645,.045,.355,1); display: none; }
.kesfet .solKisim .bilgi .tip { display: none; }
.kesfet .solKisim .bilgi .tip a { width: auto; float: left; position: relative; font-size: 25px; line-height: 25px; font-weight: 200; color: #6d6d6d; margin: 0; padding: 18px 22px; background: #ffffff; border-radius: 45px; opacity: 0.4; transition: all .6s cubic-bezier(.645,.045,.355,1); }
.kesfet .solKisim .bilgi .tip a.active { background: #f5f5f5; color: #6d6d6d; opacity: 1; }
.kesfet .solKisim .bilgi .tip a:last-child { margin-right: 0px; }
.kesfet .solKisim .bilgi .zoom { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.kesfet .solKisim .bilgi .zoom a { width: 100%; height: 100%; float: left; position: absolute; left: 0; top: 0; }
.kesfet .sagKisim { width: 59%; float: right; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; padding: 0px 0 0 50px; }
.kesfet .sagKisim .slot { width: 100%; float: left; position: relative; margin: 0 0 30px 0; }
.kesfet .sagKisim .slot:last-child { margin-bottom: 0; }
.kesfet .sagKisim .baslik { margin: 0 0 30px 0; }
.kesfet .sagKisim .baslik a { width: auto; float: left; position: relative; font-size: 26px; line-height: 26px; font-weight: 300; color: #858585; border-right: solid 1px #d9d9d9; padding: 0 30px 0 0; margin: 0 30px 0 0; transition: all .6s cubic-bezier(.645,.045,.355,1); }
.kesfet .sagKisim .baslik a.active { color: #185da9; }
.kesfet .sagKisim .baslik a:last-child { margin-right: 0px; padding-right: 0px; border-right: 0px; }
.kesfet .sagKisim .ozellik.genelListe { margin: 20px 0 0 0; }
.kesfet .sagKisim .ozellik.genelListe .wrap { width: 100%; float: left; position: relative; min-height: 537px; overflow: hidden; padding: 0px 0 0 0; }
.kesfet .sagKisim .ozellik.genelListe .wrap .listSlot { width: 100%; float: left; position: absolute; left: 100%; top: 0px; transition: all .6s cubic-bezier(.645,.045,.355,1); pointer-events: none; opacity: 0; padding: 13px 0 0 0; }
.kesfet .sagKisim .ozellik.genelListe .wrap .listSlot.active { opacity: 1; pointer-events: auto; visibility: visible; position: relative; left: 0; }
.kesfet .sagKisim .ozellik.genelListe li { width: 33.33%; float: left; padding: 0; margin: 0 0 40px 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; }
.kesfet .sagKisim .ozellik.genelListe li .resim { width: 78px; height: 78px; border-radius: 100%; border: solid 1px #d7d7d7; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.kesfet .sagKisim .ozellik.genelListe li .resim img { width: auto; height: auto; max-width: calc(100% - 34px); max-height: calc(100% - 34px); margin-right: 4px; }
.kesfet .sagKisim .ozellik.genelListe li .resim span { width: 25px; height: 25px; position: absolute; right: 9px; top: -12px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #185da9; border-radius: 100%; font-size: 14px; line-height: 14px; color: #fff; }
.kesfet .sagKisim .ozellik.genelListe li .bilgi { width: auto; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; }
.kesfet .sagKisim .ozellik.genelListe li .bilgi h6 { width: auto; background: #fff; font-size: 20px; line-height: 20px; font-weight: 200; color: #4d4d42; margin: 0 0 0 -12px; }
.kesfet .sagKisim .ozellik.genelListe li .bilgi p { width: auto; margin: 5px 0 0 5px; }
.kesfet .sagKisim .ozellik.genelListe li .bilgi p span { font-size: 16px; line-height: 16px; font-weight: 500; color: #586164; border-right: solid 1px #939595; margin: 0 7px 0 0; padding: 0 7px 0 0; }
.kesfet .sagKisim .ozellik.genelListe li .bilgi p span:last-child { padding-right: 0px; margin-right: 0px; border-right: 0; }
.kesfet .sagKisim .toplamAlani { width: 100%; float: left; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: revert; }
.kesfet .sagKisim .toplamAlani:after { content: ""; width: calc(100% - 360px); height: 1px; position: absolute; right: 0px; top: calc(50% - 0.5px); background: #e9e9e9; }
.kesfet .sagKisim .toplamAlani > div { display: flex; flex-direction: column; align-items: center; margin: 0 30px 0 0; padding: 0 30px 0 0; border-right: solid 1px #d8d9d4; }
.kesfet .sagKisim .toplamAlani > div:last-child { margin-right: 0px; padding-right: 0px; border-right: 0; }
.kesfet .sagKisim .toplamAlani > div strong { font-size: 15px; line-height: 15px; font-weight: 600; }
.kesfet .sagKisim .toplamAlani > div span { font-size: 28px; line-height: 28px; font-weight: 200; margin: 11px 0 0 0; }
.kesfet .solKisim .resmi figure.buyut { position: fixed; }
.kesfet .solKisim .resmi figure.buyut:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000000bf; z-index: 99; }
.kesfet .solKisim .resmi figure.buyut img { z-index: 99999; max-width: calc(100% - 150px); max-height: calc(100% - 150px); width: auto; height: auto; background: #fff; box-shadow: 0px 0px 30px rgb(0 0 0 / 34%); }
.iBuyut { position: fixed; z-index: 9999; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; transition: all .6s cubic-bezier(.645,.045,.355,1); opacity: 0; backdrop-filter: blur(5px); pointer-events: none; visibility: hidden; cursor: pointer; }
.iBuyut:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: all .7s cubic-bezier(.645,.045,.355,1) 0.9s; /* background: #0b1e34bf; */ /* background: #fff; */ z-index: -1; }
.iBuyut img { max-width: calc(100% - 30px); max-height: calc(100% - 30px); width: auto; height: auto; transition: all .6s cubic-bezier(.645,.045,.355,1); box-shadow: 0px 0px 0px #000; }
.iBuyut.active { width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; opacity: 1; pointer-events: auto; visibility: visible; }
.iBuyut.active img { max-width: calc(100% - 200px); max-height: calc(100% - 200px); background: #fff; padding: 30px; box-shadow: 0px 0px 40px rgb(0 0 0 / 37%); }




.ozellikler.genelListe .kapsa { width: 100%; float: left; position: relative; }
.ozellikler.genelListe .anaBaslik h2 { font-family: 'Playfair Display', serif; color: #195da9; padding: 0 30px; /* display: none; */ }
.ozellikler.genelListe .anaBaslik h2:after { background: #195da9; bottom: 2px; }
.ozellikler.genelListe li { width: calc(50% - 20px); padding: 0 0 40px 0; margin: 0 0 40px 0; }
.ozellikler.genelListe li:after { content: ""; width: calc(100% - 50px); height: 1px; position: absolute; left: 0; bottom: 0; background: #e5e5e5; z-index: 20; }
.ozellikler.genelListe li .resim { margin: 0 0 30px 0; FONT-VARIANT: JIS04; }
.ozellikler.genelListe li h6 { width: 100%; float: left; position: relative; font-size: 22px; line-height: 22px; font-weight: 300; color: #4d4d42; margin: 0 0 14px 0; }



.villsTanitim.genelListe { margin: 0; }
.villsTanitim.genelListe .kSlot { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; /* margin: 0 0px 50px 0; */ }
.villsTanitim.genelListe .kSlot:last-child { margin-bottom: 0px; }
.villsTanitim.genelListe .kSlot .anaBaslik h2 { font-family: 'Playfair Display', serif; color: #195da9; padding: 0 30px; }
.villsTanitim.genelListe .kSlot .anaBaslik h2:after { background: #195da9; bottom: 2px; }
.villsTanitim.genelListe .kSlot .sKapsa { width: 100%; float: left; position: relative; margin: 30px 0 0 0; }
.villsTanitim.genelListe ul:not(.swiper-wrapper) { align-items: flex-start; }
.villsTanitim.genelListe li { width: calc(50% - 20px); padding: 0 0 40px 0; margin: 0 0 40px 0; }
.villsTanitim.genelListe li h6 { width: 100%; float: left; position: relative; font-size: 22px; line-height: 22px; font-weight: 300; color: #4d4d42; margin: 0 0 14px 0; }
.villsTanitim.genelListe li .yazi { padding: 0; }
.villsTanitim.genelListe li:after { content: ""; width: calc(100% - 50px); height: 1px; position: absolute; left: 0; bottom: 0; background: #e5e5e5; z-index: 20; }
.villsTanitim.genelListe li .resim { margin: 0 0 30px 0; }
.villsTanitim.genelListe li:nth-child(2n):after { left: inherit; right: 0; }
.villsTanitim.genelListe li:nth-child(2n) h6 { text-align: right; }
.villsTanitim.genelListe li:nth-child(2n) .yazi { text-align: right; }



.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; padding: 0 0 9px 0; margin: 0; border: solid 1px transparent; border-radius: 45px; overflow: visible; border-color: transparent; font-size: 26px; line-height: 26px; font-weight: 300; color: #c1c1c1; }
.bayPo .bayPoTab .poMenu ul li a.active { color: #313131; }
.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.ornekVilla li { margin: 0 0 30px 0 }
.projeListV2.genelListe.ornekVilla .poMenu {display:none}
.projeListV2.genelListe li a { overflow: hidden; box-shadow: 0 0 0px 0 rgb(0 0 0 / 15%); display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.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; }
.projeListV2.genelListe li h6 { width: auto; position: absolute; font-size: 20px; line-height: 20px; font-weight: 300; color: #ffffff; text-transform: uppercase; text-align: center; border-bottom: none; letter-spacing: 2px; margin: 0 0 -40px 0; transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; opacity: 0; text-shadow: 2px 2px 3px #0000006e; }
.projeListV2.genelListe li .resim { height: 100%; }
.projeListV2.genelListe li .resim:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(27 102 177 / 28%); transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s; opacity: 0; }
.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; 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:after { opacity: 1; }
.projeListV2.genelListe li:hover h6 { opacity: 1; margin: 0; }
.projeListV2.genelListe li[data-id="po-2"]:hover a:after { opacity: 1; margin: 0; }

.projeListV2.genelListe li[data-id="po-2"] a:after { content: "* Duvarda yer alan ahşap dekoratif kaplamalar opsiyonel olarak sunulacaktır ve bazı opsiyon iç mimari detaylar kullanılmıştır"; width: 100%; position: absolute; left: 0; bottom: 20px; font-size: 13px; line-height: 16px; padding: 0 20px; text-align: center; color: #fff; opacity: 0; margin: 0 0 -20px 0; }


.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 { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: baseline; justify-content: center; }
.hakkimizda .sol { width: 627px; float: left; position: relative; }
.hakkimizda .sol img { width: 100%; float: left; position: relative; }
.hakkimizda .sag { width: calc(100% - 627px); float: left; position: relative; padding: 0 0 0 40px; }
.hakkimizda .sag .yazi { font-size: 18px; line-height: 28px; color: #161616; }
.hakkimizda .sag .yazi i { font-weight: 100; font-size: 42px; line-height: 42px; border-left: solid 1px #9d9d9d; padding: 40px 0 0 20px; margin: 0 0 30px 0; float: left; width: 100%; }



.bizeUlasin { width: 100%; float: left; position: relative; box-sizing: border-box; margin-bottom: 0; margin: 0; }
.bizeUlasin strong { width: 100%; float: left; position: relative; font-size: 22px; line-height: 23px; font-weight: 400; color: #4a4a4a; letter-spacing: 1px; margin: 0 0px 19px 0; }
.bizeUlasin .solK { width: 400px; float: left; box-sizing: border-box; }
.bizeUlasin .solK iframe { width: 100%; height: 600px; float: left; }
.bizeUlasin .sagK { width: calc(100% - 420px); float: right; position: relative; box-sizing: border-box; padding: 0 0 0 40px; }
.bizeUlasin .sagK .slot { width: 100%; float: left; position: relative; box-sizing: border-box; margin: 0 0 30px 0; }
.bizeUlasin .sagK .slot:last-child { margin-bottom: 0; }
.bizeUlasin .sagK .sosyalBar { width: 100%; float: left; }
.bizeUlasin .sagK .sosyalBar a { width: auto; float: left; margin: 0 12px 0 0; }
.bizeUlasin .sagK .sosyalBar a:last-child { margin-right: 0px; }
.bizeUlasin .sagK .sosyalBar a i { width: auto; float: left; font-size: 28px; line-height: 28px; color: #595959; }
.bizeUlasin .sagK .bilgi ul { width: 100%; float: left; }
.bizeUlasin .sagK .bilgi ul li { width: calc(33.33% - 14px); float: left; margin-right: 21px; }
.bizeUlasin .sagK .bilgi ul li.tek { width: 100%; margin: 0 0 22px 0; }
.bizeUlasin .sagK .bilgi ul li:last-child { margin-right: 0px; }
.bizeUlasin .sagK .bilgi ul li a { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 15px; line-height: 20px; color: #4a4a4a; padding: 11px 0px 11px 65px; }
.bizeUlasin .sagK .bilgi ul li a strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 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; }



.mBar { width: 100%; position: fixed; left: 0; bottom: 0; box-sizing: border-box; filter: drop-shadow(-0px -4px 7px rgba(0, 0, 0, 0.2)); padding: 0 0; z-index: 186; display: none; }
.mBar:after { content: ""; width: calc(33.33%); height: 100%; position: absolute; left: 50%; top: -12px; clip-path: polygon(50% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%); background: #ffffff; z-index: -1; transform: translate(-50%, 0); clip-path: polygon(50% 0, 100% 18%, 100% 100%, 0 100%, 0 18%); }
.mBar ul { width: 100%; float: left; position: relative; background: #fff; padding: 0 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.mBar ul li { width: 33.33%; float: left; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.mBar ul li > a { width: 100%; float: left; position: relative; box-sizing: border-box; text-decoration: none; border-right: solid 1px #dcdcdc; padding: 0; }
.mBar ul li:last-child > a { border-right-color: transparent; }
.mBar ul li span { width: 100%; float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; margin: 12px 0 0 0; }
.mBar ul li span img { height: 21px; width: auto; }
.mBar ul li strong { width: 100%; float: left; position: relative; box-sizing: border-box; font-size: 14px; line-height: 17px; font-weight: 300; color: #323e48; text-align: center; margin: 6px 0 11px 0px; text-transform: lowercase; }
.mBar ul li .sosyal { width: 100%; position: absolute; right: 0px; bottom: 66px; background: #fff; padding: 24px 0; /* border-top-left-radius: 60px; */ /* border-top-right-radius: 60px; */ display: none; }
.mBar ul li .sosyal a { width: 100%; float: left; font-size: 20px; line-height: 20px; color: #333e48; text-align: center; margin: 0 0 14px 0; }
.mBar ul li .sosyal a:last-child { margin-bottom: 0; }



.iconList.genelListe { background: #ffffff; padding: 40px 0; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; margin: 60px 0 0 0; }
.iconList.genelListe li { width: calc(25% - 20px); padding: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; }
.iconList.genelListe li .resim { width: 78px; height: 78px; border-radius: 100%; border: solid 1px #d7d7d7; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.iconList.genelListe li .resim img { width: auto; height: auto; max-width: calc(100% - 34px); max-height: calc(100% - 34px); margin-right: 4px; }
.iconList.genelListe li .bilgisi { width: calc(100% - 78px); float: left; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; }
.iconList.genelListe li h6 { width: 100%; background: #fff; font-size: 16px; line-height: 22px; font-weight: 300; color: #4d4d42; margin: 0 0 0 -12px; }



.yukariCik { width: 50px; height: 50px; position: fixed; right: 20px; bottom: 20px; z-index: 9999; border-radius: 100%; background: #195da9; display: none; box-sizing: border-box; backdrop-filter: blur(5px); }
.yukariCik:after { content: ""; width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; left: -10px; top: -10px; background: url(../images/yuka2.svg) no-repeat center; background-size: 13px; border: solid 1px #6399c9; border-radius: 100%; z-index: 2; box-sizing: border-box; }
.yukariCik:before { content: ""; width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; left: -10px; top: -10px; border-radius: 100%; z-index: -1; border: solid 10px #ffffff40; box-sizing: border-box; }



.videoYeni {width: 100%;height: 100vh;float: left;position: absolute;left: 0;top: 0;}
.videoYeni video {width: 100%;height: 100vh;position: absolute;left: 0;top: 0;}

.bilgiFormu {width:auto; height:auto; position:fixed; right:0px;top: calc(50% - 57px);z-index: 9999;font-size: 18px;line-height: 18px;font-weight: 400;color: #fff;transform: rotate(180deg);}
.bilgiFormu span {width: auto;float: left;position: relative;writing-mode: vertical-rl;text-orientation: mixed;padding: 21px 14px;z-index: 998;background: #967949;}



.talepFormuWrap { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; background: #000000de; z-index: 999999; display: none; }
.talepFormuWrap .talebi { width: 100%; height: 100%; float: left; position: fixed; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }
.talepFormuWrap .talebi .kapat {width: auto;position: absolute;right: 19px;top: 16px;font-size: 26px;line-height: 26px;color: #ffffff;z-index: 9999;}
.talepFormuWrap .talebi .kapat:after { content: "X"; }
.talepFormuWrap .talebi .kapsul {width: calc(100% - 50px);float: left;position: relative;padding: 0;border-radius: 15px;box-shadow: 0px 0px 26px rgb(0 0 0 / 78%);}
.talepFormuWrap .talebi .kapsul .detay {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;flex-direction: row;align-content: center;justify-content: space-between;border-radius: 15px;background: #fff;}
.talepFormuWrap .talebi .kapsul .detay .baslik { width: 100%; float: left; }
.talepFormuWrap .talebi .kapsul .detay .baslik strong{width: 100%;float: left;position: relative;font-size: 16px;line-height: 16px;font-weight: bold;color: #fff;background: #195da9;padding: 20px 24px;text-align: left;border-top-left-radius: 12px;border-top-right-radius: 12px;text-transform: uppercase;}
.talepFormuWrap .talebi .kapsul .genelForm {opacity:1;padding: 20px 20px;}
.talepFormuWrap .talebi .kapsul .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; }