@import "fonts.css";
html, body {font-family: 'Montserrat', sans-serif;overflow-x: hidden;}
:root {
    --main-color:#2460AB;
    --main-color-flu: rgba(36,96,171,.8);
}
.font-nycd {font-family: 'Caveat', cursive;font-size: 45px;}
.table-content{display: table; width: 100%; height: 100%;}
.table-cell-content{display: table-cell; vertical-align: middle; text-align: center;}
.table-content.left{display: table; width: 100%; height: 100%;}
.table-content.left .table-cell-content{display: table-cell; vertical-align: middle; text-align: left;}
.disp-block {display: block !important;}
.m0 {margin: 0 !important;}
.p0 {padding: 0;}
* {outline: none !important;}
.fl-r {float: right;}
.s-margin {margin: auto 60px;}
.df-center {display: flex;align-items: center;}
p.baslik{color: var(--main-color);font-size: 65px;font-family: 'Caveat', cursive;line-height: normal;font-weight: 200;}
p.baslik.small{font-size: 40px !important;}
p.baslik.big{font-size: 135px !important;}
.mt75 {margin-top: 75px !important;}
.mt50 {margin-top: 50px !important;}
.mt30 {margin-top: 30px !important;}
.mobile-visible{display:none;}
.wp-mesaj {position: fixed;bottom: 30px;right: 30px;z-index: 5;}
.wp-mesaj img{max-width: 50px;}
a {text-decoration: none !important;}
.h-fix {height:1px; min-height: 100%;}
.h-full {height:100%;}
.img-box {width: 100%; position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: transparent;}
.img-box::after {display: block; padding-bottom: 100%; content: '';}
.img-box.h50::after {display: block; padding-bottom: 50% !important; content: '';}
.h-m100 {min-height: 100vh;}
.img-box p.type {padding: 8px 30px; color: #fff; font-weight: 500; letter-spacing: 1px; position: absolute;bottom: 30px; right: 0; border-radius: 100px 0 0 100px;}
.img-box p.type.satilik {background: #34db3a;}
.img-box p.type.kiralik {background: #dce50d; color: #000;}
.m0a {margin: 0 auto; display: inline-block;position: relative;left: 50%;transform: translateX(-50%);}
h1.head {font-weight: 900; font-size: 35px; margin: 60px 0; color: #e21b12;}
.pl0 {padding-left: 0;}
.hidden {display: none !important;}
/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #fff;}
/* Handle */
::-webkit-scrollbar-thumb {background: linear-gradient(90deg, #0b447a, #1687f4);border-radius: 100px;}
.show {display: block !important;}
.fp-warning, .fp-watermark a {display: none !important;}

p.text {font-size: 18px;color: #000;font-weight: 400;line-height: 130%;}



header {padding: 0 200px;display: flex;align-items: center;justify-content: space-between;background: rgba(255,255,255,.5);position: fixed;top: 0;left: 0;width: 100%;z-index: 2;height: 100px;}
header ul {padding:0;display: flex;align-items: center;justify-content: center;gap: 30px;list-style: none;margin: 0;}
header ul li a {font-weight: 500;font-size: 18px;color: #21325F;letter-spacing: -0.5px;}
.ovh0 {overflow: hidden;}
h2.head {font-weight: 700;color: #21325F;font-size: 46px;text-align: left;}


.loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: #fff;display: flex;align-items: center;justify-content: center;transition: all 1s;pointer-events: none;}
.loading.hideremove {transform: scale(4);opacity: 0;}
.loading svg {animation: crescendo 1s alternate infinite ease-in; max-width: 50%;}
@keyframes crescendo {
    0%   {transform: scale(.8);}
    100% {transform: scale(1);}
}

.section {position: relative !important;padding: 0 200px;background-attachment: fixed !important;height: 100vh;}
.section .homeVat {position: absolute;bottom: 20px;right: 20px;}



.home {display: flex;flex-direction: column;align-items: center;justify-content: center;}
p.homeBigHead {font-size: 70px;color: #000;font-weight: 200;line-height: 100%;text-align: center;margin: 0;position: relative;display: inline-block;}
p.homeBigHead::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: white;user-select: none;pointer-events: none;transition: all 1s ease-in-out;}
p.homeBigHead.second::before {transition-delay: 1.2s;}
p.homeBigHead.active::before {width: 0%;}





.felsefemiz {display: flex;align-items: flex-end;justify-content: center;flex-direction: column;text-align: left;}
.felsefemiz .text-content {width: 600px;max-width: 70%;}
.felsefemiz p {font-size: 20px;font-weight: 500;color: #000;line-height: 120%;margin-top: 40px;}


.momentum-kimdir {display: flex;align-items: flex-start;justify-content: center;flex-direction: column;text-align: left;}
.momentum-kimdir .text-content {width: 600px;max-width: 70%;}
.momentum-kimdir .text-content * {text-align: center;}
.momentum-kimdir p {font-size: 20px;font-weight: 500;color: #000;line-height: 120%;margin-top: 20px;text-align: center;}
.momentum-kimdir h3 {font-size: 20px;font-weight: 800;color: #21325F;margin: 0;margin-top: 30px;}
.momentum-kimdir ul {display: flex;align-items: center;justify-content: center;flex-direction: column;margin-top: 15px;}
.momentum-kimdir ul li {font-size: 18px;color: #000;font-weight: 400;}



.halka-arz .text-content {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.halka-arz .text-content p {text-align: center;max-width: 50%;margin-top: 30px;}
.halka-arz .slider {padding: 0 200px;}
.owl-carousel {margin-top: 100px;}
.owl-carousel .owl-item .item {display: flex;align-items: center;justify-content: center;}
.owl-carousel .owl-item .item img {height: 80px;width: auto;mix-blend-mode: multiply !important;max-width: 100%;object-fit: contain;}


.footerSec {padding: 0;height: auto !important;}
.footer {position:relative;background: #21325F;padding: 150px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 40px;}
.footer .logo {display: flex;align-items: center;justify-content: space-between;width: 100%;flex-direction: column;gap: 40px;}
.footer .logo img {filter: brightness(0) invert(1);}
.footer ul {display: flex;align-items: center;justify-content: center;margin: 0;padding: 0;list-style: none;gap: 20px;}
.footer ul.menu {gap: 50px;}
.footer ul.menu li a {font-size: 16px;font-weight: 500;color: #fff;}
.footer p.copy {font-size: 16px;font-weight: 500;color: #fff;}
.footer .footerVat {position: absolute;bottom: -40px;right: -40px;user-select: none;pointer-events: none;}


@media screen and (max-width: 1440px) {
    body {zoom:.8;}
}
@media screen and (max-width: 1024px) {
    header {padding: 0 50px;}
    .section:not(.footerSec) {padding: 0 100px;}
    body {zoom:.7;}
}
@media screen and (max-width: 768px) {
    header {background: rgba(255,255,255,.8)}
    header img.logo {max-width: 50%;}
    .mobile-visible {display: block !important;}
    .mobile-hidden {display: none;}
    body {zoom: 1;}
    .mobile-menu .social-menu-all {margin-top: 20px;}
    .mobile-menu .social-menu li a{filter: brightness(0) invert(1)}
    p.homeBigHead {font-size: 26px;font-weight: 300;}
    .homeVat {max-width: 30%;}
    .homeVat svg {width: 100%;height: 100%;}
    h2.head {font-size: 36px;}
    .felsefemiz p {font-size: 14px;}
    .halka-arz .text-content p {max-width: 100%;}
    .halka-arz .slider {padding: 0px;}
    .owl-carousel {margin-top: 40px;}
    .footer ul:not(.footerSocial) {flex-direction: column;gap: 10px;}
    .section:not(.footerSec) {height: auto;padding: 60px 30px;background-size: cover;}
    .section.homeSec {height: 100vh;display: flex;align-items: center;justify-content: center;}
    .momentum-kimdir ul li {font-size: 15px;}
    .momentum-kimdir p {font-size: 16px;}
    .momentum-kimdir h2.head {font-size: 28px;}
    .momentum-kimdir .text-content {max-width: 100%;text-align: center;}
    .momentumkimdirSec {background-position: 10px 0px !important;background-color: #ddd !important;background-size: cover;background-image: none !important;}
    .felsefemiz .text-content {text-align: center;max-width: 100%;justify-content: center;align-items: center;}
    .felsefemiz .text-content h2.head {text-align: center;}
    .footer p.copy {font-size: 14px;}
    .fp-watermark {display: none !important;}
    p.text {font-size: 14px !important;}

}



















.mobile-menu {position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(33 50 95 / 95%);z-index:12;display:flex;justify-content:center;align-items:center;text-align:center;transform:scale(3);visibility:hidden;opacity:0;transition:all .45s;}
.mobile-menu.active {transform:scale(1);opacity:1;visibility:visible;}
.mobile-menu ul {padding:0;margin:0;width:100vw;list-style:none;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;transition:all .4s;margin-left:0;transform:scale(.5);opacity:0;left:0;margin-top:40px;}
.mobile-menu.active ul {opacity:1;transform:scale(1);}
.mobile-menu ul.left {left:-100%;}
.mobile-menu ul li{margin-bottom:20px;text-align:center;}
.mobile-menu ul li.back{position: absolute;top: 21px;left: 35px;width: 35px;height: 30px;background: transparent url(/front/images/icons/menu-back.svg) left center no-repeat;background-size: contain;}
.mobile-menu ul li.back a{display:none;}
.mobile-menu ul li:last-child{margin-bottom:0;}
.mobile-menu ul li a{color:#fff;font-size:18px;font-weight:300;line-height:normal;position:relative;}
.mobile-menu ul li.dd a::after{content:'+';width:auto;font-size:30px;font-weight:100; height:auto;position:absolute;top:50%;right:-30px;transform:translateY(-50%);}
.mobile-menu ul li ul{position:absolute;top:0;left:100%;width:100%; height:100%;display:none;align-items:center;justify-content:center;flex-direction:column;visibility:hidden;margin-top:-20px;}
.mobile-menu ul li.dd.active ul{visibility:visible;display:flex;}
.mobile-menu ul li ul li a::after{display:none;}
.mobile-menu .lang-menu {display:inline-block;margin: 50px 0;margin-top: 0px;}
.mobile-menu .lang-menu li{float:left;margin-right:25px;position:relative;}
.mobile-menu .lang-menu li a.active-lang{font-weight:600;}
.mobile-menu .lang-menu li a img {max-width: 25px;border: 1px solid #ffffff42;border-radius: 3px;}
.mobile-menu .lang-menu li a{font-size:18px;}
.mobile-menu .lang-menu li::after{content:'';position:absolute;top:50%;right:-10px;height:80%;width:2px;background:#fff;transform:translateY(-50%);}
.mobile-menu .lang-menu li:last-child::after{display:none;}
.mobile-menu .lang-menu li:last-child{margin-right:0;}
.mobile-menu .social-menu {display:block;}
.mobile-menu .social-menu li{float:left;margin-right:20px;position:relative;}
.mobile-menu .social-menu li:last-child{margin-right:0;}
.mobile-menu .social-menu li a{font-size:20px;}
.mobile-menu .social-menu-all {display:block;width:100%;}
.mobile-menu .social-menu {display:inline-block;}


.menu-container {
    float:right;
    margin-right:-20px;
    margin-top:3px;
    transform:scale(.3);
    position:fixed;
    z-index:13;
    top: 15px;
    right: 20px;
}
.menu-container .bars {
    width: 120px;
    height: 70px;
    position: relative;
    transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
}
.menu-container .bars span {
    display: block;
    width: 100%;
    height: 10px;
    background-color:  #00365f;
    margin-top: 20px;
}
.menu-container .bars span:first-child {
    margin-top: 0;
    transform: scaleX(1);
    transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition-delay: 0.4s;
}
.menu-container .bars span:nth-child(3) {
    width: 65%;
    transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition-delay: 0.4s;
}
.menu-container .bars .other-bar {
    width: 10px;
    height: 0;
    background-color: #00365f;
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -5px;
    transition: height 0.4s cubic-bezier(0.694, 0.048, 0.335, 1);
    z-index: 10;
}
.menu-container.is-menu-open .bars {
    transform: rotate(45deg);
    transition-delay: 0.4s;
}
.menu-container.is-menu-open .bars span:first-child {
    transform: scaleX(0);
    transition: transform 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
}
.menu-container.is-menu-open .bars span:nth-child(3) {
    width: 0;
    transition: width 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
}
.menu-container.is-menu-open .bars .other-bar {
    height: 120px;
    transition: height 0.2s cubic-bezier(0.694, 0.048, 0.335, 1);
    transition-delay: 0.3s;
    background:#fff;
}
.menu-container.is-menu-open span,.menu-container.is-menu-open .bars .other-bar {background:#fff;}