@font-face { font-family: 'brandon-medium'; src: url(/a/s/font/medium.otf); font-weight: normal; font-style: normal; } @font-face { font-family: 'brandon-normal'; src: url(/a/s/font/regular.otf); font-weight: normal; font-style: normal; } body { font-family: 'brandon-normal'; font-weight: normal; font-style: normal; font-size: 1rem!important; color:#000; } a { color: inherit; text-decoration: none; } a:hover { color: inherit; } .z-index-important{ z-index:999999!important; } .efekt{ transition:all .25s; } .efekt-2{ transition:all .50s; } .efekt-3{ transition:all .75s; } .efekt-4{ transition:all 1s; } .fancybox-slide--image { padding: 44px; } .fancybox-slide { padding: 44px; } .bg-gorsel{background-repeat:no-repeat!important;background-position:center!important;background-size:cover} .bg-parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;} .img-fit { display: block; width: 100%; height: 100%; object-fit: cover; } .golge:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,.50); } .alt-golge:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 25%; z-index: 2; background-image: linear-gradient(to top, rgba(0,0,0,.25) , rgba(0,0,0,0)) } .fs-huge-1 { font-size: 7rem!important; } .fs-big-1 { font-size: 4rem!important; } .fs-big-2 { font-size: 3.5rem!important; } .fs-big-3 { font-size: 3rem!important; } strong, b, .fw-bold { font-family: 'brandon-medium' !important; font-weight: normal!important; font-style: normal!important; } .fw-light { font-family: BrandonTextWeb-Light; font-weight: normal; font-style: normal;} .fs-big-1, .fs-big-2, .fs-big-3, .fs-1  { line-height: 1.25 !important; } /* ========================================== MENÜ  ======== */ .menu { padding: 0px; background-color: transparent;  height: 120px;   } .menu-bosluk { margin-top: 120px; } .navbar-brand { width: 190px; min-width: 190px; } .menu .navbar-nav .active { } .menu .navbar-nav .nav-link { color: #000; padding: 0px; margin: 0px; margin-right: 0px; position: relative; fill: #000; height: 100%; display: flex; align-items: center; } .menu .navbar-nav .nav-item:last-of-type .nav-link { margin-right: 0px !important; } .menu .dropdown:hover .nav-link, .menu .nav-link:hover { text-decoration:underline !important; } .menu .dropdown:hover .dropdown-menu {  display: block; pointer-events: auto; opacity: 1; margin-top: 27px; } .menu .navbar-nav .dropdown-menu:before { content: ''; position: absolute; top: -35px; left: 0px; width: 100%; height: 35px; background-color: transparent; z-index: 100; display: block; } .menu .navbar-nav .dropdown-menu { display: block; width: auto; padding: 20px; border: none; opacity: 0; pointer-events: none; background-color: #fff ; color: #000; margin-top: 27px; margin-top: 50px; border-radius: 0px; transition:all.3s;  box-shadow: 0 0.4rem 0.5rem rgba(0, 0, 0, 0.25) !important; border-radius: 10px;} .menu .navbar-nav .dropdown-menu .dropdown-item { color: #000 !important; white-space: nowrap; } .menu .navbar-nav .dropdown-menu .dropdown-item:hover, .menu .navbar-nav .dropdown-menu .dropdown-item:focus { background-color: transparent!important; color: #000 !important; text-decoration:underline; } .navbar .has-megamenu{ position:static!important; } .navbar .megamenu{ background-color: red !important; left:0; right:0; width:100%; margin-top:0; color: yellow; text-align: center; } .menu .dropdown:hover .dropdown-item:before { display: block; } .menu-language.dropdown-toggle::after { display: none;} .menu-right-align { left: auto !important; right: 0 !important; } .menu-sabit, .mobil-sabit, .menu-scrolled { background-color: rgba(255,255,255,1); } .menu-scrolled .menu-ust, .menu-sabit .menu-ust, .mobil-sabit .menu-ust {  } .menu-scrolled .logo-beyaz, .menu-sabit .logo-beyaz, .mobil-sabit .logo-beyaz { display: none !important; } .menu-scrolled .logo-siyah, .menu-sabit .logo-siyah, .mobil-sabit .logo-siyah { display: block !important; } .menu-scrolled .navbar-nav .nav-link, .menu-sabit .navbar-nav .nav-link, .mobil-sabit .navbar-nav .nav-link { color: #000; fill: #000; } .menu-sabit .menu-tel, .mobil-sabit .menu-tel, .menu-scrolled .menu-tel{ border-color: #000 !important; } .menu-scrolled { height: 100px; } /* .menu-scrolled-2 { top: -40px !important; } .menu-mobil-scrolled { height: calc(100vh - 80px) !important; margin-top:80px !important; }*/ .menu-mobil { position: fixed; top: 0; left: -100%; width: 100%; height: calc(100vh - 80px); margin-top:80px; z-index: 999; background-image: linear-gradient(to bottom, #6ecce4, #022546); overflow: auto !important; padding: 20px; color: #fff !important; } .menu-mobil.active {left: 0;} .menu-mobil .nav-link { color: #fff; fill: #fff; } .nav-mobile { position: absolute; top: 50%; margin-top: -20px; right: 20px; height: 40px; width: 40px; background-color: #fff; border-radius: 8px; } .nav-mobile:hover { } .ham { width: 100%; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .hamRotate.active { transform: rotate(45deg); } .hamRotate180.active { transform: rotate(180deg); } .line { fill:none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke:#0b4790; stroke-width:4; stroke-linecap:round; } .ham7 .top { stroke-dasharray: 40 82; } .ham7 .middle { stroke-dasharray: 40 111; } .ham7 .bottom { stroke-dasharray: 40 161; } .ham7.active .top { stroke-dasharray: 17 82; stroke-dashoffset: -62px; } .ham7.active .middle { stroke-dashoffset: 23px; } .ham7.active .bottom { stroke-dashoffset: -83px; } /* ========================================== SLIDER  ======== */ .swiper { width: 100%; height: calc(100vh ) } .vh-1 { width: 100%; height: calc(100vh + 140px) } .main-slider .swiper-lazy { width: 100%; height: 100%; background-size: cover!important; background-position: center center!important; } .half-slider { width: 100%; max-height: 600px; min-height: 350px; height: calc(50vh); } .half-slider-img { border-radius: 12px; overflow: hidden; height: 100%; } .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 100px; background-color: #A14C09; margin: 0px 5px !important; } .swiper-pagination-bullet-active { opacity: 1; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 30px; color: #fff; } .swiper-button-next, .swiper-button-prev { background-color: transparent; } .swiper-button-next:hover, .swiper-button-prev:hover { transform: scale(1.30); } .swiper-button-next:after, .swiper-button-prev:after { display: none; } .main-slider-content{ border-top: 1px solid #fff; z-index: 2; position: relative; width: 100%; } .main-slider-content img{ max-width: 370px; width: 100%; } /* ========================================== Tabs  ======== */ .model-tabs nav { border-bottom: 1px solid #eeeeee; } .model-tabs .nav-link { color: #000; border: none; border-radius: 0px; position: relative; border-bottom: 1px solid #eeeeee !important;} .model-tabs .nav-link:hover { background-color: #ededed;  } .model-tabs .nav-link.active { background-color: #ededed;  } .plan-tabs nav, .plan-tabs .nav { border:none !important; } .plan-tabs .nav-link { color: #000; border: 1px solid #000000; background-color: #fff; border-radius: 36px; position: relative; padding: 10px 40px !important;} .plan-tabs .nav-link:hover, .plan-tabs .nav-link.active { background-color: #B881B8 ;  color: #fff; } .plan-blok-tabs nav, .plan-blok-tabs .nav { border:none !important; } .plan-blok-tabs .nav-link { color: #cecece; border-radius: 0px; border: none !important; padding: 0px; } .plan-blok-tabs .nav-link:hover, .plan-blok-tabs .nav-link.active {   color: #B881B8; } .yatirimci-iliskileri-tabs  nav, .yatirimci-iliskileri-tabs  .nav { border: none !important;  } .yatirimci-iliskileri-tabs .nav-link { color: #000; border: none; border-bottom: 2px solid rgba(0,0,0,.25);  border-radius: 0px; position: relative; display: flex; justify-content: space-between; gap: 1rem ; padding: 20px 0px; text-align: left!important;} .yatirimci-iliskileri-tabs .nav-link:hover, .yatirimci-iliskileri-tabs .nav-link.active { border-color: #0b4790 !important; color: #0b4790; fill: #0b4790; } .yatirimci-iliskileri-tabs .nav-link.active { font-family: BrandonTextWeb-Bold !important; font-weight: normal!important; font-style: normal!important; } /* ========================================== Accordion  ======== */ .accordion-item { border-left: none !important; border-right: none !important; border-radius: 0px !important; } .accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button { border-radius: 0px !important; } .accordion-item:first-of-type { border-top: none !important; } .accordion-item:last-of-type { border: none !important; } .accordion-button { color: #707070; } .accordion-button:not(.collapsed) { background-color: transparent !important; color: #00a3ff !important; } .accordion-button::before { width: 20px; height: 2px; content: ""; position: absolute; right: 10px; background-color: #00a3ff; z-index: 99; } .accordion-button::after { display: block; width: 2px; height: 20px; content: ""; position: absolute; right: 19px; background-color: #00a3ff; z-index: 99; } .accordion-button:not(.collapsed)::after { display: none; } .yuvarlak { width: 40px; height: 40px; background-color: #ccc; } /* ========================================== Form  ======== */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: rgba(0,0,0,.5) !important; } textarea { height: 140px } .form-control { padding: 0.75rem 0.75rem !important;  border: none !important; border-bottom: 2px solid rgba(0,0,0,.25) !important; border-radius: 0px; color: rgba(0,0,0,.5) !important; } .form-control:focus { box-shadow: none !important; color: rgba(0,0,0,.5) !important;  } .form-check-input {  } .form-check-input:checked { background-color: #0b4790; border: none !important; } .form-check-input:focus { box-shadow: none !important; } form .form-btn { border: 1px solid #707070;  background-color: #fff; color: rgba(0,0,0,.5); cursor: pointer; } form .form-btn:hover { background-color: #0b4790; color: #fff; } .select-rapor { min-width: 200px; border: 1px solid #000 !important; color: #000 !important;} .select-rapor::-webkit-input-placeholder, .select-rapor:focus{ color: #000 !important; } .kvkk { display: none; width: 100%; max-width: 1400px; max-height: 75vh; padding: 25px; } /* ========================================== Renkler  ======== */ .bg-black { background-color: #000; } .bg-grey { background-color: #F7F7F7; } .bg-blue { background-color: #0b4790; } .bg-blue-2 { background-color: #2c6785; } .bg-blue-3 { background-color: #6FCEE6; } .bg-blue-4 { background-color: #03213E; } .bg-green { background-color: #84CA9A; } .bg-green-2 { background-color: #E9F0E8; } .bg-purple { background-color: #B881B8; } .bg-purple-2 { background-color: #9C96C9; } .bg-purple-degrade { background-image: linear-gradient(to bottom, #B881B8, rgba(184,129,184,.0)); } .bg-green-3 { background-color: #B5C478; } .n-light { background-color: #f9ce6f; } .n-green { background-color: #84CA9A; } .n-more { background-color: #b881b8; } .n-space { background-color: #9c96c9; } .n-power { background-color: #6fcee6; } .text-black { color: #000; } .text-blue { color: #0b4790; } .text-purple { color: #B881B8; } .fill-black, .fill-black svg { fill: #000; } .fill-red, .fill-red svg { fill: #d90016; } .fill-white, .fill-white svg{ fill: #fff; } .fill-blue, .fill-blue svg{ fill: #0b4790; } .fill-blue-2, .fill-blue-2 svg{ fill: #2c6785; } .bg-to-black:hover { background-color: #000 !important; } .bg-to-white:hover { background-color: #fff !important; } .bg-to-blue:hover { background-color: #0b4790 !important; } .text-to-black:hover { color: #000 !important; } .text-to-white:hover { color: #fff !important; } .text-to-blue:hover { color: #0b4790 !important; } .fill-to-white:hover { fill: #fff; } .border-blue { border-color: #0b4790 !important; } .border-blue-3 { border-color: #6FCEE6 !important; } /* ====== Hover & Efektler & Butonlar & Animasyonlar ================================================= */ .slider-text-1, .slider-text-2, .slider-text-3 { transition:all.5s; margin-bottom: 75px; opacity: 0; } .swiper-slide-active .slider-text-1 { transition-delay: 1.2s; margin: 0px; opacity: 1; } .swiper-slide-active .slider-text-2 { transition-delay: 1s; margin: 0px; opacity: 1; } .swiper-slide-active .slider-text-3 { transition-delay: .8s; margin: 0px; opacity: 1; } .index-slider .swiper-slide img { transition:all 1s linear; } .index-slider .swiper-slide-active img { transform: scale(1.10); transition:all 5s linear; transition-delay: 1.2s ease; } .efekt-ver:hover .efekt-scale, .efekt-ver:hover.efekt-scale { transform: scale(1.10); } .efekt-ver:hover .efekt-scale-2, .efekt-ver:hover.efekt-scale-2 { transform: scale(1.35); } .efekt-ver:hover .efekt-shadow, .efekt-ver:hover.efekt-shadow { box-shadow: rgba(17, 17, 26, 0.06) 0px 4px 16px, rgba(17, 17, 26, 0.06) 0px 8px 32px; } .efekt-ver:hover .efekt-shadow-2, .efekt-ver:hover.efekt-shadow-2 { box-shadow: 0 0.4rem 0.5rem rgba(0, 0, 0, 0.25) !important; } .efekt-ver:hover .efekt-grey, .efekt-ver:hover.efekt-grey { filter: grayscale(0%); } .efekt-ver:hover .efekt-left, .efekt-ver:hover.efekt-left { margin-left: 20px;} .efekt-ver:hover .efekt-rotate, .efekt-ver:hover.efekt-rotate { transform: rotate(360deg); } .efekt-ver:hover .efekt-opacity, .efekt-ver:hover.efekt-opacity { opacity: 1 !important; } .efekt-ver:hover .efekt-opacity-reverse, .efekt-ver:hover.efekt-opacity-reverse { opacity: 0 !important; } .box-container:hover .box { left: 100% !important; } .btn-underline:hover { text-decoration:underline; } /* ========================================== Footer  ======== */ .footer { background-color: #003c77; } /* ========================================== Diğer  ======== */ .menu-language { width: 36px; border-radius: 4px; } .half-square { display:inline-block; border-top:260px solid #fff; border-right:260px solid #6FCEE6; } .round{ width: 220px; height: 220px; border: 1px dashed #013F85; opacity: 1; } .line-container-1 { width: 330px;} .line-1{ transform: rotate(45deg); transform-origin: top left; } .line-2{  width: 1px; height: 100px;} .line-3{ width: 410px !important;} .border-dashed{ border: 1px dashed ; } .kutucuk-1 { background-color: #011F41; height: 52%; } .kutucuk-2 { background-color: #6FCEE6; height: 48%; } .kutucuk-3 { background-color: #B881B8; height: 35%; } .kutucuk-4 { background-color: #9C96C9; height: 30%; } .kutucuk-5 { background-color: #B5C478; height: 35%; } .efekt-text-underline {position: relative; padding-bottom: 5px;} .efekt-text-underline::after { display: block; width: 100%; height: 1px; content: ""; position: absolute;  bottom: 0px; background-color: #fff; z-index: 99; opacity: .5; transition:all .25s; } .efekt-text-underline:hover::after { width: 25%; } .icon-1 { width: 50px; } .icon-2 { width: 65px; } .mix-blend-mode-multipliy  { mix-blend-mode: multiply; } .mix-blend-mode-soft-light  { mix-blend-mode: soft-light; } .mix-blend-mode-darken  { mix-blend-mode: darken; } .golge-2:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; mix-blend-mode: darken; transform: matrix(-1, 0, 0, -1, 0, 0); background: transparent linear-gradient(180deg, #000000CC 0%, #00224400 100%) 0% 0% no-repeat padding-box; } .golge-2:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; mix-blend-mode: darken; background: transparent linear-gradient(180deg, #00000080 0%, #00224400 100%) 0% 0% no-repeat padding-box; } .alt-golge-2:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 45%; z-index: 2; background-image: linear-gradient(to top, rgba(0,0,0,.50) , rgba(0,0,0,0)); z-index: 1; } .radius-top-right-circle { border-top-right-radius: 2500px;} .radius-top-left-circle { border-top-left-radius: 2500px;} .radius-bottom-right-circle { border-bottom-right-radius: 2500px;} .shape{ max-width: 700px; } .rounded-ozel { clip-path: polygon(100% 0, 100% 69%, 86% 70%, 86% 98%, 72% 100%, 0 100%, 0 0); width: 600px; height: 600px; } .rotate-315 { transform: rotate(315deg); } .table-padding td { padding: 18px; } .table-scrool table { min-width: 650px; } .table-scrool-2 table { min-width: 400px; } .table-scrool::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 6px; background-color: #F5F5F5; } .table-scrool::-webkit-scrollbar { height: 6px; background-color: #F5F5F5; } .table-scrool::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #2c6785; } .house-info { --_br: 1rem; display: grid; gap: 1rem; grid-template-columns: repeat(0, 1fr); position: relative; } .house-image { grid-row: 1 / 3; grid-column: 1 / 3; border-radius: var(--_br); overflow: hidden; } .house-image::before, .house-image::after{ --_size: var(--_br); content: ""; position: absolute; width: var(--_size); aspect-ratio: 1; background-image: radial-gradient( circle at 100% 100%, transparent var(--_size), var(--_corner-color, #F7F7F7) calc(var(--_size) + 1px) ); rotate: 180deg; z-index: 2; } .house-image::before { left: -32px; bottom: 0; grid-column: 2; grid-row: 2 / 3; } .house-image::after { right: -4px; bottom: -4px; width: 20px; grid-column: 1; grid-row: 1 / 2; box-shadow: -1rem 0 0 #F7F7F7; } .house-image img { width: 100%; height: 100%; object-fit: cover; } .house-price { display: grid; background: #F7F7F7; font-weight: 500; grid-row: 2 / 3; grid-column: 2 / 2; border-radius: var(--_br) var(--_br) 0 0; box-shadow: 0 1rem 0 #F7F7F7, 0 0 0 1rem #F7F7F7; } .reverse { transform: matrix(-1, 0, 0, -1, 0, 0);} .shape-ayar-1 { margin-left: -10%;} .shape-ayar-2 { width: 290px; height: 290px;  } .shape-ayar-3 { width: 80px; height: 80px; position: relative; } .shape-ayar-3::after { display: block; width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 99; border: 5px solid #0464d0; clip-path:polygon(50% 50%,40% 0,100% 0,100% 100%,0 100%,0 0); border-radius: 50%; } .shape-ayar-3::before { display: block; width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; z-index: 99; border: 5px solid #01264f;b clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0); border-radius: 50%; } .yonetim-kurulu-uye-content { max-width: 260px; margin: auto; } .organizasyon-sema-box { max-width: 400px; position: relative; z-index: 1;} .organizasyon-sema-box-head:before { width: 2px; height: 50px; margin-left: -1px; left: 50%; bottom: -50px; content: ""; position: absolute; right: 10px; background-color: #000; z-index: 1; opacity: .25} .fs-10px { font-size: 10px;} .zeitung { max-width: 350px; } .opacity-10 { opacity: .1; } .h-60 { height: 60%; } .table-padding-1 td { padding: 15px 20px;} .circle { border-radius: 50%; width: 100%; height: 100%; left: -50%; top: -50%; position: absolute; opacity: 0; animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32); } @keyframes scaleIn { from { transform: scale(.15, .15); opacity: .5; } to { transform: scale(2.5, 2.5); opacity: 0; } } .nurol-60-yil { max-width: 400px; width: 100%; } .qPhoneE1 { width:26%; float:left; border-bottom-right-radius: 0; border-top-right-radius: 0; } .qPhoneE2 { width:74%; border-bottom-left-radius: 0; border-top-left-radius: 0; } .has-error::-webkit-input-placeholder{color:#e10313!important}.has-error:-moz-placeholder{color:#e10313!important}.has-error::-moz-placeholder{color:#e10313!important}.has-error:-ms-input-placeholder{color:#e10313!important} /* ====== RESPONSİVE  ========================================================================================== */ @media (min-width: 992px) { .position-lg-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 20px; } .h-lg-50 { height: 50% !important; } } @media (min-width: 1201px) { .position-xl-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 30px; } .container-big-1, .container-big-2, .container-big-3 { padding-right: 40px;  padding-left: 40px; } .menu .navbar-nav .nav-link { font-size: 18px; } } @media (min-width: 1401px) { .position-xxl-absolute { position: absolute; } .sayfa-bosluk { padding: 0px 4%; } .container-big-1 { max-width: 1800px; } .container-big-2 { max-width: 1650px; } .container-big-3 { max-width: 1520px; }} @media (min-width: 1751px) { .sayfa-bosluk { padding: 0px 7%; } } @media (min-width: 200px) and (max-width: 1400px) { .menu{ height: 100px; } .menu-bosluk { margin-top: 100px; } .navbar-brand { width: 170px; min-width: 170px; } .menu-scrolled { height: 90px; } } @media (min-width: 200px) and (max-width: 1200px) { .sayfa-bosluk { padding: 0px 20px; } .fs-huge-1 { font-size: calc(4rem + 1.5vw)!important; } .fs-big-1 { font-size: calc(2.175rem + 1.5vw)!important; } .fs-big-2 { font-size: calc(1.775rem + 1.5vw)!important; } .fs-big-3 { font-size: calc(1.575rem + 1.5vw)!important; } } @media (min-width: 200px) and (max-width: 991px) { .menu { height: 80px !important; } .menu-bosluk{ margin-top: 80px !important; } .navbar-brand { width: 140px; min-width: 140px; } .half-slider { height: calc(25vh); } .kutucuk { height: auto;} textarea { height: 100px } .fs-huge-1 { font-size: calc(3rem + 1.5vw)!important; } } @media (min-width: 200px) and (max-width: 575px) { }