html {
    scroll-behavior: smooth;
}
img{max-width: 100%;}
*{box-sizing: border-box;}
html, body {
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    max-width: 100%;
    overflow-x: hidden;
    font-weight: 500;
    font-family: 'Raleway', sans-serif ;
    letter-spacing: 0.05em;
    color: #0E1621;
}
a{
    text-decoration: none;
    color: inherit;
}
.float-left{float: left}
.float-right{float: right}
ul{margin: 0;padding: 0;}
li{list-style: none}
.full-img{width: 100%;height: 100%;object-fit: cover;}
.bold{font-weight: 600;}
.light{font-weight: 300;font-feature-settings: 'clig' off, 'liga' off;font-family: Raleway;/*! font-size: 36px; */font-style: normal;font-weight: 300;line-height: 150%;}
.color-grey{color: #7D7D7D;}
.color-green{color: #13133a;}
.color-gold{color: #E8C895;background: var(--gradient-gra-1, linear-gradient(135deg, #CB9833 0%, #FDD27C 100%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.white-img{filter: brightness(15);}
.lgrey-bg{background-color: #FDFAF4;}
.green-bg{background-color: #04042B;}
.lgreen-bg{background-color: #13133A;}
.gradient-color{
    background: var(--gradient-gra-1, linear-gradient(135deg, #CB9833 0%, #FDD27C 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-bg{background: linear-gradient(91.26deg, #A2183A 0%, #EE0034 100%);}
.red-shadow{box-shadow: 0px 72px 72px -20px rgba(217, 18, 18, 0.12);}
.sec-padding{padding: 120px 0;}
.padding-x{padding-left: 120px;padding-right: 120px;}
.list-disc{padding-left: 20px;}
.list-disc li{list-style: disc;margin: 10px 0;}
.--btn-1{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 5px;
    padding: 14px 16px;
    display: flex;
    width: fit-content;
    transition: all 500ms ease;
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*! align-self: stretch; */
    border-radius: 5px;
    border: 1px solid var(--supporter-light, #FDD27C);
}
.--btn-1:hover{
    border: 1px solid #FDD27C;
    color: #FDD27C;
}
h1{font-size: 100px;}
h2{font-size: 72px;}
h3{font-size: 36px;}
h4{font-size: 28px;}
h5{font-size: 21px;color: var(--black-white-black, #0E1621);font-feature-settings: 'clig' off, 'liga' off;font-family: Raleway;font-size: 21px;font-style: normal;font-weight: 300;line-height: 140%;letter-spacing: 0.84px;}
h6{font-size: 18px;}



.banner{
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: url('../images/banner.jpg');
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 36px solid #fff;
}
.banner .text-box{
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 17px;
}
.banner .text-box h1{
    font-size: 100px;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif;
}
.contact-bar{
    position: fixed;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 99;
    transition: all 500ms ease;
    /*! background-color: #13133A; */
    background: linear-gradient(135deg, rgba(203, 152, 51, 0.90) 0%, rgba(253, 210, 124, 0.90) 100%);
    border-radius: 8px;
    /* background: var(--primary-dark, #04042B); */
    box-shadow: 0px 12px 100px 0px rgba(0, 0, 0, 0.30);
}
/* .contact-scroll{bottom: 0;} */
.contact-bar-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 40px;
    gap: 16px;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    transition: all 500ms ease;
}
.contact-bar-btn img{filter: brightness(15);width: 20px;}
.contact-bar-btn:hover{color: #FDD27C;}
.contact-bar-btn.active{color: #FDD27C;background-color: #04042B;}
.contact-bar-btn.active img{filter: none;}
.contact-form{
    background-color: #04042B;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -800px;
    padding: 40px;
    z-index: -1;
    transition: bottom 500ms ease;
}
.contact-form.active{bottom: 56px;}
.contact-form form{
    display: none;
    flex-direction: column;
    gap: 16px;
    color: #fff;
}
.contact-form form.active{display: flex;}
.contact-form input{
    background:none;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff;
    width: 100%;
    padding: 10px 0 5px;
}
.contact-form input::placeholder{color: #fff;}
.contact-form input[type=checkbox]{width: unset;}
.contact-form label{font-size: 12px;}
.contact-form .closebtn{position: absolute;top: 40px;right: 40px;cursor: pointer;}
.contact-form button{
    background-color: #fff;
    color: #13133A;
    border: 1px solid #fff;
    transition: all 500ms ease;
    border-radius: 5px;
    padding: 10px 70px;
    width: fit-content;
}
.contact-form button:hover{background-color: #13133A;color: #fff;}
.check-wrap {
    display: flex;
    flex-direction: row;
    align-items: center ;
    position: relative;
    padding-left: 35px;
    margin: 12px 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}  
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: transparent;
    border: 1px solid #E8C895;
    transform: rotate(-45deg);
}  
.check-wrap:hover input ~ .checkmark {
    background-color: rgba(79, 122, 118, 0.6);;
}  
.check-wrap input:checked ~ .checkmark {
    background-color: transparent;
}  
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}  
.check-wrap input:checked ~ .checkmark:after {
    display: block;
}  
.check-wrap .checkmark:after {
    left: 8px;
    top: -3px;
    width: 10px;
    height: 18px;
    border: solid #E8C895;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.home-proje-card{
    display: block;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: -15px 15px;
    transition: all 500ms ease;
}
.home-proje-card h3{position: absolute;left: 20px;bottom: 20px;color: #fff;}
.home-proje-card:hover{background-position: 0 0;}
.home-proje-card img{filter: none;transition: all 500ms ease;}
/* .home-proje-card:hover img{filter: sepia(1);} */
.home-proje-slider-item{padding: 10px;}

.haber-card{
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(5px);
    position: relative;
    padding: 200px 36px 36px;
    display: flex;
    flex-direction: column;
}
.haber-card .chev{
    position: absolute;
    right: 40px;
    top: 38px;
    transform: rotate(-45deg);
}
.haber-card .chev-small-haber{
    position: absolute;
    right: 45px;
    top: 50px;
    height: 20px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 300ms ease;
}
.haber-card:hover .chev-small-haber{
    right: 52px;
    top: 52px;
    opacity: 1;
}
.background-special{
    position: relative;
    overflow: hidden;
}
.special-image{
    height: 80%;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.home-slider-wrap{
    margin-left: 120px;
    padding: 60px 20% 100px 0;
    overflow: hidden;
}
.home-slider-item img{
    box-shadow: 30px 0px 60px rgba(79, 122, 118, 0.4);
}
.home-slider-item{padding-right: 120px;}
.home-slider .slick-list{overflow: unset;}
.home-slider.hakk-slider .home-slider-item img{filter: grayscale(1);}

.neg-margin{margin-top: -140px;}
.alt-banner{
    padding-top: 240px;
    padding-bottom: 240px;
}
.accordion-wrap{padding: 80px 100px;background-color: #fff;color: #7D7D7D;}
.accordion {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    color: #7D7D7D;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 21px;
    transition: 0.4s;
    position: relative;
    color: var(--gray-gray-4, #7D7D7D);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Raleway;
    font-size: 21px;
    font-style: normal;
    /*! font-weight: 500; */
    line-height: 140%;
    letter-spacing: 0.84px;
}
  
.accordion:hover {
    background-color: #ccc;
}
.accordion img{transition: transform 500ms ease;}
.accordion.active img{transform: scaleY(-1);}
.chevd{
    width: 32px;
    height: 32px;
    background-color: #13133A;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 500ms ease-out;
    border-bottom: 1px solid #dddddd;
    color: var(--gray-gray-5, #292929);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.ilet-sec{
    background-image: url('../images/ilet-bg2.jpg');
    background-size: cover;
    background-position: center;
}
.ilet-card{
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(12px);
    padding: 36px;
    color: #fff;
    color: var(--supporter-light, #FDD27C);
    font-feature-settings: 'clig' off, 'liga' off;
}
.ilet-card *{font-weight: 300;}
.ilet-form input{
    background:none;
    border: none;
    border-bottom: 2px solid #fff;
    color: #fff;
    width: 100%;
    margin-bottom: 24px;
    padding: 10px 0 5px;
}
.ilet-form input::placeholder{color: #fff;}
.ilet-form input[type=checkbox]{width: unset;}
.ilet-form label{font-size: 12px;margin: 12px 0 20px;color: #fff;}
.ilet-form .closebtn{position: absolute;top: 40px;right: 40px;cursor: pointer;}
.ilet-form button{
    background-color: #fff;
    color: #04042B;
    border: 1px solid #fff;
    transition: all 500ms ease;
    border-radius: 5px;
    padding: 10px 70px;
    width: fit-content;
}
.ilet-form button:hover{background-color: #04042B;color: #fff;}
.vid-wrap{
    position: relative;
    padding: 16px;
	max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.play{position: absolute;left: 0;bottom: 0;z-index: 2;cursor: pointer;}
.mute{position: absolute;right: 0;bottom: 0;z-index: 2;cursor: pointer;}
.indir{
position: absolute;
right: 24px;
top: 24px;
z-index: 2;
cursor: pointer;
border-radius: 6px;
background: var(--black-white-white, #FFF);
display: inline-flex;
height: 36px;
justify-content: center;
align-items: center;
gap: 4px;
flex-shrink: 0;
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
gap: 4px;
align-self: stretch;
}
.indiryazi{
color: var(--primary-default, #13133A);
font-feature-settings: 'clig' off, 'liga' off;

/* Body/Regular */
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

#vid1{
    width: 100%;
    aspect-ratio: 16 / 9;
}
#vid2{
    width: 100%;
    aspect-ratio: 16 / 9;
}
.proje-sec{
    background-image: url('../images/proje-bg2.jpg');
    background-size: cover;
    background-position: center;
}
.proje-sec li{list-style: disc;margin-left: 22px;}
.proje-slider .slick-list{overflow: unset;}
.proje-slider-wrap{overflow: unset;padding-right: 20%;}
.proje-slider-item img{width: 100%;padding-right: 12px;}
.map-button-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 200px 0 250px;
}
.map-button-box a{
    border: 1px solid #13133A;
    background-color: #13133A;
    color: #fff;
    border-radius: 5px;
    padding: 14px 16px;
    display: flex;
    width: fit-content;
    transition: all 500ms ease;
}
.map-button-box a:hover{
    background-color: #fff;
    color: #13133A;
}

.map-button-box1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 1px 0 1px;
}
.map-button-box1 a{
    border: 1px solid #13133A;
    background-color: #13133A;
    color: #fff;
    border-radius: 5px;
    padding: 14px 16px;
    display: flex;
    width: fit-content;
    transition: all 500ms ease;
}
.map-button-box1 a:hover{
    background-color: #fff;
    color: #13133A;
}


.map-desc{
    background: rgba(19, 19, 58, 0.60);
    backdrop-filter: blur(6px);

}
.proje-map-sec{position: relative;}
.proje-map{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    z-index: -1;
}
.proje-price-card{
    padding: 36px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px #00000020;
    margin-bottom: 24px;
}
.proje-price-card span{font-size: 12px;}
footer{
    padding: 100px 120px;
    background-color: #13133a;
    color: #fff;
    border-bottom: 12px solid #E8C895;
    background: var(--primary-dark, #04042B);
}
footer a{white-space: nowrap;display: inline-block;font-weight: 300;}
.header-main{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 48px;
    transition: all 500ms ease;
}
.header-home{padding: 76px 84px 0;}
.header-main ul{
    display: flex;
    flex-direction: row;
    gap: 36px;
    align-items: center;
}
.header-main ul li{border-bottom: 1px solid transparent;transition: all 500ms ease;}
.header-main ul li:hover{border-bottom: 1px solid #fff;}
.header-scroll{
    background-color: #04042B;
    padding: 10px 24px;
}
.burger-menu-icon{
    position: relative;
    width: 40px;
    height: 40px;
    z-index: 11;
    cursor: pointer;
    transition: all 500ms ease;
}
.burger-menu-icon::before{
    content: '';
    background-color: #fff;
    width: 40px;
    height: 3px;
    position: absolute;
    top: 10px;
    right: 0;
    transform-origin: right;
    transition: all 500ms ease;
}
.burger-menu-icon::after{
    content: '';
    background-color: #fff;
    width: 40px;
    height: 3px;
    position: absolute;
    bottom: 10px;
    right: 0;
    transform-origin: right;
    transition: all 500ms ease;
}
.burger-menu-icon.active::before{top: 3px;transform: rotate(-45deg);width: 43px;}
.burger-menu-icon.active::after{bottom: 3px;transform: rotate(45deg);width: 43px;}
.me-nav{
    background-color: #13133A;
    /* background: linear-gradient(91.26deg, #4F7A76 0%, #204F4E 100%); */
    padding: 100px 60px 20px 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    width: 530px;
    height: 100vh;
    z-index: 8;
    position: fixed;
    right: -540px;
    top: 0;
    transition: right 500ms ease;
}
.nav-home{padding: 150px 60px 20px 20px;}
.me-nav ul li{
    font-size: 24px;
    font-weight: 400;
    margin: 22px 0;
}
.me-nav.active{right: -2px;}
.me-nav .line{
    background-color: #E8C895;
    width: 36px;
    padding-top: 1px;
    margin: 30px 0;
}
.me-nav span{font-size: 14px;}
.lang-sel{
    position: relative;
    padding: 20px;
    display: block;
    margin: 0 -20px;
    cursor: pointer;
}
.lang-menu{
    position: absolute;
    background-color: #13133A;
    color: #fff;
    left: 0;
    flex-direction: column;
    display: none;
}
.lang-menu a{display: block;padding: 10px 20px;}
.lang-sel:hover .lang-menu{display: flex;}
.logo img{width: 230px;}
.logo.residence img{width: 230px;}
.logo.suitlogo img{width: 100%;height: 75px;}
.logo.allure img{width: 146px;}
.logo.labella img{width: 213px;}
.footer-social{
    display: flex;
    flex-direction: row;
    gap: 30px;
    position: relative;
}
.talya{position: absolute;right: 0px;}
.mobile{display: none;}
.sp-button{position: relative;}
.chev-small{
    position: absolute;
    height: 20px;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 500ms ease;
}
.sp-button:hover .chev-small{left: 10px;opacity: 1;}
.bg-blur{
    position: relative;
    z-index: 4;
    background-color: #fffc;
    backdrop-filter: blur(5px);
}
.slick-arrow{background: none;border: none;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.slick-arrow img{
    width: 50px;
}
/* .slick-arrow::after{
    content: url('../images/svg/arrow.svg');
    filter: brightness(15);
} */
.slick-prev{left: 20px;transform: translateY(-50%) scaleX(-1);}
.slick-next{right: 20px;}
.logo{position: absolute;left: 50%;top: 40px;transform: translateX(-50%);transition: top 500ms ease;}
.header-home .logo{top: 76px;}
.header-scroll .logo{top: 10px;}
.header-scroll .logo.residence{top: 18px;}
.header-scroll .logo.suitlogo {top: 18px;}
.popup{
	position: fixed;
	left: 0;
	top: 0;
    right: 0;
    bottom: 0;
	height: 100vh;
    width: 100vw;
    background-color: #000c;
	z-index: 9999;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: opacity 500ms ease;
    display: flex;
    justify-content: center;
    align-items: center;
}
.closepopup{
	position: absolute;
	right: 50px;
	top: 30px;
}
.popup.active{
	opacity: 1;
	pointer-events: unset;
}

.popup img{
    height: 85%;
}
.wrap-360{position: relative;width: 100%;height: fit-content;}
.cover-360{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    object-fit: cover;
    transition: all 500ms ease;
    cursor: pointer;
    background-image: url('../images/cover-360.jpg');
    background-size: cover;
    background-position: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}
.cover-360 h2{font-weight: 300;color: var(--black-white-white, #FFF);font-feature-settings: 'clig' off, 'liga' off;font-family: Raleway;font-size: 56px;font-style: normal;font-weight: 300;line-height: 130%;}
.cover-360 h2 b{font-weight: 700;color: var(--black-white-white, #FFF);text-align: center;font-feature-settings: 'clig' off, 'liga' off;font-family: Raleway;font-size: 56px;font-style: normal;font-weight: 800;line-height: 130%;}
.cover-360.inactive{opacity: 0;pointer-events: none}
.download-btn-wrap{
    background-color: #04042B;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    gap: 7px;
    padding: 40px 0;
    font-weight: 400;
}
.download-btn{
    margin-left: 20px;
    background-color: #fff;
    color: #13133A;
    padding: 10px 16px;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 14px;
    line-height: 7px;
}
.download-btn2{
	width: 16px;
	height: 16px;
	display: inline-flex;
	height: 36px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
   	border-radius: 6px;
	background: var(--black-white-white, #FFF);
}
.sanal-btn{
    background-color: #fff;
    color: #13133A;
    padding: 15px 40px 16px;
    border-radius: 6px;
    font-size: 14px;
    color: var(--primary-default, #13133A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.proje-big-slider-item img{
    height: 600px;
    width: 100%;
    object-fit: cover;
}
.filter-slider-wrap{
    position: relative;
    height: 600px;
}
.proje-big-slider{
    position: absolute !important;
    left: 0;
    top: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 500ms ease;
}
.proje-big-slider.active{opacity: 1;pointer-events: all;}
.filter-wrap{display: flex;flex-direction: row;}
.tab-wrap{display: flex;flex-direction: row;}
.tab-btn{color: #fff;text-align: center;font-size: 24px;padding: 15px;width: 50%;transition: all 500ms ease;cursor: pointer;background-color: transparent;}
.filter-btn{color: #fff;text-align: center;font-size: 24px;padding: 15px;width: 50%;transition: all 500ms ease;cursor: pointer;background-color: transparent;}
.tab-btn:hover{color: #FDD27C;}
.tab-btn.active{color: #04042B;text-decoration: underline;background-color: #fff;}
.filter-btn:hover{color: #FDD27C;}
.filter-btn.active{color: #04042B;text-decoration: underline;background-color: #fff;}
.tab-content{display: none;}
.tab-content.active{display: flex;}
.indir span{display: none;}
.info-text{
    background-color: #04042B;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    font-weight: 400;
}
.video-cover{
    position: absolute;
    left: 16px;
    top: 16px;
    right: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    z-index: 2;
    object-fit: cover;
}
.video-cover.inactive{display: none;}
.nerde-h3{font-size: 21px;}
.not-change-h2{font-size: 32px;}
.detail-card{
    width: 100%;
}
.detail-card .detail-card-title{
  color: #CB9833;
  font-size: 21px;
  font-weight: 500;
  padding: 60px 48px 10px;
}
.detail-card .detail-card{box-shadow: none;}
.detail-card .detail-card-content{
  font-size: 16px;
  line-height: normal;
  display: flex;
  flex-direction: row;
}
.detail-card-content div{
    padding: 10px 48px 0;
    flex-grow: 1;
    border-left: 1px solid #dddddd;
}
.detail-card-content div:first-of-type{border: none;}
.detail-card .detail-card-inner{width: 100%;}
.special-h2{font-size: 36px;}
.proje-detay-banner-bar{
    background: rgba(19, 19, 58, 0.75);
    backdrop-filter: blur(12px);
    padding: 16px 32px;
    position: absolute;
    width: fit-content;
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}
.bar-line{height: 55px;width: 1px;background: #fff;}
.bar-box{
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    color: #fff;
}
.bar-box img{height: 24px;filter: invert(1) brightness(15);}
.bar-box p{
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}
.bar-box p span{
    font-weight: 600;
    font-size: 21px;
    white-space: nowrap;
}
@media screen and (max-width:1400px) {   
    .header-home{padding: 40px 48px 0;} 
    .me-nav{padding: 100px 100px 20px 20px;}
    .header-scroll{
        padding: 10px 24px;
    }
    .sec-padding{padding: 90px 0;}
    .padding-x{padding-left: 60px;padding-right: 60px;}
    .banner{border: none;}
    .contact-bar{bottom: 36px;}
}
@media screen and (max-width:1200px) {
    .haber-card{padding: 200px 20px 20px 20px;}
    .header-main{padding: 30px 10px 0;}
    .me-nav{padding: 80px 50px 20px 20px;}
    .me-nav .line{margin: 20px 0;}
    .header-scroll{padding: 10px;}
    .header-main ul{gap: 20px;}
    .logo img{width: 260px;}
    footer{padding: 90px 60px;}
    .talya{position: relative;right: unset;}
    .footer-social{flex-wrap: wrap;}
    h1{font-size: 48px;}
    h2{font-size: 36px;}
    h3{font-size: 28px;}
    h4{font-size: 21px;}
    h5{font-size: 18px;}
    h6{font-size: 16px;}
    .nerde-h3{font-size: 21px;}
    .not-change-h2{font-size: 28px;}
    .home-slider-item{padding-right: 60px;}
    .home-slider-wrap{margin-left: 60px;padding: 20px 20% 20px 0;}
    .accordion-wrap{padding: 20px;}
    /* .special-image{width: 600px;} */
}
@media screen and (max-width:991px) {
    .contact-bar{bottom: 18px;}
    .header-main ul li{display: none;}
    .header-main ul:first-of-type{display: none;}
    .sec-padding{padding: 60px 0;}
    .padding-x{padding-left: 30px;padding-right: 30px;}
    .me-nav ul li{margin: 10px 0;}
    /* .special-image{width: 400px;top: 0;} */
    .haber-card{padding: 100px 10px 20px 10px;font-size: 14px;}
    .ilet-card{padding: 20px 16px;}
    .accordion{font-size: 18px;}
    h1{font-size: 36px;}
    h2{font-size: 28px;}
    h3{font-size: 21px;}
    h4{font-size: 18px;}
    h5{font-size: 16px;}
    h6{font-size: 14px;}
    .special-h2{font-size: 21px;}
    .not-change-h2{font-size: 28px;}
    .download-btn-wrap{gap: 15px;padding: 16px;text-align: left;}
    .download-btn{margin-left: 0;font-size: 16px;}
    .info-text{padding: 20px 16px;font-size: 12px;font-weight: 400;}
    .popup img{
		width: 95%;
		height: auto;
        max-height: 100vh;
        max-width: 100vw;
	}
    .detail-card-content div{padding: 5px 20px;}
    .detail-card .detail-card-title{padding: 30px 20px 10px;}
    .proje-detay-banner-bar{left: 0;transform: none;gap: 14px;top: 15px;left: 15px;padding: 16px;}
    .bar-box{gap: 14px;}
    .bar-box p{font-size: 12px;}
    .bar-box p span{font-size: 16px;}
}
@media screen and (max-width:767px) {
    .proje-big-slider-item img{height: 240px;}
    .filter-slider-wrap{height: 240px;}
    .slick-arrow img{width: 36px;}
    .slick-prev{left: 4px;}
    .slick-next{right: 4px;}
    .row{margin-left: 0;margin-right: 0}
    /* .map-desc{padding: 0 24px;} */
    .mobile{display: block;}
    .me-nav .line{margin: 15px 0;}
    .me-nav ul li{font-size: 20px;}
    .me-nav span{font-size: 12px;}
    .me-nav{padding: 80px 20px 20px 20px;width: 90vw;}
    .header-main{padding: 16px 16px 0;}
    .header-scroll{padding: 17px 20px;}
    .banner .text-box h1{font-size: 50px;color: #FFF;text-align: center;font-feature-settings: 'clig' off, 'liga' off;font-family: Josefin Sans;font-size: 28px;font-style: normal;font-weight: 300;line-height: 130%;}
    .--btn-1{padding: 10px 8px;}
    body{font-size: 14px;}
    .logo img{width: unset;height: 36px;}
    .sec-padding{padding: 30px 0;}
    .padding-x{padding-left: 15px;padding-right: 15px;}
    h1{font-size: 28px;}
    h2{font-size: 21px;}
    h3{font-size: 16px;line-height: 150%; font-weight: 600;}
    h4{font-size: 15px;}
    h5{font-size: 14px; font-weight: 700;}
    h6{font-size: 13px;}
    .nerde-h3{font-size: 16px;}
    .nerde{font-size: 36px;font-weight: 300;}
    .special-h2{font-size: 21px;}
    .bold{font-weight: 700;}
    .contact-bar-btn img{width: 12px;}
    .contact-bar{width: 100%;left: 0;right: 0;transform: unset;z-index: 99;bottom: 0;}
    .contact-bar-btn{gap: 5px;font-size: 12px;padding: 12px 20px;flex-grow: 1;}
    .contact-form.active{bottom: 41px;}
    .contact-form{padding: 20px;}
    .contact-form form{gap: 8px;font-size: 12px;}
    .contact-form label{font-size: 10px;}
    .contact-form button{padding: 8px; width: 100%;}
    .contact-form .closebtn{right: 10px;top: 10px;}
    .contact-form h6{padding-right: 40px;font-size: 16px;}
    .home-proje-card{margin-bottom: 20px;width: 100%;height: auto;flex-shrink: 0;background-position: 0 0;}
    .haber-card{padding: 20px;margin-bottom: 20px;}
    .special-image{width: 300px;right: -150px;top: 150px;;display: none;}
    .home-slider-item{padding-right: 20px;}
    .home-slider-wrap{margin-left: 0;padding: 20px 20% 20px 20px;}
    footer{padding: 50px 20px;text-align: center;}
    footer img{width: 250px;margin: 0 auto 30px;}
    .footer-social{justify-content: center;gap: 20px;margin-top: 20px;}
    .alt-banner{padding-top: 95px;padding-bottom: 85px;}
    .light{font-weight: 400;}
    .alt-banner h3{font-size: 16px;}
    .alt-banner h5{font-weight: 700;}
    .neg-margin{margin-top: -50px;}
    .accordion-wrap{padding: 10px;}
    .accordion{padding: 10px 32px 10px 10px ;font-size: 14px;position: relative;}
    .accordion .chevd{position: absolute;right: 5px;width: 24px;height: 24px;}
    .panel{font-size: 14px;padding: 0 10px;}
    .ilet-card{margin-bottom: 20px;}
    .play , .mute{width: 120px;}
    .vid-wrap{padding: 0px;margin-bottom: 60px;height: calc(100svh - 340px)}
    .logo.residence img{width: 150px;}
.logo.suitlogo img{width: 130px;}
    .logo.allure img{width: 100px;}
    .logo.labella img{width: 165px;}
    .burger-menu-icon{
        position: relative;
        width: 50px;
        height: 30px;
        z-index: 11;
        cursor: pointer;
        transition: all 500ms ease;
    }
    .burger-menu-icon::before{
        content: '';
        background-color: #fff;
        width: 30px;
        height: 3px;
        position: absolute;
        top: 6px;
        right: 0;
        transform-origin: right;
        transition: all 500ms ease;
    }
    .burger-menu-icon::after{
        content: '';
        background-color: #fff;
        width: 30px;
        height: 3px;
        position: absolute;
        bottom: 6px;
        right: 0;
        transform-origin: right;
        transition: all 500ms ease;
    }
    .burger-menu-icon.active::before{top: 3px;transform: rotate(-45deg);width: 31px;}
    .burger-menu-icon.active::after{bottom: 3px;transform: rotate(45deg);width: 31px;}
    .logo{position: static;left: unset;top: unset;transform: unset;}
    .haber-card .chev{right: 12px;top: 12px;}
    .closepopup{
        right: 20px;
        top: 20px;
    }
    .filter-btn{
        font-size: 18px;
    }
    #vid1{aspect-ratio: unset;height: 100%;width: 100%;object-fit: cover;}
    .mob-no-padding{padding: 0;}
    .indir{
        background-color: #04042B;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        color: #fff;
        gap: 15px;
        padding: 15px;
        bottom: -65px;
        left: 0;
        right: 0;
        top: unset;
	border-radius: 0px;
	height: 66px;
    }
    .indir span{display: block;}
    .indir .download-btn{gap: 4px;padding: 10px 12px;}

.indiryazi {
   color: var(--primary-default, #13133A);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    white-space: nowrap;
    /* z-index: 99999; */
    background: #fff;
    border-radius: 5px;
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    align-self: stretch;}

    .cover-360 img{width: 160px;}
    .cover-360 h2 b{font-size: 21px;}
    .cover-360 h2{font-size: 21px;}
    *{letter-spacing: 0;}
    h3,h4,h5,h6{letter-spacing: 0;}
    .col-md-3,.col-md-4,.col-md-5,.col-md-7,.col-md-8.col-md-12,.col-md-9{padding: 0 !important;}
    .mob-padding,.container{padding-left: 16px;padding-right: 16px;}
    .video-cover{width: 100%;height: 100%;left: 0;top: 0;right: 0;bottom: 0;}
    .burger-menu-icon::before{
        width: 40px;
    }
    .burger-menu-icon::after{
        width: 40px;
    }
    .lang-sel{padding: 6px 16px ;}
    .ilet-card li{font-weight: 400;line-height: 140%;}
    .ilet-card p{font-size: 16px;}
    .ilet-card h3{font-size: 21px;font-weight: 500;margin-top: 60px !important;}
    .mobile-blue-sec{background-color: #04042B;}
    .mob-500{font-weight: 500;}
    .sanal-btn{padding: 15px 60px 16px;}
    .sp-sec-padding{padding-top: 60px !important; padding-bottom: 60px !important; }
    .mob-no-margin{margin: 0;}
    .detail-card .detail-card-title{
        background-color: #F5F5F5;
        color: #CB9833;
        font-size: 16px;
        font-weight: 700;
        padding: 16px;
        border: none;
    }
    .detail-card .detail-card-content{display: block;}
    .detail-card .detail-card-content p {line-height: 65%;}
    .detail-card .detail-card-content p:last-of-type {margin-bottom: 5px;}
    .proje-detay-banner-bar{top: calc(100% + 65px);left: 0;background-color: #fff;flex-direction: column;width: 100vw;}
    .bar-box img{height: 32px;filter: none;}
    .bar-box{gap: 42px;width: 100%;}
    .bar-line{height: 1px;width: 100%;background: #04042B;}
    .bar-box p{font-size: 12px;color: #04042B;}
    .bar-box p span{font-size: 18px;}
    .vid-wrap.banner-bar{margin-bottom: 270px;}
}

.sideBar{width: 50px;
  border-radius: 25px;
  background: transparent;
  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(2.232419967651367px);
  --webkit-backdrop-filter: blur(2.232419967651367px);
  background-color: rgba(255, 255, 255, 0.15);
  position: fixed; top:110px; left:15px;
  z-index: 999;
  }
  .sideBar ul{padding:0; margin:0;}
  .sideBar ul li{display: block; position: relative;}
  .sideBar ul li a{display: flex; align-items: center; padding:12px 0; height: 50px; border-radius: 50px; -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; background: transparent;}
  .sideBar ul li a:hover{background: linear-gradient(90deg, rgba(185,146,80,1) 0%, rgba(242,211,128,1) 25%, rgba(195,163,91,1) 50%, rgba(243,213,129,1) 75%, rgba(195,162,90,1) 100%);}
  .sideBar ul li img{width: 21px;display: block; margin:auto;}
  .sideBar ul li a:hover img{filter: brightness(0)}