@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/OpenSans-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Poppins-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Poppins-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Poppins-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Poppins-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Poppins-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Poppins-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Poppins-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Poppins-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* İNOVAXİS — klasik görünüm, WordPress'siz yeniden yazım (Özsan Medya, 2026)
   Eski "inusti + glax" temasının ölçüleri birebir alınmıştır; kod bize aittir. */

/* ---------- jetonlar ---------- */
:root{
  --tur:#F86923;        /* tema turuncusu (bağlantı, kırıntı, yukarı düğmesi) */
  --tur2:#F08A0C;       /* ana sayfa vurgu turuncusu */
  --koyu:#151515;
  --lacivert:#041230;
  --metin:#868686;
  --baslik:#151515;
  --f-govde:"Open Sans",Arial,sans-serif;
  --f-baslik:Poppins,Arial,sans-serif;
  --kap:1170px;
  /* eski Elementor global renkleri (sayfa CSS'leri bunlara başvuruyor) */
  --e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;
}

/* ---------- sıfırlama ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-govde);font-size:16px;line-height:34px;color:var(--metin);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:var(--koyu);text-decoration:none;transition:color .35s}
a:hover{color:var(--tur)}
p{margin:0 0 16px}
h1,h2,h3,h4,h5,h6{font-family:var(--f-baslik);color:var(--baslik);font-weight:700;margin:15px 0 20px;line-height:1.3}
h1{font-size:32px;line-height:1.3}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
ul,ol{padding-left:20px}
figure{margin:0}
button{font:inherit;cursor:pointer}
.ta-center{text-align:center}.ta-right{text-align:right}.ta-justify{text-align:justify}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kap{max-width:var(--kap);margin:0 auto;padding:0 15px}
.container{width:100%;padding:0 15px;margin:0 auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1200px}}

/* ---------- Elementor benzeri ızgara (kendi sınıflarımız) ---------- */
:where(.s){position:relative}
:where(.s > .ov),:where(.c > .ov),:where(.c-w > .ov){position:absolute;inset:0;pointer-events:none}
:where(.s-in){display:flex;margin:0 auto;position:relative;max-width:1140px}
:where(.s-full > .s-in){max-width:none}
:where(.c-w > .s){width:100%}
:where(.w-auto){width:auto;max-width:100%}
:where(.va-middle > .s-in > .c > .c-w),:where(.c.va-middle > .c-w){align-content:center;align-items:center}
:where(.va-bottom > .s-in > .c > .c-w),:where(.c.va-bottom > .c-w){align-content:flex-end;align-items:flex-end}
:where(.si-middle > .s-in){align-items:center}
:where(.h-full > .s-in){min-height:100vh}
:where(.pos-left .ib),:where(.pos-right .ib){display:flex;text-align:left;align-items:flex-start}
:where(.pos-right .ib){flex-direction:row-reverse;text-align:right}
:where(.pos-left .ib-img){margin:0 15px 0 0;flex:0 0 auto}.pos-right .ib-img{margin:0 0 0 15px;flex:0 0 auto}
:where(.pos-left .ib-c),:where(.pos-right .ib-c){flex:1 1 auto}
@media (min-width:1025px){.gz-m{display:none !important}}
@media (min-width:768px) and (max-width:1024px){.gz-t{display:none !important}}
@media (max-width:767px){.gz-p{display:none !important}}
:where(.c){position:relative;display:flex;min-height:1px}
:where(.c-w){position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;width:100%}
:where(.gap-default > .c > .c-w){padding:10px}
:where(.gap-narrow > .c > .c-w){padding:5px}
:where(.gap-extended > .c > .c-w){padding:15px}
:where(.gap-wide > .c > .c-w){padding:20px}
:where(.gap-wider > .c > .c-w){padding:30px}
:where(.gap-no > .c > .c-w){padding:0}
:where(.c-100){width:100%}.c-90{width:90%}.c-80{width:80%}.c-75{width:75%}.c-70{width:70%}.c-66{width:66.666%}
:where(.c-60){width:60%}.c-50{width:50%}.c-40{width:40%}.c-33{width:33.333%}.c-30{width:30%}.c-25{width:25%}
:where(.c-20){width:20%}.c-16{width:16.666%}.c-14{width:14.285%}.c-12{width:12.5%}.c-11{width:11.111%}.c-10{width:10%}
:where(.w){position:relative;width:100%}
:where(.w:not(:last-child)){margin-bottom:20px}
:where(.w .wc){position:relative}
:where(.w-heading .h-t){margin:0;padding:0;line-height:1;font-family:var(--f-baslik);font-weight:700;color:#54595F}
:where(.w-heading h1.h-t){font-size:32px}.w-heading h2.h-t{font-size:27.2px}.w-heading h3.h-t{font-size:24px}
:where(.w-heading h4.h-t){font-size:20px}.w-heading h5.h-t{font-size:18px}.w-heading h6.h-t{font-size:16px}
:where(.w-heading .h-t a){color:inherit}
:where(.txt > :last-child){margin-bottom:0}
:where(.txt img){display:inline-block}
:where(.txt ul){margin:0 0 16px}
:where(.w-image .img){text-align:center}
:where(.w-image .img img){display:inline-block}
:where(.w-image figcaption){font-size:14px;line-height:1.4;margin-top:8px}
:where(.ib){text-align:center}
:where(.ib-img){display:inline-block;margin:0 0 15px;line-height:0}
:where(.ib-img img){transition:transform .3s}
:where(.ib-c){width:100%}
:where(.ib-t){margin:0 0 10px;font-size:20px;line-height:1.3}
:where(.ib-t a){color:inherit}
:where(.ib-d){margin:0}
:where(.sp-i){height:var(--spacer-size,50px)}
:where(.dv){display:flex;padding:15px 0}
:where(.dv-l){display:block;width:100%;border-top:1px solid #ddd}
:where(.il){list-style:none;margin:0;padding:0}
:where(.il li){display:flex;align-items:center}
:where(.il li > a){display:flex;align-items:center;color:inherit}
:where(.il-i){display:inline-flex;align-items:center;justify-content:center;margin-right:5px}
:where(.il-i svg){width:1em;height:1em;fill:currentColor}
:where(.w-icon-list.inline .il){display:flex;flex-wrap:wrap}

/* galeri */
:where(.gal){display:grid;gap:var(--ara,10px);grid-template-columns:repeat(4,1fr)}
:where(.gal.g1){grid-template-columns:1fr}.gal.g2{grid-template-columns:repeat(2,1fr)}.gal.g3{grid-template-columns:repeat(3,1fr)}
:where(.gal.g5){grid-template-columns:repeat(5,1fr)}.gal.g6{grid-template-columns:repeat(6,1fr)}
:where(.gal a){display:block;overflow:hidden;aspect-ratio:var(--oran,3/2)}
:where(.gal img){width:100%;height:100%;object-fit:cover;transition:transform .4s}
:where(.gal a:hover img){transform:scale(1.06)}

/* sekmeler */
:where(.tabs){border:0}
:where(.tab-h){display:flex;flex-wrap:wrap;gap:0}
:where(.tab-t){background:none;border:1px solid transparent;border-bottom:0;padding:16px 24px;font-family:var(--f-baslik);font-weight:700;color:#54595F;font-size:15px;line-height:1.3}
:where(.tab-t.on){border-color:#d4d4d4;color:var(--tur)}
:where(.tab-c){display:none;border:1px solid #d4d4d4;padding:20px}
:where(.tab-c.on){display:block}

/* YouTube — tıklayınca yüklenir (açılışta Google'a istek yok) */
:where(.yt){position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer}
:where(.yt img){width:100%;height:100%;object-fit:cover;opacity:.92}
:where(.yt iframe){position:absolute;inset:0;width:100%;height:100%;border:0}
:where(.yt-b){position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border:0;border-radius:12px;background:#f00}
:where(.yt-b::after){content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
:where(.yt:hover .yt-b){background:#c00}
:where(.map iframe){width:100%;height:300px;border:0;display:block;filter:none}

/* ---------- üst bilgi ---------- */
.ust{position:relative;z-index:50}
.ust .e-584e977{background:#151515}
.ust .e-584e977 .s-in,.ust .e-7ae5d4e .s-in{max-width:1140px}
.ust .e-584e977 .c-w{align-items:center;min-height:50px}
.ust .e-7ae5d4e{background:#020101 url('/assets/img/2019/05/header-bg-kopya.webp') center/cover no-repeat}
.ust .e-7ae5d4e .c-w{align-items:center}
.ust .il-i{color:#9AA3B2}
.ust .e-fbc046f .il{display:flex;gap:0 30px}
.ust .e-fbc046f .il-i{color:var(--tur);margin-right:6px}
.ust .e-ccdf01a .il{display:flex;gap:14px}
.ust .e-ccdf01a .il-i{margin:0;font-size:14px}
.ust .e-ccdf01a .il-x{display:none}
.ust .e-f0235e9 .txt p{margin:0;line-height:50px}
.ust .w{width:auto}
.ust .w:not(:last-child){margin-bottom:0}
.logo img{width:230px;height:auto;display:block}
/* bayraklar */
.bayrak{display:flex;gap:0;margin:0;padding:0;list-style:none}
.bayrak a{display:block;padding:0 20px;line-height:50px}
.bayrak img{width:16px;height:11px;display:block;margin-top:-2px}
/* ana menü */
.nav{display:flex;margin:0;padding:0;list-style:none}
.nav > li{position:relative;padding:22px 20px}
.nav > li > a{display:inline-block;color:#9B9B9B;font-weight:500;font-size:16px;line-height:34px;position:relative}
.nav > li > a:hover,.nav > li.on > a{color:#fff}
.nav > li.on > a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--tur)}
.nav .ok{display:inline-block;width:9px;height:9px;margin-left:3px;vertical-align:1px}
.nav .alt{position:absolute;left:0;top:100%;min-width:250px;background:#fff;padding:15px 25px;margin:-1px 0 0;list-style:none;
  box-shadow:0 0 20px 0 rgba(62,28,131,.1);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s;z-index:20}
.nav > li:hover > .alt,.nav > li:focus-within > .alt{opacity:1;visibility:visible;transform:none}
.nav .alt a{display:block;padding:10px 0;font-size:15px;line-height:21px;color:var(--metin)}
.nav .alt a:hover,.nav .alt li.on > a{color:var(--tur)}

/* yapışkan menü */
.yapis{position:fixed;left:0;right:0;top:0;z-index:60;transform:translateY(-110%);transition:transform .35s;
  background:#020101 url('/assets/img/2019/05/header-bg-kopya.webp') center/cover no-repeat;box-shadow:0 1px 0 rgba(255,255,255,.1)}
.yapis.goster{transform:none}
.yapis .s-in{max-width:1140px;align-items:center;padding:20px 0}
.yapis .logo{padding:18px 0 15px 15px;width:23.073%}
.yapis nav{width:76.9%}

/* mobil üst */
.mob{display:none;background:#fff;padding:12px 15px;align-items:center;justify-content:space-between;border-top:1px solid #eee}
.mob .logo img{width:160px}
.mob-ac{width:44px;height:44px;background:none;border:0;padding:12px 8px;display:flex;flex-direction:column;justify-content:space-between}
.mob-ac span{display:block;height:3px;background:#151515;width:22px;margin:0 auto}
.mob-ust{display:none;background:#fff;color:#000;font:700 15px/20px Arial,sans-serif;padding:12px 15px;gap:6px 18px;flex-wrap:wrap}
.mob-ust a{color:#000}
.mob-ust svg{width:12px;height:12px;fill:var(--tur);margin-right:5px;vertical-align:-1px}
.cekmece{position:fixed;inset:0 auto 0 0;width:300px;max-width:85vw;background:#fff;z-index:200;transform:translateX(-105%);transition:transform .35s;overflow-y:auto;padding:20px}
.cekmece.acik{transform:none}
.perde{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:150;opacity:0;visibility:hidden;transition:.3s}
.perde.acik{opacity:1;visibility:visible}
.cekmece ul{list-style:none;margin:0;padding:0}
.cekmece li a{display:block;padding:10px 0;border-bottom:1px solid #eee;color:var(--koyu);font-size:15px;line-height:1.4}
.cekmece li ul a{padding-left:16px;color:var(--metin)}
.cekmece .kapat{float:right;background:none;border:0;font-size:28px;line-height:1;color:#333}
.cekmece .bayrak{margin-top:15px}
.cekmece .bayrak a{padding:0 14px 0 0}

/* ---------- sayfa başlığı (kırıntı bandı) ---------- */
.kirinti{position:relative;background:#151515;margin-bottom:35px}
.kirinti::before{content:"";position:absolute;inset:0;background:rgba(25,36,55,.5)}
.kirinti .kap{position:relative;padding-top:135px;padding-bottom:135px}
.kirinti h1,.kirinti .bt{font-size:36px;line-height:1.3;color:#fff;margin:0;font-weight:700;text-align:center;text-transform:capitalize;font-family:var(--f-baslik)}
.kirinti ol{position:absolute;right:15px;bottom:0;margin:0;padding:25px;background:#fff;list-style:none;display:flex;font-size:15px;font-weight:500;line-height:15px;color:var(--tur)}
.kirinti li + li{padding:0 10px}
.kirinti li + li::before{content:"/";padding-right:10px;color:#ccc}
.kirinti li:first-child{padding-right:0}
.kirinti ol a{color:var(--koyu)}
.icerik{max-width:1200px;margin:0 auto 35px;padding:0 15px}
.icerik > .sb{font-size:32px;line-height:41.6px;margin:15px 0 30px;padding:0 15px}

/* tezgâh detay */
.tz{max-width:1170px;margin:0 auto 60px;padding:0 15px}
.tz-k{position:relative;margin-bottom:5px}
.tz-k img{width:100%}
.tz-t{font-size:13px;color:var(--metin);line-height:1.6}
.tz-m{font-size:13px;line-height:1.6;color:var(--metin);margin:4px 0 0}
.tz h1{margin:10px 0 20px;font-size:28px}
.tz-pay{display:flex;align-items:center;gap:8px;list-style:none;padding:18px 0;margin:30px 0 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.tz-pay li:first-child{font-family:var(--f-baslik);font-weight:700;color:var(--koyu);font-size:14px;margin-right:6px}
.tz-pay a{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:#f3f3f3;color:#999}
.tz-pay a:hover{background:var(--tur);color:#fff}
.tz-pay svg{width:12px;height:12px;fill:currentColor}

/* ---------- formlar (eski Contact Form 7 görünümü ölçülerek) ---------- */
.form{max-width:950px;margin:0 auto}
.form label{display:inline-block;margin:0 0 8px}
.form .fw{display:block;margin:0 0 20px}
.form input[type=text],.form input[type=email],.form input[type=tel],.form input[type=date],.form input[type=number],.form select,.form textarea{
  font:400 15px/50px var(--f-govde);color:#868686;background:#f6f6f6;border:0;padding:0 15px;margin:0 0 2px;height:68px;max-width:100%;border-radius:0}
.form select{-webkit-appearance:none;appearance:none;background:#fee9df url('/assets/img/ui/down-arrow.svg') no-repeat right 15px center/12px;
  padding:0 35px 0 20px;line-height:68px;box-shadow:0 0 10px 0 rgba(0,0,0,.02)}
.form textarea{padding:20px;height:auto;line-height:1.6}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--tur);outline-offset:0}
.form [aria-invalid=true]{outline:2px solid #c62828}
.form h3{font-size:24px;line-height:31.2px}
.form p{margin:0 0 16px}
.form[data-form="13256"] input[type=text],.form[data-form="13256"] input[type=email],.form[data-form="13256"] select,.form[data-form="13256"] textarea{width:100%}
.form[data-form="13256"] textarea{height:240px}
.form button[type=submit]{font:700 14px/18px var(--f-govde);background:var(--tur);color:#fff;padding:25px 50px;border:0;text-transform:uppercase;letter-spacing:1.4px;transition:all .35s}
.form button[type=submit]:hover{background:var(--koyu)}
.form button[disabled]{opacity:.6;cursor:wait}
.form .durum{margin-top:14px;font-size:15px;line-height:1.5}
.form .durum.ok{color:#2e7d32}.form .durum.hata{color:#c62828}
.form .tuzak{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.harita{width:100%;border:0;display:block}
.btn{font-size:14px;background:var(--tur);color:#fff;font-weight:700;padding:25px 50px;line-height:18px;display:inline-block;text-transform:uppercase;letter-spacing:1px}
.btn:hover{background:var(--koyu);color:#fff}

/* ---------- alt bilgi ---------- */
.alt{background:#151515;color:#9b9b9b;font-size:15px;line-height:30px;text-align:center;padding:35px 15px}
.alt a{color:#9b9b9b}
.alt a:hover{color:var(--tur)}
.yukari{position:fixed;right:30px;bottom:30px;width:45px;height:45px;background:var(--tur);border:1px solid #fff;color:#fff;z-index:999;
  display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.35s}
.yukari.goster{opacity:1;visibility:visible}
.yukari svg{width:20px;height:20px;fill:#fff}

/* ---------- ışık kutusu ---------- */
.lb{position:fixed;inset:0;background:rgba(11,11,11,.9);z-index:1000;display:none;align-items:center;justify-content:center;padding:40px}
.lb.acik{display:flex}
.lb img{max-width:100%;max-height:100%;box-shadow:0 0 8px rgba(0,0,0,.6)}
.lb iframe{width:min(1000px,100%);aspect-ratio:16/9;border:0;background:#000}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:40px;line-height:1;padding:10px 16px;opacity:.75}
.lb button:hover{opacity:1}
.lb .lb-x{top:10px;right:10px}.lb .lb-o{left:10px;top:50%;margin-top:-30px}.lb .lb-s{right:10px;top:50%;margin-top:-30px}

/* ---------- duyarlı ---------- */
@media (max-width:1199px){
  .nav > li{padding:22px 12px}
}
@media (max-width:1024px){
  .ust .s{display:none}
  .mob,.mob-ust{display:flex}
  .yapis{display:none}
  .kirinti .kap{padding-top:70px;padding-bottom:90px}
  .kirinti h1{font-size:28px}
}
@media (max-width:767px){
  .s-in{flex-wrap:wrap}
  .c{width:100% !important}
  .gal,.gal.g4,.gal.g5,.gal.g6{grid-template-columns:repeat(2,1fr)}
  .kirinti h1{font-size:24px}
  .kirinti ol{position:static;display:inline-flex;margin-top:20px;padding:14px 18px}
  .kirinti .kap{text-align:center;padding-bottom:40px}
  .form input,.form textarea{width:100%}
  .icerik > .sb{font-size:26px}
  .yukari{right:16px;bottom:16px}
  .btn,.form button[type=submit]{padding:18px 30px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

.x-info_rating{width: 100%; float: left; clear: both; position: relative; padding-top: 10px; overflow: hidden;} .x-info_rating .container{position: static;} .x-info_rating > div > .inner{width: 100%; float: left; clear: both; display: flex; flex-direction: row;} .x-info_rating .left_part{width: 50%; width: calc(50% - 40px); width: -moz-calc(50% - 40px); width: -webkit-calc(50% - 40px); min-width: calc(50% - 40px); min-width: -moz-calc(50% - 40px); min-width: -webkit-calc(50% - 40px); position: relative; padding-right: 14%;} .x-info_rating .left_part:after{position: absolute; right: 100%; top: 0px; left: -3000px; content: ''; bottom: 0px;} .x-info_rating .middle_part{width: 80px; min-width: 80px;} .x-info_rating .right_part{width: 50%; width: calc(50% - 40px); width: -moz-calc(50% - 40px); width: -webkit-calc(50% - 40px); min-width: calc(50% - 40px); min-width: -moz-calc(50% - 40px); min-width: -webkit-calc(50% - 40px);} .x-info_rating .left_part h3{margin: 0px; padding: 0px; font-size: 24px; line-height: 32px; font-weight: 400; letter-spacing: 0px; color: #eee; margin-bottom: 25px;} .x-info_rating .left_part p{margin: 0px; padding: 0px; font-size: 14px; line-height: 1.7; letter-spacing: 0px; margin-bottom: 34px;} .x-info_rating .l_video, .x-info_rating .title_holder{width: 100%; float: left; clear: both;} .x-info_rating .l_video > span{display: block; position: relative; padding-left: 43px; min-height: 30px; cursor: pointer; float: left; max-width: 100%;} .x-info_rating .l_video .icon{display: block; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; border: 2px solid #999; border-radius: 100%; color: #999;} .x-info_rating .l_video .icon img, .x-info_rating .l_video .icon svg{position: absolute; width: 8px; height: 8px; left: 50%; top: 50%; margin: -4px 0px 0px -4px;} .x-info_rating .l_video .text{font-weight: 400; color: #45a2df; position: relative; display: block; float: left; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; max-width: 100%;} .x-info_rating .l_video .text:after{content: ''; position: absolute; bottom: 2px; background-color: rgba(255,255,255,.3); left: 0px; right: 0px; height: 1px; transition: all .2s ease;} .x-info_rating .l_video > span:hover .text:after{height: 2px; bottom: 0px;} .x-info_rating .l_video .icon:before{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px auto auto -15px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: inherit; opacity: 0; z-index: 5; pointer-events: none; border: 3px solid #ccc; border-radius: 100%;} .x-info_rating .l_video > span:hover .icon:before{opacity: 1; -webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite; animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;} .x-info_rating .m_in{width: 100%; height: 100%; position: relative; background-color: #1b1b22;} .x-info_rating .rating_holder a{display: block; position: absolute; top: -10px; left: 0px; right: 0px; bottom: 0px; z-index: 22;} .x-info_rating .rating_holder{width: 100%; float: left; clear: both; padding: 6px 13px 11px 13px; background-color: #d1122d; text-align: center; color: #fff; position: relative;} .x-info_rating .rating_holder svg{width: 36px; height: 36px; position: relative; margin-top: -11px;} .x-info_rating h3.rating_number{margin: 0px; padding: 0px; font-size: 24px; letter-spacing: -0.25px; font-weight: 500; color: #fff; position: relative; margin-top: -7px; margin-bottom: 5px;} .x-info_rating h3.rating_text{margin: 0px; padding: 0px; font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: 0px; font-weight: 400; color: #fff;} .x-info_rating .r_header{position: absolute; left: 0px; right: 0px; height: 10px; background-color: #d1122d; bottom: 100%;} .x-info_rating .r_header:after{border-top: 10px solid transparent; border-right: 5px solid #682a32; content: ''; position: absolute; right: 100%; top: 0px;} .x-info_rating .r_header:before{border-top: 10px solid transparent; border-left: 5px solid #682a32; content: ''; position: absolute; left: 100%; top: 0px;} .x-info_rating .r_footer:after{position: absolute; top: 100%; left: 0px; content: ''; border-top: 15px solid #d1122d; border-right: 40px solid transparent;} .x-info_rating .r_footer:before{position: absolute; top: 100%; right: 0px; content: ''; border-top: 15px solid #d1122d; border-left: 40px solid transparent;} .x-info_rating .tagline_holder{position: relative; width: 100%; float: left; clear: both; height: 300px;} .x-info_rating .tl_inner{position: absolute; transform: rotate(90deg); transform-origin: left top; top: 0px; left: 80px; height: 80px; min-width: max-content; min-width: intrinsic; min-width: -moz-max-content; min-width: -webkit-max-content; display: flex; align-items: center;} .x-info_rating .tagline_holder span{display: block; min-width: max-content; min-width: intrinsic; min-width: -moz-max-content; min-width: -webkit-max-content; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; color: #eee; padding-left: 45px; position: relative; top: 1px; line-height: 1;} .x-info_rating .tagline_holder span:after{position: absolute; content: ''; left: 15px; top: 6px; width: 20px; height: 1px; background-color: rgba(255,255,255,.5);} .x-info_rating .right_part .o_img{left: 50%; margin-left: 40px; top: 10px; right: 0px; bottom: 0px; z-index: 5; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center;} .x-info_rating .right_part .o_color{left: 50%; margin-left: 40px; top: 10px; right: 0px; bottom: 0px; z-index: 15; position: absolute;} .x-info_rating .img_list{width: 100%; float: left; clear: both; position: relative; height: 80px; margin-bottom: 40px;} .x-info_rating .img_list .item{width: 120px; height: 80px; position: relative; cursor: pointer;} .x-info_rating .img_list .plus{opacity: 0; visibility: hidden; background-color: rgba(17,20,34,.9); z-index: 3; content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; transition: all .5s ease;} .x-info_rating .img_list .plus:before{width: 2px; height: 20px; content: ''; position: absolute; top: 50%; left: 50%; margin: -10px 0px 0px -1px; background-color: #45a2df; z-index: 5;} .x-info_rating .img_list .plus:after{width: 20px; height: 2px; content: ''; position: absolute; top: 50%; left: 50%; margin: -1px 0px 0px -10px; background-color: #45a2df; z-index: 5;} .x-info_rating .img_list .item:hover .plus{opacity: 1; visibility: visible;} .x-info_rating .owl-nav button span{display: none;} .x-info_rating .owl-nav button{width: 20px; height: 20px; display: block; position: absolute; bottom: 5px; left: 5px; background-color: rgba(0,0,0,.7) !important; border-radius: 3px; z-index: 111; transition: all .3s ease;} .x-info_rating .owl-nav button:after{content: ''; position: absolute; top: 11px; left: 7px; background-color: #fff; width: 5px; height: 1px; transform: rotate(45deg);} .x-info_rating .owl-nav button:before{content: ''; position: absolute; top: 8px; left: 7px; background-color: #fff; width: 5px; height: 1px; transform: rotate(135deg);} .x-info_rating .owl-nav button.owl-next{left: 27px;} .x-info_rating .owl-nav button.owl-next:after{top: 8px; left: auto; right: 7px;} .x-info_rating .owl-nav button.owl-next:before{left: auto; top: 11px; right: 7px;} .x-info_rating .owl-nav button:hover{background-color: rgba(0,0,0,1.00) !important;} .x-info_rating .img_list .item img{position: absolute; width: 0px; height: 0px; opacity: 0;} .x-info_rating .img_list .abs_img{position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center;} @media(max-width: 1600px){ .x-info_rating .left_part{padding-right: 40px;} } @media(max-width: 1200px){ .x-info_rating .left_part{width: 100%; width: calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); min-width: calc(100% - 80px); min-width: -moz-calc(100% - 80px); min-width: -webkit-calc(100% - 80px);} .x-info_rating .right_part{display: none;} .x-info_rating .left_part:before{left: 100%; margin-left: 80px; top: 0px; bottom: 0px; right: -2000px; background-color: #0f0f16; content: ''; position: absolute;} .x-info_rating .left_part > div{max-width: 500px;} } @media(max-width: 1040px){ .x-info_rating .left_part{padding-right: 20px;} } .x-main_title{width: 100%; float: left; clear: both; position: relative;} .x-main_title .title_holder{width: 100%; float: left; clear: both; position: relative;} .x-main_title .title_holder h3{margin: 0px; padding: 0px; font-weight: 500; letter-spacing: 0px; font-size: 36px; line-height: 1.2; color: #041230; padding-bottom: 13px; position: relative; left: -2px;} .x-main_title .title_holder h3 span{font-weight: 700;} .x-main_title .title_holder h3:after{content: ''; position: absolute; bottom: 0px; left: 2px; width: 100px; height: 2px; background-color: #45a2df;} @media(max-width: 1200px){ .x-main_title .title_holder h3{font-size: 36px;} } .x-experience, .x-experience .inner{width: 100%; float: left; clear: both; position: relative;} .x-experience .inner{padding: 150px 0px; display: flex; flex-direction: row; align-items: center; position: relative;} .x-experience .bg_holder{z-index: 0; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px;} .x-experience .o_img{z-index: 1; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center;} .x-experience .o_color{z-index: 3; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px;} .x-experience .badge_holder{display: flex; flex-direction: column; justify-content: space-between; width: 100%; border: 10px solid #fff; padding: 16px 20px 10px 20px; min-height: 240px; max-width: 240px; min-width: 240px; box-sizing: border-box; position: relative; z-index: 3;} .x-experience .badge_holder .title h3{margin: 0px; padding: 0px; font-size: 18px; letter-spacing: 0px; font-weight: 400; margin-bottom: 10px; color: #eee; line-height: 1.3;} .x-experience .badge_holder .desc{float: left; width: 100%; clear: both; display: flex; flex-direction: row; align-items: center;} .x-experience .badge_holder .year{font-size: 72px; letter-spacing: -1px; margin: 0px; line-height: 1; font-weight: 400; color: #eee;} .x-experience .badge_holder .text{font-size: 10px; font-weight: 500; text-transform: uppercase; color: #45a2df; margin-left: 10px; letter-spacing: 1px;} .x-experience .list{margin-left: 120px;} .x-experience .list ul{margin: 0px; padding: 0px; margin-left: -120px; list-style-type: none;} .x-experience .list li{width: 33.3333%; float: left; padding-left: 70px; margin: 9px 0px;} .x-experience .list span{display: block; font-size: 16px; line-height: 1.3; letter-spacing: 0px; color: #ccc; position: relative;} .x-experience .list span:after{content: ''; position: absolute; width: 10px; height: 2px; background-color: #999; top: 50%; margin-top: -1px; left: -25px;} @media(max-width: 1600px){ .x-experience .list li{width: 50%;} .x-experience .inner{align-items: flex-start;} } @media(max-width: 1400px){ .x-experience .inner{flex-direction: column;} .x-experience .list{margin-left: 35px;} .x-experience .badge_holder{margin-bottom: 50px;} } @media(max-width: 480px){ .x-experience .list li{width: 100%;} } .x-location_list{width: 100%; float: left; clear: both;} .x-location_list ul.list{list-style-type: none; margin: 0px;} .x-location_list ul.list > li{width: 100%; float: left; clear: both; margin-bottom: 10px;} .x-location_list ul.column{list-style-type: none; margin: 0px; margin-left: -30px;} .x-location_list ul.column > li{width: 33.3333%; clear: none; float: left; padding-left: 30px; box-sizing: border-box; margin-bottom: 30px;} .x-location_list .item{width: 100%; float: left; clear: both; position: relative;} .x-location_list .img_holder{width: 100%; float: left; clear: both; position: relative; height: 220px;} .x-location_list .abs_img{position: absolute; z-index: 3; top: 0px; left: 0px; right: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: center center;} .x-location_list .title_holder{width: 100%; float: left; clear: both; padding: 21px 80px 21px 40px; position: relative; box-sizing: border-box;} .x-location_list .title_holder h3{margin: 0px; padding: 0px; font-size: 22px; font-weight: 400; letter-spacing: 0px; color: #eee;} .x-location_list .icon{width: 60px; right: 0px; top: 0px; bottom: 0px; position: absolute; display: block; color: #fff;} .x-location_list .icon img, .x-location_list .icon svg{position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin: -15px 0px 0px -15px;} .x-location_list .content_holder{width: 100%; float: left; clear: both; padding: 34px 40px; box-sizing: border-box;} .x-location_list .content_holder p{margin: 0px; padding: 0px; line-height: 1.5;} .x-location_list .content_holder p span{display: block; margin-bottom: 8px;} .x-location_list ul.column .title_holder{padding-left: 30px;} .x-location_list ul.column .content_holder{padding-left: 30px;padding-right: 30px;} .x-location_list .icon{z-index: 5;} .x-location_list .icon_wrapper{width: 80px; bottom: 0px; position: absolute; right: 0px; top: 0px; z-index: 5; overflow: hidden;} .x-location_list .shape{width: 30px; position: absolute; content: ''; left: 20px; top: -20px; bottom: 0px; background-color: #45a2df; transform-origin: bottom; z-index: 1; transition: all .3s ease;} .x-location_list .item:hover .shape{transform: rotate(-13deg);} @media(max-width: 1200px){ .x-location_list ul.column > li{width: 50%;} } @media(max-width: 768px){ .x-location_list ul.column > li{width: 100%;} } .x-introduce{width: 100%; float: left; clear: both; padding: 50px 70px 50px 80px; position: relative; box-sizing: border-box;} .x-introduce_wrap{width: 100%; float: left; clear: both; position: relative; padding: 40px 0px; box-sizing: border-box;} .x-introduce .wing11{position: absolute; bottom: 100%; z-index: -1; right: 65px; border-left: 15px solid rgba(255,255,255,0.2); border-top: 40px solid transparent;} .x-introduce .wing12{position: absolute; bottom: 100%; border-top: 40px solid transparent; right: 80px; border-right: 600px solid rgba(255,255,255,0.2);} .x-introduce .wing21{position: absolute; top: 100%; z-index: -1; left: 65px; border-top: 40px solid rgba(8,18,37,0.2); border-left: 15px solid transparent;} .x-introduce .wing22{position: absolute; top: 100%; border-top: 40px solid rgba(8,18,37,0.2); left: 80px; border-right: 600px solid transparent;} .x-introduce .content_holder{width: 100%; float: left; clear: both; position: relative; z-index: 20;} .x-introduce .bg{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 5; box-shadow: 10px 0px 40px rgba(0,0,0,0.08);} .x-introduce .bg .o_color{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 5;} .x-introduce .bg .o_image{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 10;} .x-introduce .title_holder{width: 100%; float: left; padding-right: 12%; max-width: calc(100% - 240px); max-width: -moz-calc(100% - 240px); max-width: -webkit-calc(100% - 240px); box-sizing: border-box;} .x-introduce .badge_holder{width: 100%; float: right; border: 10px solid #fff; padding: 16px 20px 10px 20px; min-height: 240px; max-width: 240px; min-width: 240px; box-sizing: border-box;} .x-introduce .title_holder h5{margin: 0px; padding: 0px; font-size: 20px; letter-spacing: 0px; font-weight: 300; margin-bottom: 2px; color: #fff;} .x-introduce .title_holder h3{margin: 0px; padding: 0px; font-size: 36px; letter-spacing: 0px; font-weight: 500; margin-bottom: 37px; color: #fff; line-height: 1; position: relative; left: -2px;} .x-introduce .title_holder h3:after{content: ''; top: 100%; left: 2px; position: absolute; width: 100px; height: 2px; background-color: #45a2df; margin-top: 14px;} .x-introduce .title_holder p{margin: 0px; padding: 0px; line-height: 1.7; color: #fff; margin-bottom: 15px; letter-spacing: 0px} .x-introduce .badge_holder h3{margin: 0px; padding: 0px; font-size: 20px; letter-spacing: 0px; font-weight: 300; margin-bottom: 10px; color: #fff; line-height: 1.2;} .x-introduce .badge_holder{display: flex; flex-direction: column; justify-content: space-between;} .x-introduce .badge_holder span{margin: 0px; padding: 0px; font-size: 10px; font-weight: 600; text-transform: uppercase; color: #fff;} .x-introduce .badge_holder span.year{font-size: 72px; letter-spacing: -1px; margin: 0px; line-height: 1; font-weight: 400;} .x-introduce .badge_holder .content{float: left; width: 100%; clear: both; display: flex; flex-direction: row; align-items: center;} .x-introduce .badge_holder span{display: block; margin-left: 5px;} .x-introduce span.video{width: 70px; height: 70px; position: absolute; z-index: 55; left: 80px; bottom: -20px; background-color: #e4810c; border-radius: 100%; cursor: pointer;} .x-introduce span.video:after{content: ''; position: absolute; border-left: 18px solid #fff; border-top: 10px solid transparent; left: 27px; top: 25px;} .x-introduce span.video:before{content: ''; position: absolute; border-left: 18px solid #fff; border-bottom: 10px solid transparent; left: 27px; top: 35px;} .x-introduce span.video span:before{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin: -35px auto auto -35px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; background-color: inherit; opacity: 0; z-index: -1; pointer-events: none; border: 15px solid #c32c41; border-radius: 100%;} .x-introduce span.video:hover span:before{opacity: 1; -webkit-animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite; animation: cs_fn_pulse 2s cubic-bezier(0.3,1,0.3,1) infinite;} .x-introduce_wrap[data-wing-switch="disable"]{padding-top: 0px;padding-bottom: 20px;} .x-introduce_wrap[data-wing-switch="disable"] .wing11, .x-introduce_wrap[data-wing-switch="disable"] .wing12, .x-introduce_wrap[data-wing-switch="disable"] .wing21, .x-introduce_wrap[data-wing-switch="disable"] .wing22{display: none;} @media (max-width: 1200px){ .x-introduce{padding: 50px 50px 80px 50px;} .x-introduce .title_holder{padding-right: 7%;} .x-introduce span.video{left: 50px;} } @media (max-width: 768px){ .x-introduce .title_holder{max-width: 100%;padding: 0px;margin-bottom: 50px;} .x-introduce .badge_holder{float: left;} .x-introduce{padding: 40px 30px 80px 30px;} .x-introduce span.video{left: 30px;} .x-introduce .title_holder p{margin-bottom: 0px;} } .x-services_classic{width: 100%; float: left; clear: both;} .x-services_classic .list{width: 100%; float: left; clear: both;} .x-services_classic .list ul{list-style-type: none; margin: 0px; margin-left: -80px;} .x-services_classic .list li{width: 25%; float: left; padding-left: 80px; margin-bottom: 40px;} .x-services_classic .list .item{width: 100%; float: left; clear: both; position: relative; padding: 30px 0px;} .x-services_classic span.icon{display: block; position: relative; width: 100%; height: 100px;} .x-services_classic span.icon img, .x-services_classic span.icon svg{position: absolute; width: 60px; height: 60px; top: 0px; left: 0px;} .x-services_classic span.icon i{font-size: 40px; position: absolute; top: 0px; left: 0px;} .x-services_classic .item h3{margin: 0; padding: 0; font-size: 20px; letter-spacing: 0px; color: #041230; line-height: 1.2; margin-bottom: 20px;} .x-services_classic .item p{margin: 0px; padding: 0px;} .x-services_classic[data-view="on"] .item p{} .x-services_classic span.more_details.hidden{opacity: 0; position: relative;} .x-services_classic span.more_details{display: block; position: absolute; left: 0px; bottom: 9px;} .x-services_classic span.more_details a{font-size: 18px; line-height: 24px; font-family: 'Rubik'; color: #041230; display: inline-block; padding-right: 27px;} .x-services_classic span.more_details img, .x-services_classic span.more_details svg{width: 15px; height: 15px; top: 50%; margin-top: -7px; right: 0px; position: absolute;} .x-services_classic span.more_details .arroww_hover img, .x-services_classic span.more_details .arroww_hover svg{opacity: 0; right: 20px;} .x-services_classic .item:hover span.more_details a .arroww img, .x-services_classic .item:hover span.more_details a .arroww svg{opacity: 0;} .x-services_classic .item:hover span.more_details a .arroww_hover img, .x-services_classic .item:hover span.more_details a .arroww_hover svg{right: 0px; opacity: 1; transition: opacity .3s 0s ease, right .3s 0s ease;} .x-services_classic .item .arrow{position: absolute; right: 0px; bottom: 0px; color: #c32c41; opacity: 0; transition: all .5s ease; display: none !important;} .x-services_classic span.bg1{position: absolute; left: 100%; margin-left: 40px; top: 0px; bottom: 0px; background-color: #e5e5e5; width: 1px;} .x-services_classic span.bg2{position: absolute; left: 100%; margin-left: 40px; top: 0px; height: 0px; background-color: #c32c41; width: 1px; transition: all .5s ease;} .x-services_classic .item:hover span.bg2{height: 100%;} .x-services_classic .item:hover .arrow{right: -20px; opacity: 1;} .x-services_classic .item > a{display: block; position: absolute; left: 0px; right: -20px; bottom: 0px; z-index: 5; top: 0px;} .x-services_classic li:nth-of-type(4n) span.bg1, .x-services_classic li:nth-of-type(4n) span.bg2{display: none;} @media(max-width: 1040px){ .x-services_classic .list li{width: 50%;} .x-services_classic .item .arrow{display: none;} .x-services_classic li:nth-of-type(2n) span.bg1{display: none;} .x-services_classic li:nth-of-type(2n) span.bg2{display: none;} } @media(max-width: 480px){ .x-services_classic .item > a{right: 0px;} .x-services_classic .list li{width: 100%;} .x-services_classic span.bg1{display: block !important;} .x-services_classic li:last-child span.bg1{display: none !important;} .x-services_classic span.bg2{display: none;} .x-services_classic .list .item{padding-top: 0;} .x-services_classic span.bg1{width: auto; height: 1px; margin-left: auto; left: 0px; right: 0px; top: auto; bottom: 0px;} } .x-principles{width: 100%; float: left; clear: both;} .x-principles .inner{width: 100%; float: left; clear: both; display: flex; flex-direction: row;} .x-principles .left_part{width: 320px; min-width: 320px; margin-right: 10%; padding-top: 111px;} .x-principles .left_part h3{font-size: 36px; margin: 0; padding: 0; letter-spacing: 0px; line-height: 1.2; position: relative; left: -2px; margin-bottom: 35px; font-weight: 500;} .x-principles .left_part h3:after{top: 100%; margin-top: 11px; width: 100px; height: 2px; background-color: #45a2df; content: ''; position: absolute; left: 2px;} .x-principles .left_part p{margin: 0px; padding: 0px; color: #666;} .x-principles .left_part p span{display: block; margin-bottom: 30px;} .x-principles .left_part p span:last-child{margin-bottom: 0px;} .x-principles .right_part{width: 100%; position: relative;} .x-principles .right_part ul{margin: 0px; list-style-type: none; margin-left: -30px;} .x-principles .right_part li{width: 50%; float: left; padding-left: 30px; margin-bottom: 20px;} .x-principles .right_part li:first-child{padding-top: 50px;} .x-principles .right_part .item{width: 100%; float: left; clear: both; position: relative; padding: 20px 10px 10px 20px;} .x-principles .right_part .item:after{content: ''; position: absolute; width: 20px; height: 250px; top: 0px; left: 0px; background-color: #e8eef3;} .x-principles .right_part .item:before{content: ''; position: absolute; left: 0px; top: 250px; border-top: 20px solid #e8eef3; border-left: 20px solid transparent;} .x-principles .right_part .title_holder:after{content: ''; position: absolute; width: 180px; height: 20px; bottom: 100%; left: 0px; background-color: #e8eef3;} .x-principles .right_part .title_holder:before{content: ''; position: absolute; left: 180px; bottom: 100%; border-top: 20px solid transparent; border-left: 20px solid #e8eef3;} .x-principles .right_part .title_holder{width: 100%; float: left; clear: both; position: relative; background-color: #fff; padding: 44px 60px 72px 30px; min-height: 300px; box-shadow: 0px 0px 10px rgba(0,0,0,0.08);} .x-principles .right_part .number_holder{position: absolute; width: 70px; height: 80px; right: 0px; bottom: 0px; line-height: 80px; letter-spacing: 0px; font-size: 36px; font-weight: 400; color: #fff; background-color: #e4810c; text-align: center; border-radius: 2px; font-family: 'Rubik';} .x-principles .right_part h3{margin: 0; padding: 0; letter-spacing: 0; font-size: 20px; margin-bottom: 16px; color: #041230;} .x-principles.classic .left_part{padding-top: 0px;} .x-principles.classic .right_part li:first-child{padding-top: 0px;} @media(max-width: 1200px){ .x-principles .inner{flex-direction: column;} .x-principles .left_part{padding-top: 0px; width: 100%; clear: both; min-width: 100%; margin-right: 0px; margin-bottom: 50px;} .x-principles .right_part{clear: both;} .x-principles .right_part li:first-child{padding-top: 0px;} } @media(max-width: 768px){ .x-principles .right_part li{width: 100%;} } .x-kenburnsy_wrap{width: 100%; position: relative; float: left;} .x-kenburnsy{overflow: hidden; height: 100vh; height: calc(100vh - 90px); height: -moz-calc(100vh - 90px); height: -webkit-calc(100vh - 90px);} @media(max-width: 782px){ } .x-kenburnsy img{visibility: hidden;} .x-experience .list ul{margin-left: -40px;} .x-experience .inner{flex-direction: row;} .x-experience .list{margin-left: 150px;} @media(max-width: 1040px){ .x-experience .inner{flex-direction: column;} .x-experience .list{margin-left: 0px;} .x-experience .inner{padding: 100px 0px;} }
/* ---------- tema bileşeni tamamlayıcıları ---------- */
.x-kenburnsy{position:relative;overflow:hidden;height:calc(100vh - 90px);min-height:420px;background:#151515}
.x-kenburnsy .kb{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1);will-change:transform,opacity}
.x-kenburnsy .kb.kb-on{opacity:1;animation:kbz linear forwards;z-index:1}
.x-kenburnsy .kb.kb-cik{opacity:0;transition:opacity 1.5s;z-index:2}
@keyframes kbz{from{transform:scale(1)}to{transform:scale(1.12)}}
.x-kenburnsy img{display:none}
.svg{display:inline-block}
.x-introduce .video,.x-info_rating .lightbox{cursor:pointer}

/* eski sitede kartlar tek sütun diziliyordu (isotope yüklenmiyordu) — görünüm birebir korunur */
.x-principles .right_part li{clear:both}

.e-584e977{box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}
.e-584e977 > .ov{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.e-57ac5f0 > .c-w{padding:0px 15px 0px 15px;}
.e-ccdf01a .il-i i{color:#9AA3B2;transition:color 0.3s;}
.e-ccdf01a .il-i svg{fill:#9AA3B2;transition:fill 0.3s;}
.e-ccdf01a .il li:hover .il-i i{color:#FF8F27;}
.e-ccdf01a .il li:hover .il-i svg{fill:#FF8F27;}
.e-ccdf01a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;width:auto;max-width:auto;align-self:center;}
.e-ccdf01a .il-x{transition:color 0.3s;}
.e-ccdf01a > .wc{margin:0px 30px 0px 0px;padding:5px 15px 5px 30px;background-color:#2D2D2D;}
.e-f0235e9{color:#9B9B9B;font-size:12px;font-weight:600;width:auto;max-width:auto;align-self:center;}
.e-ba56336.c[data-element_type="column"] > .c-w.c-w{align-content:center;align-items:center;}
.e-ba56336.c > .c-w{justify-content:flex-end;}
.e-ba56336 > .c-w{padding:0px 15px 0px 15px;}
.e-fbc046f .il-i i{transition:color 0.3s;}
.e-fbc046f .il-i svg{transition:fill 0.3s;}
.e-fbc046f{--e-icon-list-icon-size:13px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-offset:0px;width:auto;max-width:auto;align-self:center;}
.e-fbc046f .il li > .il-x,.e-fbc046f .il li > a{font-size:12px;font-weight:600;line-height:14px;}
.e-fbc046f .il-x{color:#9A9A9A;transition:color 0.3s;}
.e-0a78444.c[data-element_type="column"] > .c-w.c-w{align-content:center;align-items:center;}
.e-0a78444.c > .c-w{justify-content:flex-end;}
.e-0a78444 > .c-w{padding:0px 15px 0px 15px;}
.e-60f1ef3 .gva-navigation-menu ul.gva-nav-menu > li .submenu-inner,.gva-navigation-menu ul.gva-nav-menu > li ul.submenu-inner{min-width:128px;}
.e-60f1ef3 > .wc{margin:-20px -20px -20px -20px;}
.e-7ae5d4e{box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.1);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}
.e-7ae5d4e > .ov{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}
.e-6bc2e87 > .c-w{padding:0px 0px 0px 15px;}
.e-3eb8 .gsc-logo .site-branding-logo{max-width:230px;}
.e-3eb8 > .wc{padding:18px 0px 15px 0px;}
.e-1ff7 .gva-navigation-menu ul.gva-nav-menu > li .submenu-inner,.gva-navigation-menu ul.gva-nav-menu > li ul.submenu-inner{min-width:250px;}
.e-1ff7 .gva-navigation-menu ul.gva-nav-menu > li > a{color:#9B9B9B;}
.e-1ff7 .gva-navigation-menu ul.gva-nav-menu > li > a:hover{color:#FFFFFF;}
.e-1ff7 .gva-navigation-menu ul.gva-nav-menu > li.current_page_parent > a{color:#FFFFFF;}
.e-1ff7 > .wc{padding:0px 0px 0px 0px;}
.e-8d47c11.c[data-element_type="column"] > .c-w.c-w{align-content:center;align-items:center;}
.e-8d47c11.c > .c-w{justify-content:flex-end;}
.e-8d47c11 > .c-w{padding:0px 5px 0px 15px;}
@media (min-width:768px){.e-6bc2e87{width:23.073%;}.e-6a6a56f{width:74.074%;}.e-8d47c11{width:2.185%;}}
.e-con{--container-max-width:1140px;}
.w:not(:last-child){margin-block-end:20px;}
h1.entry-title{display:var(--page-title-display);}
@media (max-width:1024px){.e-con{--container-max-width:1024px;}}
@media (max-width:767px){.e-con{--container-max-width:767px;}}