/*  Layers */

.residence-section{z-index: 4;}
.amenities-section{z-index: 3;}
.fourseasons-section{z-index: 2;}
.location-section{z-index: 2;}
.photo-gallery-section{z-index: 3;}
.about-us-section{z-index: 2; padding-top: 170px;}

/* */
.section{position: relative;}
.residence-section{
padding-top: 30px; 
}

.section-2-content{font-family: 'Helvetica Neue'; font-weight: 300; line-height: 1.25; margin-bottom: 70px; text-align: center;}
.section-2-content strong{font-weight: 500;}

#residences-slider{transform: translateY(200px); margin-top: -200px;}
#residences-slider .slider-title{color: black; }
#amenities-slider .slider-title{color: black; }




.learn-more{ width: 178px;height: 178px;-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);box-shadow: 4px 3px 15px 1px rgba(0, 0, 0, 0.5);border: solid 2px #c7c2b6;background-color: rgba(0, 0, 0, 0.9); position: absolute; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; text-decoration: none; color:#FFF; font-size:16px; font-weight: normal; letter-spacing: 2.67px; left:50%; transform: translateX(-50%) translateY(50%); bottom: 0; z-index: 1000;}


.amenities-section .learn-more{ backdrop-filter: blur(1.2px); box-shadow: 5px 4px 18px 1px rgba(0, 0, 0, 0.5); border: solid 2.4px #fff; background-image: linear-gradient(to bottom, rgba(195, 189, 158, 0.8), rgba(144, 136, 101, 0.9)); color: #000;}
.home-fourseasons-slide {position: relative;}


.container{max-width:1200px; box-sizing: border-box; width:100%;}

#home-hero-slider{width:100%; height: 100vh;}
.hero-slider{height: 100%;}
.hero-slider-item{height: 100%; position: relative;}
.hero-slider-item-content{position: absolute; width:auto; max-width: 1200px; box-sizing: border-box; padding: 0 20px; right:10vw; bottom:60%; z-index: 2;color:#FFF; text-align: right; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; transform: translateY(50%); }
.hero-slider-item-content h3{font-family: 'Helvetica Neue'; font-size: 35px;  margin: 0; padding: 0; line-height: 1.14; letter-spacing: 7.81px; font-weight: normal; margin-bottom: 25px; background-color: rgba(0, 0, 0, 0.5); padding: 10px; display: inline; line-height: 170%;} 
.hero-slider-item-content h3 strong{font-family: 'Garamond Italic Tr'; font-size: 130%; font-style: italic; font-weight: normal;}
.hero-slider-item-content p{font-size: 20px; font-style: 300; font-family: 'Helvetica Neue'; max-width: 300px; line-height: normal; margin-bottom: 45px; letter-spacing: 2px; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.5); padding: 10px; display: inline; margin-top: 0;}
.hero-slider-item.slider-item-1 .hero-slider-item-content a{display: block; background:url(../img/home/hero/1/btn-play@2x.png) no-repeat center center; background-size: contain; position: relative; width:76px; height: 76px; }
.hero-slider-item.slider-item-1 .hero-slider-item-content a span{position: absolute; color:#FFF; font-size: 10px; display: none;}


.hero-slider-item-bg-wrapper{position: relative;position: relative; z-index: 1; width: 100%; height: 100vh;}
.hero-slider-item-bg-wrapper::after{position: absolute;bottom: 0; left: 0; width:100%; z-index: 2; height: 240px; background: url(../img/home/hero/hero-mask.png) repeat-x;
     content: ''; transform: translateY(20px);
}
.hero-slider-item-bg-wrapper .bg-mask{position: absolute; z-index: 2; width: 100%; height: 100%;opacity: 0.8; mix-blend-mode: multiply; background-color: #c7c2b6; left: 0; top: 0;}

.hero-slider-item img{width: 100%; display: block; position: relative;  z-index: 1; height: 100%; object-fit: cover;  object-position: top center;   }/* görsel transformY değişikliği*/



.slider-item{margin: 16px 16px 0 16px;  filter: grayscale(100%); transition: filter ease-in .3s; }
.slider-item.is-selected{filter:none;}
.is-selected .slider-title{visibility: visible !important; opacity: 1;}

.slider-title{text-align: center; margin-bottom: 30px;  letter-spacing: 1.5px;font-weight:300; font-size: 18px; visibility: hidden ; opacity:0; transition:ease-in-out .3s all;                         font-family: 'Saol Display';
}

.slick-current .slider-title{font-weight: 100; font-size: 28px;}
.slider-image{width:100%; max-width:622px; box-shadow: 6px 2px 20px 0 rgba(0, 0, 0, 0.5);}
.slider-image img{display: block; width: 100%;}


.slick-arrow{position: absolute; z-index: 9999; top:50%; left: 50px; transform: translateY(-50%); background: url(../img/home/hero/arrow.png) no-repeat center center; background-size: contain; border: none; width: 48.5px; height: 37.5px; font-size: 0; transition: all ease-in .2s; cursor: pointer; }
.slick-arrow:hover{transform: translateY(-50%) scale(1.1);}
.slick-arrow::after{content:''; width:58px; height:58px; display:block; border:2px solid #000000; background-color: rgba(255,255,255,.3); position: absolute; left: 50%; top: 50%; transform-origin: center center; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: ease-in all .2s; }
.slick-arrow:hover::after{ transform: translateX(-50%) translateY(-50%) rotate(135deg); }
.slick-arrow.slick-next{left: auto; right: 50px;}
.slick-arrow.slick-prev{transform: translateY(-50%) rotate(180deg);}





.amenities-section{ background-size: contain;  padding-top: 350px;     background: white;
}
#amenities-slider{margin-top: -300px; transform: translateY(300px);}


.home-section-header{position: relative; text-align: center;}
.shadow-text{position: relative;color:#FFF; font-weight: 100; font-size: 118px; display: inline-block; z-index: 1;  font-family: 'Helvetica Neue' !important;}
.shadow-text span{position: relative; z-index: 1;}
.shadow-text span.text-shadow{position: absolute; z-index: 0; top:5px; left: 5px; color:#908865; opacity: .5; display: none;}


.header-img-content-alt-header{margin-bottom: 30px; }
.header-img-content-text{font-family: 'Helvetica Neue'; margin-bottom: 30px;}


.fourseasons-section{background-color: #000;}
#main-fourseasons-bg-wrapper{position: absolute; height: 100%; width:100%; z-index: -1; left: 0; top: 0;}
#main-fourseasons-bg-wrapper img{display: block; object-fit: contain; height: 100%; max-width: 1440px; margin: auto;
    opacity: 0.4;
    mix-blend-mode: luminosity;
    background-image: linear-gradient(179deg, #000 33%, rgba(0, 0, 0, 0.37) 64%, #000 81%);
}
#home-fourseasons-content{padding-top: 450px; min-height: 900px; color:#FFF;}

.section-4-header .shadow-text{font-size: 90px;}
.section-4-header .shadow-text span.text-shadow{left:0; top:0; transform: translateX(14px) translateY(14px); color:#393834; }

#home-fourseasons-subpages{display: flex; justify-content: space-evenly; margin-bottom: 50px; }
.fourseasons-subpage-item{border-right:solid 1px #908865; height: 240px; align-items: center; justify-content: flex-end; display: flex; padding: 0 20px; box-sizing: border-box;  text-align: right; color:#FFF; text-decoration: none; min-width: 230px }
.fourseasons-subpage-item .item-number{display: none; font-family: 'Garamond Italic Tr'; color:#908865; font-size: 45px; font-style: italic; font-weight: 300; }
.fourseasons-subpage-item span{max-width: 330px; font-size: 18px;letter-spacing: 1.5px; font-family: 'Helvetica Neue'; text-align: right; display: block;}
.fourseasons-subpage-item-inner{transition: ease-out all .3s;  text-align: right;}
.fourseasons-subpage-item.selected .fourseasons-subpage-item-inner{border:1px solid #908865; width:230px; height: 230px; border-radius: 50%; display: flex; align-items: flex-end; justify-content: center; padding: 30px; box-sizing: border-box; flex-direction: column; font-weight: bold;font-family: 'HelveticaNeue'; }
.fourseasons-subpage-item.selected .item-number{display: block; letter-spacing: normal; text-align: right; }

#fourseasons-slider .slick-current{transform: none;}
#fourseasons-slider .slick-arrow{display: none !important;}
#fs-slider-arrows{position: relative; display: flex; justify-content: flex-end; height: 150px; align-items: center;}
.fs-arrow{background: url(../img/slide-arrow.png) no-repeat center center; background-size: contain; width:60px; height: 50px; background-size: 14px 26px; cursor: pointer;}
.fs-arrow#fs-prev{transform: rotate(180deg);}
.fs-arrow#fs-next{border-left:1px solid #ccc ;}



#photo-gallery-slider-wrapper{position:relative;}

#home-scroll-inticator{position: absolute; bottom:50px; left: 50%; transform: translateX(-50%); background:url(../img/home/hero/bottom-arrow.png) no-repeat center center; width: 38px; height: 22px; z-index: 111; opacity: .7; animation: bounce 1.2s infinite alternate; transform: translateX(-50%); cursor: pointer;}

@keyframes bounce{
    from { transform: translateX(-50%) translateY(-10px); } 
}

.about-us-section{background: white;}
.home-fourseasons-slide .slider-item{position: relative;}