.py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}.my-28 {
margin-top: 7rem;
margin-bottom: 7rem;
}.home-yasam {
width: 100%;
height: auto;
}.home-yasam .container {
text-align: center;
}.home-yasam .container .title1 {
margin-bottom: 10px;
}.home-yasam .container .title2 {
margin-bottom: 30px;
}.home-yasam .container p {
color: rgb(109 109 109);
}.mt-10 {
margin-top: 2.5rem !important;
}.iconsvg {
width: 120px;
height: auto;
}.fw-normal {
font-weight: 500 !important;
}.fw-bold {
font-weight: 700 !important;
}.fw-light {
font-weight: 300 !important;
}.fw-light1 {
font-weight: 400 !important;
}.title1 {
font-size: 2rem;
letter-spacing: -0.2px;
line-height: 1.25;
}.title2 {
font-size: 3rem;
line-height: 1.25;
letter-spacing: -0.2px;
}.title3 {
font-size: 1.9rem;
line-height: 1.25;
letter-spacing: -0.2px;
}.title3 small {
font-size: 70%;
}.title4 {
font-size: 1.7rem;
line-height: 1.25;
letter-spacing: -0.2px;
}.title4 small {
font-size: 70%;
}.hidden {
overflow: hidden;
}.text-upparcase {
text-transform: uppercase;
}.resim-alani {
position: relative;
overflow: hidden;
width: 100%;
height: 40vh;
}.h-screen {
height: 100vh;
}.gap-y-10 {
row-gap: 2.5rem;
}.object-center {
-o-object-position: center;
object-position: center;
}.object-cover {
-o-object-fit: cover;
object-fit: cover;
}.w-100 {
width: 100% !important;
}.h-100 {
height: 100% !important;
}@media (min-width: 1024px) {
.resim-alani {
height: 100vh;
}
}/* İçerdeki Resim Katmanı */
.resim-katmani {
position: absolute;
top: -120px;
bottom: -120px;
left: 0;
right: 0;
background-position: center center;
background-size: cover;
will-change: transform;
transform: translateY(0);
}.resim-katmani.resim-katmani2 {
top: -10px;
bottom: -10px;
}.alan-text-inner2 {
position: absolute;
left: 0px;
top: 90px;
z-index: 99;
color: #fff;
line-height: 1.5;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}.alan-text-inner2 .alan-text-inner2-ic {
max-width: 380px;
margin: 0px auto;
text-align: center;
}.alan-text-inner2 p {
font-size: 14px;
}.alan-text-inner {
position: absolute;
left: 90px;
top: 60px;
z-index: 99;
max-width: 380px;
color: #fff;
line-height: 1.5;
}.alan-text-inner p {
font-size: 14px;
}.left-text {
width: 35%;
}.left-text-inner {
width: 100%;
max-width: 90%;
}
.left-text-inner ul {
margin: 0px 0px;
padding-right: 30px;
}
.left-text-inner li {
font-family: var(--font2) !important;
font-size: 14px !important;
}.left-text-inner span {
font-family: var(--font2) !important;
line-height: 1.4 !important;
font-size: 14px !important;
}.left-text-inner strong {
color: #000;
}.mx-auto {
margin-left: auto;
margin-right: auto;
}.right-image {
width: 65%;
}/* Zoom Efekti */
.js-zoom-effect {
transform: scale(1.5, 1.5);
transition: transform 2.8s ease-out !important;
will-change: transform;
display: block;
}.js-zoom-effect.active {
transform: scale(1) !important;
}/* --- Text Animasyonları (AOS Benzeri) --- */
.left-text-inner {
opacity: 0;
transform: translateY(60px);
/* Aşağıdan başla */
transition: all 1s ease-out;
/* 1 saniyede yumuşakça gel */
will-change: transform, opacity;
}/* Javascript ile bu sınıf eklenince görünür olacak */
.left-text-inner.active {
opacity: 1;
transform: translateY(0);
/* Yerine otur */
}@media (min-width: 1200px) {
.order-xl-1 {
order: 1 !important;
}.order-xl-2 {
order: 2 !important;
}
}.flex-wrap {
flex-wrap: wrap;
}/**/
.sayfa-gecis {
width: 100%;
background-image: url("../images/bg1.webp");
background-attachment: scroll;
/* Fixed yerine scroll yapıyoruz veya bu satırı siliyoruz */
background-position: center bottom;
/* Başlangıç pozisyonu */
background-repeat: no-repeat;
background-size: cover;
position: relative;
/* JS hesaplaması için gerekli */
overflow: hidden;
}.sayfa-gecis::before {
width: 100%;
content: "";
position: absolute;
left: 0px;
top: 0px;
height: 100%;
background: #02353b;
opacity: 30%;
}.sayfa-gecis .sayfa-gecis-ic {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 316px;
gap: 80px;
position: relative;
}.sayfa-gecis .sayfa-gecis-ic svg {
fill: #fff;
height: 23px;
width: 23px;
}.sayfa-gecis .sayfa-btn {
gap: 0.8rem;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 20px;
display: flex;
align-items: center;
}.hero__scrollTo {
width: 2px;
height: 96px;
background: #ffffff46;
position: relative;
overflow: hidden;
}.hero__scrollTo::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fff;
transform-origin: top;
animation: passingLine2 1.5s linear infinite;
}@keyframes passingLine2 {
0% {
transform: translateY(-100%);
/* Çizgi yukarıdan başlıyor */
}100% {
transform: translateY(100%);
/* Aşağıya iniyor ve kayboluyor */
}
}/**/
/* Ana Kapsayıcı */
.ozel-galeri-kapsayici {
width: 100%;
position: relative;
}/* Görsel Alanı */
.ozel-galeri-kapsayici .ogk-resim-sahnesi {
width: 100%;
height: 85vh;
position: relative;
overflow: hidden;
background-color: #f0f0f0;
}/* Slayt Kapsayıcıları */
.ozel-galeri-kapsayici .ogk-slayt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.8s ease-in-out;
/* Resimlerin üst üste binmesini sağlar */
display: flex;
justify-content: center;
align-items: center;
}/* YENİ: İMG Etiketi Stilleri */
.ozel-galeri-kapsayici .ogk-resim {
width: 100%;
height: 100%;
object-fit: cover;
/* Resmi kutuya yayar (background-size: cover gibi çalışır) */
display: block;
}/* Aktif Slayt */
.ozel-galeri-kapsayici .ogk-slayt.ogk-aktif {
opacity: 1;
z-index: 1;
/* Aktif olanı üste çıkar */
}/* Kontrol Paneli */
.ogk-kontrol-paneli {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 20px 0px;
width: 100%;
background-color: #fff;
max-width: 780px;
}.ogk-kontrol-paneli .ogk-cubuk-alani {
flex-grow: 1;
height: 6px;
background-color: #e0e0e0;
margin-right: 40px;
position: relative;
max-width: 70%;
border-radius: 6px;
overflow: hidden;
}.ogk-kontrol-paneli .ogk-dolum-cubugu {
height: 100%;
background-color: #bfa35f;
width: 0%;
transition: width 0.4s ease;
}.ogk-kontrol-paneli .ogk-yon-butonlari {
display: flex;
gap: 20px;
}.ogk-kontrol-paneli .ogk-ok-btn {
background: none;
border: none;
cursor: pointer;
color: #333;
transition: color 0.3s;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
}.ogk-kontrol-paneli .ogk-ok-btn:hover {
color: #bfa35f;
}.ogk-kontrol-paneli .ogk-ok-btn svg {
width: 30px;
height: 30px;
}/* --- FOOTER GENEL YAPISI --- */
.site-footer {
background-color: #fdfbf7;
/* Krem rengi arka plan */
color: #1a1a1a;
padding: 80px 0 40px;
font-size: 14px;
border-top: 1px solid #eee;
}.site-footer .container {
max-width: 100%;
margin: 0 auto;
padding: 0 40px;
}.site-footer a {
text-decoration: none;
color: inherit;
transition: color 0.3s;
}.site-footer a:hover {
color: #b08d55;
/* Gold hover rengi */
}/* --- ÜST KISIM (GRID/FLEX) --- */
.site-footer .footer-top {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 80px;
gap: 30px;
}/* --- 1. SÜTUN: Marka & Logo --- */
.site-footer .brand-col {
flex: 0 0 280px;
text-align: left;
}.site-footer .footer-logo-area {
display: inline-block;
text-align: center;
}.site-footer .main-logo {
font-size: 28px;
color: #a38458;
/* Gold rengi */
letter-spacing: 3px;
margin-bottom: 10px;
}.site-footer .sub-logo {
font-style: italic;
color: #a38458;
font-size: 13px;
margin-bottom: 5px;
}.site-footer .location-text {
font-size: 10px;
letter-spacing: 2px;
color: #a38458;
text-transform: uppercase;
}/* Sosyal İkonlar */
.site-footer .social-icons {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 30px;
}.site-footer .social-icons li {
list-style: none;
}.site-footer .social-icons a {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border: 1px solid #1a1a1a;
border-radius: 50%;
color: #1a1a1a;
transition: all 0.3s ease;
}.site-footer .social-icons a svg {
width: 16px;
height: 16px;
}.site-footer .social-icons a:hover {
background-color: #1a1a1a;
color: #fff;
}
.site-footer .social-icons a:hover svg {
fill: #fff;
}/* --- ORTA SÜTUNLAR (Linkler) --- */
.site-footer .links-col {
flex: 0 0 170px;
}.site-footer .links-col h4 {
color: #888;
/* Başlıklar gri */
font-weight: 400;
margin-bottom: 20px;
font-size: 15px;
}.site-footer .links-col ul {
list-style: none;
padding: 0;
margin: 0;
}.site-footer .links-col ul li {
margin-bottom: 16px;
line-height: 1;
}.site-footer .links-col ul li a {
font-size: 14px;
color: #000;
line-height: 1.4;
font-weight: 500;
}/* --- SAĞ SÜTUN (Omniyat & Buton) --- */
.site-footer .action-col {
flex: 0 0 280px;
}.site-footer .omniyat-logo {
font-size: 24px;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 20px;
text-transform: uppercase;
font-family: sans-serif;
}.site-footer .contact-btn {
display: inline-block;
background-color: #808080;
/* Gri buton */
color: #fff !important;
padding: 12px 30px;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 20px;
border: none;
transition: background 0.3s;
}.site-footer .contact-btn:hover {
background-color: #666;
}.site-footer .disclaimer {
font-size: 13px;
line-height: 1.5;
color: #1a1a1a;
}/* --- ALT KISIM (Çizgi Altı) --- */
.site-footer .privacy-link {
display: flex;
align-items: center;
}.site-footer .privacy-link span {
display: flex;
justify-content: space-between;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
font-size: 14px;
padding: 0px 15px;
margin-right: 15px;
}.site-footer .footer-bottom {
display: flex;
justify-content: space-between;
border-top: 1px solid #e5e5e5;
padding-top: 30px;
font-size: 14px;
color: #000;
}.site-footer .footer-bottom a {
color: #000;
}/* --- RESPONSIVE (MOBİL) AYARLARI --- */
@media (max-width: 1200px) {
.site-footer .footer-top {
gap: 20px;
}
}@media (max-width: 1200px) {
.site-footer .main-logo img {
height: 90px;
}.site-footer .container {
padding: 0 15px 40px;
}.site-footer .action-col {
flex: 1;
text-align: center;
}
.site-footer .footer-top {
flex-direction: column;
align-items: flex-start;
}.site-footer .brand-col {
width: 100%;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
flex: 1;
}.site-footer .links-col {
text-align: center;
}.site-footer .social-icons {
justify-content: center;
}.site-footer .links-col {
flex: 1;
}.site-footer .links-col {
width: 100%;
/* Mobilde yan yana 2 kolon */
margin-bottom: 20px;
}.site-footer .action-col {
width: 100%;
margin-top: 20px;
}.site-footer .footer-bottom {
flex-direction: column;
gap: 15px;
}
}.scrool-down {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
z-index: 99;
color: #fff;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}.scrool-down .cizgi {
width: 2px;
height: 40px;
background: #ffffff46;
position: relative;
overflow: hidden;
margin: 10px auto 0px;
}.scrool-down .cizgi::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fff;
transform-origin: top;
animation: passingLine 1.5s linear infinite;
}@keyframes passingLine {
0% {
transform: translateY(-100%);
/* Çizgi yukarıdan başlıyor */
}100% {
transform: translateY(100%);
/* Aşağıya iniyor ve kayboluyor */
}
}/**/
/* --- HARİTA NOKTALARI GENEL KAPLAYICI --- */
.map-points-container {
margin-top: -25px;
position: absolute;
top: 50%;
left: 50%;
height: 100vh;
/* Yüksekliği ekran boyuna sabitler */
transform: translate(-50%, -50%);
/* MERKEZE KİLİTLEME */
background-size: cover;
background-position: center center;
/* Resmi kutunun içinde ortala */
background-repeat: no-repeat;
/* Genişlik ve Yükseklik JS tarafından atanacak */
z-index: 1;
pointer-events: none;
/* Tıklamalar arkaya geçsin */
}.map-point {
pointer-events: auto;
/* Noktalara tıklanabilsin */
}/* --- ORTAK NOKTA STİLİ --- */
.map-point {
position: absolute;
display: flex;
align-items: center;
opacity: 0;
/* Başlangıçta gizli */
animation: fadeInPoint 1s ease-out forwards;
/* Giriş Animasyonu */
}/* Nokta (Beyaz Yuvarlak) */
.point-dot {
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
position: relative;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
animation: whitePulse 2s infinite;
/* Sürekli yanıp sönme */
}/* Nokta etrafındaki halka efekti */
.point-dot::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
}/* Çizgi */
.point-line {
height: 1px;
background-color: rgba(255, 255, 255, 0.6);
width: 0;
/* Başlangıçta 0 */
margin: 0 10px;
transition: width 0.5s ease;
animation: growLine 1s 0.5s forwards;
/* Çizgi uzama animasyonu */
}/* Yazı Etiketi */
.point-label {
color: #fff;
font-size: 12px;
text-transform: uppercase;
white-space: nowrap;
opacity: 0;
transform: translateY(5px);
animation: slideUpText 0.5s 1s forwards;
/* Yazı gelme animasyonu */
}/* --- YÖN AYARLAMALARI --- */
/* Yazı Sağda, Nokta Solda */
.pos-right {
flex-direction: row;
}.pos-right .point-label {
text-align: left;
}/* Yazı Solda, Nokta Sağda */
.pos-left {
flex-direction: row;
}.pos-left .point-label {
text-align: right;
}/* --- DİKEY (VERTICAL) NOKTA AYARLARI --- */
/* Ortak Dikey Yapı */
.pos-top,
.pos-bottom {
flex-direction: column;
/* Alt alta sırala */
align-items: center;
/* Ortala */
}/* Yazı Üstte Olsun (Boyalık örneği gibi) */
.pos-top {
flex-direction: column-reverse;
/* Tersi sırala: Yazı en üstte, çizgi ortada, nokta altta */
}/* Dikey modda Çizgi Ayarı */
.pos-top .point-line,
.pos-bottom .point-line {
width: 1px;
/* Genişlik incecik */
height: 0;
/* Yükseklik animasyonla artacak */
margin: 5px 0;
/* Dikey boşluk */
background-color: rgba(255, 255, 255, 0.6);
animation: growLineVertical 1s 0.5s forwards;
/* Dikey uzama animasyonu */
}/* Dikey modda Yazı Ayarı */
.pos-top .point-label,
.pos-bottom .point-label {
text-align: center;
/* Yazıyı ortala */
margin: 5px 0;
}/* --- DİKEY ANİMASYON (Yükseklik Uzaması) --- */
@keyframes growLineVertical {
to {
/* --line-h değişkeni varsa onu kullan, yoksa 40px yap */
height: var(--line-h, 40px);
}
}/* --- MERKEZ LOGO (AVA) ÖZEL STİLİ --- */
.map-center-logo {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
/* Tam ortalamak için */
opacity: 0;
animation: fadeInLogo 1.5s ease-out forwards;
}.center-text {
display: block;
}.center-text img {
width: auto;
height: 89px;
}/* Kırmızı Yanıp Sönen Daire */
.center-pulse {
position: absolute;
right: -66px;
top: 25px;
width: 20px;
height: 20px;
background-color: rgb(220, 53, 70);
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
animation: redPulse 2s infinite;
}/* --- ANİMASYON KEYFRAMES --- */
/* Tüm bloğun görünmesi */
@keyframes fadeInPoint {
to {
opacity: 1;
}
}/* Çizginin uzaması */
@keyframes growLine {
to {
width: var(--line-w, 40px);
}
}/* Yazının alttan yukarı kayarak gelmesi */
@keyframes slideUpText {
to {
opacity: 1;
transform: translateY(0);
}
}/* Beyaz nokta yanıp sönme */
@keyframes whitePulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
}100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}/* Kırmızı nokta yanıp sönme (Daha belirgin) */
@keyframes redPulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
}70% {
transform: scale(1.5);
box-shadow: 0 0 0 20px rgba(220, 53, 69, 0);
}100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
}
}/* Logo Giriş */
@keyframes fadeInLogo {
0% {
opacity: 0;
transform: translate(-50%, -40%);
}100% {
opacity: 1;
transform: translate(-50%, -50%);
}
}/* ANA KAPLAYICI (Background Harita Burada) */
.konum-wrapper {
position: relative;
display: flex;
align-items: center;
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
/* Taşan kısımları gizle */
}/* KARARTMA EFEKTİ (Yazıların okunması için soldan sağa gradient) */
.konum-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* Solda koyu turkuaz, sağa doğru şeffaflaşıyor */
background: linear-gradient(
90deg,
rgba(1, 46, 54, 0.95) 0%,
rgba(1, 46, 54, 0.85) 40%,
rgba(1, 46, 54, 0.1) 100%
);
z-index: 1;
display: none;
}/* İÇERİK KONTEYNERİ (Yazıların durduğu alan) */
.konum-container {
position: relative;
z-index: 2;
/* Overlay'in üstünde olması için */
width: 100%;
margin: 0 auto;
padding: 50px;
justify-content: space-between;
/* Sol içerik ve sağ logo için */
}/* SOL İÇERİK BLOKU */
.konum-sol-blok {
max-width: 490px;
/* Yazıların genişliğini sınırlar */
}/* BAŞLIK KISMI */
.konum-header {
margin-bottom: 30px;
}.konum-header h2 {
font-weight: 200;
font-size: 32px;
line-height: 1.3;
color: #9ebdc0;
}.konum-header h2 span {
color: #ffffff;
font-weight: 400;
}/* ORTA BÖLÜM (Resimler ve Açıklama) */
.konum-orta-bolum {
display: flex;
gap: 30px;
margin-bottom: 30px;
align-items: flex-start;
}/* Resim Alanı */
.konum-resim-kutusu {
display: flex;
gap: 10px;
flex-shrink: 0;
/* Resimlerin sıkışmasını engeller */
}.konum-img {
height: 188px;
width: 220px;
background-size: cover;
background-position: center;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}/* Sol resim (Sörfçü) - Sol üst köşesi yuvarlak */
.konum-img-1 {
background-image: url("https://images.unsplash.com/photo-1502680390469-be75c86b636f?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80");
border-top-left-radius: 120px;
}/* Sağ resim (Yat) */
.konum-img-2 {
background-image: url("https://images.unsplash.com/photo-1569263979104-865ab7cd8d13?ixlib=rb-1.2.1&auto=format&fit=crop&w=600&q=80");
}/* Açıklama Metni */
.konum-aciklama {
font-size: 13px;
line-height: 1.7;
color: #cce0e2;
font-weight: 300;
}.konum-aciklama p {
margin-bottom: 12px;
}/* Dalga İkonu */
.konum-dalga-ikon {
margin-top: 15px;
width: 100px;
opacity: 0.8;
stroke: #fff;
}/* LİSTE BÖLÜMÜ */
.konum-liste-alani {
display: flex;
justify-content: space-between;
gap: 50px;
width: 100%;
}.konum-liste-sutun {
flex: 1;
}.konum-liste-oge {
display: flex;
align-items: baseline;
margin-bottom: 4px;
font-size: 13px;
color: #dbece9;
}.konum-yer {
white-space: nowrap;
padding-right: 5px;
}/* Noktalı çizgi */
.konum-noktalar {
flex-grow: 1;
border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
margin: 0 5px;
position: relative;
top: -4px;
}.konum-sure {
white-space: nowrap;
padding-left: 5px;
}/* SAĞ LOGO ALANI (HARİTA ÜZERİNDEKİ LOGO) */
.konum-logo-alani {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 15%;
/* Haritada biraz ortada durması için */
margin-top: -100px;
}.konum-logo-alt {
font-size: 14px;
letter-spacing: 8px;
margin-top: 10px;
text-transform: uppercase;
color: #fff;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}/* Yuvarlak Kırmızı Nokta Efekti (Logo yanındaki) */
.konum-logo-nokta {
width: 40px;
height: 40px;
border: 2px solid rgba(255, 0, 0, 0.6);
border-radius: 50%;
background-color: rgba(255, 0, 0, 0.2);
position: absolute;
margin-left: 180px;
margin-top: -40px;
animation: pulse 2s infinite;
}@keyframes pulse {
0% {
transform: scale(1);
opacity: 1;
}50% {
transform: scale(1.2);
opacity: 0.7;
}100% {
transform: scale(1);
opacity: 1;
}
}/* MOBİL UYUMLULUK */
@media (max-width: 1200px) {
.konum-container {
flex-direction: column;
}.konum-overlay {
background: linear-gradient(
180deg,
rgba(1, 46, 54, 0.95) 0%,
rgba(1, 46, 54, 0.95) 60%,
rgba(1, 46, 54, 0.4) 100%
);
}.konum-logo-alani {
display: none;
/* Mobilde logoyu gizleyelim ya da aşağı alalım */
}.site-header .main-nav ul#main-menu li:nth-child(9) {
margin-left: 0px;
}.py-28 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.title2 {
font-size: 2.3rem;
line-height: 1.25;
letter-spacing: -0.2px;
}
.h-screen {
height: auto;
display: block !important;
}.left-text {
width: 100%;
margin-bottom: 30px;
}.right-image {
width: 100%;
}
.my-28 {
margin-top: 4rem;
margin-bottom: 4rem;
}.ozel-galeri-kapsayici .ogk-resim-sahnesi {
width: 100%;
height: 440px;
position: relative;
overflow: hidden;
background-color: #f0f0f0;
}.site-footer {
padding: 40px 0 0px;
}
.site-footer .footer-logo-area {
display: inline-block;
text-align: center;
width: 100%;
}
}@media (max-width: 1200px) {
.konum-orta-bolum {
flex-direction: column;
}.konum-resim-kutusu {
width: 100%;
justify-content: center;
}.konum-liste-alani {
flex-direction: column;
gap: 20px;
}.konum-header h1 {
font-size: 32px;
}.form1 .guvenlik_input {
max-width: 100% !important;
}
}.sozlesmemodall .modal-dialog {
max-width: 1200px;
}/* --- Genel Form Stili --- */
.form1 {
width: 100%;
background-color: transparent;
}/* --- Form Etiketleri (Label) --- */
.form1 .basliklabel {
font-weight: 400;
/* Daha ince font */
color: #000;
/* Yazı rengi siyah */
margin-bottom: 5px;
display: none;
font-size: 14px;
}.form1 .guvenlikResim {
position: absolute;
right: 0;
bottom: 6px;
height: 25px;
}/* Gerekli alanları belirten yıldız (*) için stil */
.form1 .form-label span {
color: #000;
/* Yıldız da siyah olsun (görseldeki gibi) */
font-weight: normal;
margin-left: 2px;
}/* --- Input ve Textarea Alanları --- */
.form1 .form-control {
width: 100%;
padding: 10px 0;
border: none;
border-bottom: 1px solid #888;
border-radius: 0;
font-size: 1rem;
color: #333;
background-color: transparent;
transition: border-color 0.3s ease;
}/* Placeholder rengi */
.form1 .form-control::placeholder {
color: #000;
/* Siyah */
opacity: 1;
/* Safari’de daha net görünmesi için */
}/* Select kutuları (Açılır menü) için ok işareti düzeltmesi */
.form1 select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
background-repeat: no-repeat;
background-position: right 0px center;
cursor: pointer;
}/* Input alanına tıklandığında (focus) oluşacak efekt */
.form1 .form-control:focus {
border-bottom: 1px solid #000;
/* Tıklanınca çizgi siyah olsun */
box-shadow: none;
/* Parlama efektini kaldırdık */
outline: none;
}/* Placeholder metinleri */
.form1 .form-control::placeholder {
color: #000;
opacity: 1;
font-size: 0.9rem;
}/* Textarea ayarı */
.form1 textarea.form-control {
resize: vertical;
font-family: sans-serif;
}/* --- Güvenlik Kodu / Telefon Alanı Gruplaması --- */
.form1 .input-group {
display: flex;
width: 100%;
align-items: center;
border-bottom: 1px solid #888;
/* Gruba alt çizgi veriyoruz */
}.form1 .input-group .form-control {
border-bottom: none;
/* Grup içindeki inputun kendi çizgisini kaldır */
margin-bottom: 0;
padding-bottom: 10px;
}.form1 .form-group {
position: relative;
margin-bottom: 30px;
/* Elemanlar arası boşluğu artırdık */
}/* --- Gönder Butonu --- */
.form1 .btn {
/* Görseldeki Gri Buton Rengi */
background-color: #888888 !important;
color: #ffffff;
border: none;
padding: 15px 30px;
font-size: 1rem;
font-weight: 600;
border-radius: 0;
/* Keskin köşeler */
cursor: pointer;
width: auto;
/* Görseldeki gibi buton içeriği kadar olsun veya ortalansın */
min-width: 200px;
/* Minimum genişlik */
display: block;
margin: 40px auto 0 auto;
/* Ortala ve yukarıdan boşluk ver */
text-transform: uppercase;
/* BÜYÜK HARF */
letter-spacing: 1px;
transition: background-color 0.3s ease;
}/* Butonun üzerine gelince (hover) efekti */
.form1 .btn:hover {
background-color: #555555 !important;
/* Daha koyu gri */
transform: none;
/* Hareket efektini sadelik için kaldırdım */
}.form1 .guvenlik_input {
max-width: 50%;
}.pt-0 {
padding-top: 0 !important;
}/* MOBİL GİZLEME */
@media (max-width: 1200px) {
.map-point {
display: none;
/* Mobilde harita çok küçük olacağı için noktaları gizlemek daha iyi olabilir */
}
.konum-container {
position: relative;
z-index: 2;
width: 100%;
margin: 0 auto;
justify-content: space-between;
}.konum-container {
background: url("../images/konum.webp");
background-size: cover;
padding: 50px 15px;
}.sayfa-gecis .sayfa-gecis-ic {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 166px;
gap: 30px;
position: relative;
}
.sayfa-gecis .sayfa-btn {
gap: 0.8rem;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 15px;
display: flex;
align-items: center;
}.map-points-container {
background: transparent;
}.konum-wrapper {
width: 100%;
height: auto;
}
}.footer1 {
background-color: #ffffff;
padding: 60px 0 20px 0;
color: #333;
border-top: 1px solid #f2f2f2;
}.footer1-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}/* Logo Ayarları */
.main-logo-img {
max-width: 148px;
height: auto;
margin-bottom: 40px;
}/* İletişim Satırı */
.footer1-contact-row {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 15px;
}.footer1-info-item {
font-size: 24px;
font-weight: 300;
color: #7a989c;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
}.footer1-info-item svg {
stroke: #7a989c;
width: 20px;
}.footer1-v-divider {
width: 1px;
height: 35px;
background-color: #ddd;
}.footer1-address {
font-size: 14px;
color: #888;
margin-bottom: 30px;
}/* Menü */
.footer1-nav {
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #f9f9f9;
padding: 15px 0;
margin-bottom: 40px;
}.footer1-nav a {
text-decoration: none;
color: #555;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
margin: 0 15px;
transition: 0.3s;
}.footer1-nav a:hover {
color: #7a989c;
}/* Aksiyon Alanı (Sosyal & Katalog) */
.footer1-actions-wrap {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 50px;
}.footer1-social {
display: flex;
gap: 15px;
}.footer1-social a {
color: #7a989c;
transition: 0.3s;
}.footer1-social li {
list-style: none;
}
.footer1-social a svg {
fill: #7a989c;
transition: 0.3s;
width: 23px;
height: 23px;
}.footer1-social a:hover {
transform: translateY(-3px);
}/* Katalog Butonu */
.footer1-catalog-btn-premium {
display: flex;
align-items: center;
background-color: #7a989c;
color: #fff;
text-decoration: none;
padding: 6px 6px 6px 20px;
border-radius: 50px;
transition: 0.3s;
}.footer1-catalog-btn-premium .btn-text {
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
margin-right: 15px;
}.footer1-catalog-btn-premium .btn-icon {
background: #fff;
color: #7a989c;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}.footer1-catalog-btn-premium:hover {
background-color: #333;
}/* İş Ortakları */
.footer1-partners {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-bottom: 50px;
}.partner-img {
max-height: 45px;
width: auto;
}.partner-divider {
height: 25px;
}/* Alt Bant (Copy & Credits) */
.footer1-bottom-bar {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #f2f2f2;
padding-top: 20px;
font-size: 11px;
color: #999;
}.footer1-credits {
display: flex;
align-items: center;
gap: 10px;
}.footer1-credits strong {
color: #666;
letter-spacing: 1px;
}.footer1-credits a {
display: flex;
align-items: center;
}
.footer1-credits img {
height: 15px;
width: auto;
}/* Mobil Uyumluluk */
@media (max-width: 768px) {
.footer1-bottom-bar {
flex-direction: column;
gap: 15px;
text-align: center;
}
.footer1-contact-row {
flex-direction: column;
gap: 10px;
}
.footer1-v-divider {
display: none;
}
.footer1-nav a {
display: block;
margin: 10px 0;
}
.footer1-actions-wrap {
flex-direction: column;
gap: 20px;
}.main-logo-img {
max-width: 118px;
height: auto;
margin-bottom: 20px;
}
.footer1-address {
font-size: 14px;
color: #888;
margin-bottom: 10px;
}
}.footer1-address a {
color: #7a989c;
text-decoration: none;
}.footer1-info-item:hover,
.footer1-address a:hover {
color: #7a989c; /* Logodaki renk */
}