/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFkD-vYSZviVYUb_rj3ij__anPXDTnohkk72xU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
 
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFkD-vYSZviVYUb_rj3ij__anPXDTnojEk72xU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFkD-vYSZviVYUb_rj3ij__anPXDTnogkk7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} 
/* latin-ext */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} 
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'MOD20';
    src: url('../fonts/MOD20.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}




 

:root{
    --color-siyah:#000;   
    --color-beyaz:#fff;  
    --color-antrasit:#383E3E;
    --color-koyu-kahve: #6B574C;
    --color-koyu-kahve2: #413232;
    --color-dogal-yesil: #4A7C59;
    --color-gunes-altin: #B79C6F;
    --color-sakin-bej: #F4F0E7;
    --color-havuz-mavi: #2C5F7F; 
    --color-krem:#DDD1C4;   
    --color-krem2:#EFE5DC;    
    --color-border:#dde4e5;  
    --color-lighten01:#ccc;
    --color-lighten02:#edf5f8;
    --color-lighten03:#f5f1eb;
    --color-lighten04:#f7f5f2; 
    --color-success:#3EB75E;
    --color-danger:#FF0003;
    --color-warning:#FF8F3C; 
    --color-placeholder:gray;
    --color-facebook:#1877f2;
    --color-twitter:#1da1f2;
    --color-youtube:#cd201f;
    --color-linkedin:#0a66c2; 
    --color-instagram:#C231A1;      
    --font-Playfair: 'Playfair Display',  sans-serif;  
    --font-Montserrat:'Montserrat', sans-serif;
    --font-MOD20:'MOD20', sans-serif;
} 


html{
    overflow:hidden;
    overflow-y:auto;
    margin:0;
    padding:0;
    font-size:10px
}
body{
    overflow:hidden;
    font-size: 16px;
    line-height: 22px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale; 
    color:#000;
    font-weight:400; 
    margin:0;
    padding:0 !important; 
    font-family: var(--font-Montserrat)
}
body {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

body.fade-out {
  opacity: 0;
}

*{
    box-sizing:border-box
}

a{
    display:inline-block;
    text-decoration:none;
    outline:none;
    color: #000;
}
a:hover,a:focus,a:active{
    text-decoration:none;
    outline:none;  
}
a:focus{
    outline:none
}
ul,li {
    list-style: none;
}
ul{
    margin:0;
    padding:0
}
nav ul,nav ol{
    list-style:none;
    list-style-image:none
}
li>ul,li>ol{
    margin:0
}
ol ul{
    margin-bottom:0
}
img{ 
    border:0;
    vertical-align:middle;
    max-width:100%;
    height:auto
}

button,input,select,textarea{
    font-size:100%;
    margin:0;
    max-width:100%;
    vertical-align:baseline
}
button,input{
    line-height:normal
}

main {
    display: block;
    position: relative;
} 


.max-header { 
    position: relative;   
    width: 100%;
    background: transparent;
    z-index: 99;
    padding: 0px;
    height: 108px;   
    font-family: var(--font-ysabeau)
} 
.max-header .header-mainmenu{  
    position:relative;
    height: 108px; 
    z-index: 1; 
} 

.max-header .header-brand{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center; 
    justify-content: flex-start;
}
.max-header .header-brand {
    display: flex; 
    align-items: center;
    justify-content: center;
    text-align: center;
    width: auto;
    height: 108px;  
    padding-top: 0px; 
    padding-left: 0px;
    border-radius: 10px; 
} 
.max-header .header-brand  img{
    width:173px;
    height:108px; 
    max-width: none;     
  
}  

 

.max-header .header-mainnav{  
    list-style: none; 
    align-items: center;   
} 

.mainmenu-nav .mainmenu{
    display: flex;
    margin: 0;
    padding: 0;
    margin-top: -20px;
}
.mainmenu-nav .mainmenu li{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1;
    position: static;
}
.mainmenu-nav .mainmenu>li>a{
    display: block;
    padding: 0 14px;
    height: 108px;
    line-height: 108px;
    color: var(--color-beyaz);
    font-size: 16px;
    transition: .3s;
}
.mainmenu-nav .mainmenu li a:hover{
    color: var(--color-gunes-altin);
}
.diller-a {
  padding-left: 5px;
}
.mainmenu-nav .mainmenu .icon {
    margin-left: 8px; 
    font-size: 15px;
    color: var(--color-gunes-altin); 
    margin-top: -10px;
    top: -10px;
}
  .mainmenu-nav .mainmenu li.dropdown .dropdown-toggle:before {
    content: "\f107";
    display: inline-block;
  font-family: 'Font Awesome 6 Free';
    font-size: 19px;
    position: absolute;
    right:  -3px; 
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: var(--color-gunes-altin);
    display: none;
  }

.header-right{
    gap: 30px;
}

/* Telefon */
.header-phone{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: -20px;
    width: fit-content;
    display: inline-block;
}
.header-phone i{
    color: var(--color-gunes-altin);
    margin-right: 8px;
}

/* Rezervasyon butonu */
.rez-btn{
    padding: 6px 25px;
    border-radius: 50px;
    background: var(--color-gunes-altin);
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    transition: .3s;
    margin-top: -20px;
}
.rez-btn:hover{
    background: #fff;
    color: var(--color-koyu-kahve)
}




  .dropdown-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0; 
    margin-left: 0px;
    margin-top: -30px;
    font-size: 16px;
    color: #212529;
    text-align: left;
    border:none;
    background-color: #fff;
    background-clip: padding-box; 
    border-radius: 5px;
  }
  
  .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }

  
  .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
  }

.dropdown:hover .dropdown-menu {
  display: block;
}
.dropdown-toggle:after {
    display: none;
}
.dropdown-item {font-size: 15px; padding: 10px 20px;}



.dropdown-toggle svg {
    margin-top: -2px;
    margin-left: 2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    fill: currentColor;
    fill: var(--color-beyaz);
}

.dropdown-toggle::after {
    display: none;
} 

 



.top-iletisim>li>a {
    padding: 0 5px !important;
    font-size: 17px !important;
    font-weight: 400 !important;
}

 









.slayt_dis {
    position: relative;
    height: 100vh !important;
}




@media only screen and (max-width:1920px) {
.slayt_dis {
    height: 100vh !important;
}
}


@media only screen and (max-width:1790px) {
.slayt_dis {
    height: 100vh !important;
}
}


@media only screen and (max-width:1610px) {
.slayt_dis {
    height: 100vh !important;
}
}

@media only screen and (max-width:1510px) {
.slayt_dis {
    height: 100vh !important;
}
}


@media only screen and (max-width:1370px) {
.slayt_dis {
    height: 100vh !important;
}
}

 @media only screen and (max-width:470px) {
.slayt_dis {
    height: 80dvh !important;
}
}


 .flexslider {
    width: 100%; 
    overflow: hidden;
    position: relative;   
    border: 0 !important;
    height: 100% !important;
    position:relative;
    z-index:1;  
} 
 
.flexslider .slayt::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;  
background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.10) 73.62%);

    pointer-events: none;
    opacity: 1;
    z-index: 5;
}
  




 .flexslider .slides {
  position: relative;
  overflow: hidden; 
    width: 100% !important; 
    height: 100%; 
    text-align: center; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap; 
}
.flexslider .slides li {
  width: 100% !important;  
    height: 100% !important;
}    
.flexslider video { 
    -webkit-transition:-webkit-transform 5s linear;
    transition:-webkit-transform 5s linear;
    transition:transform 5s linear;
    transition:transform 5s linear,-webkit-transform 5s linear; 
    background-size:cover;
    background-position:100%;
  width: 100% !important; 
    height: 100% !important;
    object-fit: cover;
    overflow: hidden;  
    text-align: center; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap; 
}

.flexslider img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:-webkit-transform 3s linear;
    transition:-webkit-transform 3s linear;
    transition:transform 3s linear;
    transition:transform 3s linear,-webkit-transform 3s linear; 
    background-size:cover;
    background-position:100%;
    width: 100% !important; 
    height: 100% !important;
    object-fit: cover;
    overflow: hidden;  
    text-align: center; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap; 
    vertical-align: middle;
}
.flexslider  .slides .flex-active-slide img {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}

.flexslider video{ 
    -webkit-transition:-webkit-transform 3s linear;
    transition:-webkit-transform 3s linear;
    transition:transform 3s linear;
    transition:transform 3s linear,-webkit-transform 3s linear; 
    background-size:cover;
    background-position:100%;
    width: 100% !important; 
    height: 100% !important;
    object-fit: cover;
    overflow: hidden;  
    text-align: center; 
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap; 
    vertical-align: middle;
}


.flexslider .slayt_buton  {  
    position: absolute;
    width: 100%;  
    height: 140px;
    line-height: 30px;
    right: 0;
    left: 0;
    top: 45%;
    transform: translate(0,-50%); 
    text-align: right;
    z-index: 9999;   
}

.flexslider .flex-direction-nav {
    position: relative;
    float: right;
    right:  0px;
    height: 140px;
    display: block;
    justify-content: flex-end; 
    gap: 80px;  
    z-index: 999;
}

.flexslider .flex-direction-nav li{
    width: 58px;
    height: 58px; 
  position: relative;
  margin-bottom: 20px;
}
.flexslider .flex-direction-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px; 
    border-radius: 50%;
    background: var(--color-gunes-altin);
    color: #fff;
    transition: 0.3s;
}

 
.flexslider .flex-direction-nav a:hover {
    background: var(--color-koyu-kahve); 
    color: #fff; 
}

 
.flexslider .flex-direction-nav .flex-nav-next a:before {
    font-family: "Font Awesome 6 Light";
    font-size: 26px;
    content: "\f105"; /* Sağ ok ikonu */
    font-weight: 400;
}

/* Sola bakan ok (Önceki) */
.flexslider .flex-direction-nav .flex-nav-prev a:before {
    font-family: "Font Awesome 6 Light";
    font-size: 26px;
    content: "\f104"; /* Sol ok ikonu */
    font-weight: 400;
}
 
 

 


.flex-control-nav.flex-control-paging { 
  display: none;
}
 
  

.container.absolute {
  position: absolute;
  top:46%;
  left: 50%;  
  transform: translate(-50%, -50%);  
  z-index: 6;
}

 .slide_text { 
    width: 50%;
    height: auto; 
    overflow: hidden;
    position: relative;   
    z-index: 9;
    color: #fff;    
}

.slide_title {
    font-size: 28px;
    line-height: 40px; 
    margin-bottom: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase; 
    text-align: left;
    text-shadow: 3px 2px 3px rgba(0,0,0,0.23); 
  color: var(--color-sakin-bej); 
} 

.slide_byline {
    font-size: 58px;
    line-height: 70px;  
    text-align: left;
    font-weight: 200;
    text-transform: capitalize; 
    letter-spacing: 2px;
    text-shadow: 3px 2px 3px rgba(0,0,0,0.23);  
    font-family: var(--font-Playfair) 
}
 
 





.small_section {
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute; bottom: 0px; z-index: 999; width: 100%;
}
.gradient_bg {
  border-top: 1px solid var(--color-koyu-kahve2);
  background:rgba(0, 0, 0, .5);
  backdrop-filter: blur(6px);
}



.small_section i {
    font-size: 31px;
    margin: 0px 20px 0px 0;
    color: #fff;
}
.small_detail i{
   transition: all 0.3s ease-in-out;
}
 
.small_detail:hover i,
.small_detail:focus i,
.small_detail:active i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
 
.slayt-alti-icon {
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;  
    text-decoration: none !important;
}


.small_section .small_section_title,.small_section .small_section_text  {
    display: inline-block;
    color: var(--color-sakin-bej)
}
.small_section .small_section_title {
    margin-bottom: 0px; 
    font-size: 17px; 
    font-weight: 600;
    color: var(--color-gunes-altin);
}
.small_section .slayt-alti-icon i{ 
    color: var(--color-gunes-altin);
}
.small_section .small_section_text {
    font-weight: 400;
    margin-bottom:8px;
    display: block;
    margin-top: 5px;
    line-height: 22px;
    min-height: 30px;
    font-size: 14px; 
} 

.small_section a {
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline;
    color: var(--color-gunes-altin);
} 


.fa-diamond::before {
  content: "\f219"; }
.fa-tree::before {
  content: "\f1bb"; }
.fa-calendar::before {
  content: "\f073"; }








.slider-about-social-list {
  position: absolute;   
  width: 44px;
  height: auto;  
  box-sizing: border-box;
  background: transparent;
  display: flex; 
  flex-direction: column; 
  justify-content: flex-start; 
  align-items: flex-start;  
  top: 46%;
  right: 5%;  
  transform: translate(0, -50%); 
  margin: 0;  
  line-height: 30px;  
  z-index: 6; 
}

.slider-about-social-list a { 
  width: 44px;
  height: 44px;  
  color: #fff;
  font-size: 22px;
  margin-bottom: 20px; 
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.5s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding:10px;
    border: 1px solid #fff;
}





@media only screen and (max-width:1204px) {
.rez-btn {
    font-size: 14px;
    padding: 6px 15px; 
    margin-right: 80px;
}
.mainmenu-nav .mainmenu>li>a { 
    padding: 0 8px; 
}
.slide_text {
    width: 70%; 
}




}


 





@media only screen and (max-width:992px) {
.max-header .header-brand { 
    justify-content: start; 
}
.header-action {
    height: 100%;
    margin-top: -32px;
    align-items: center;
    justify-content: flex-end; 
} 
 .hamberger-button {
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--color-beyaz);
    font-size:36px;
    margin-right:  10px;
    line-height: 1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
} 
.container.absolute { 
    top: 46%;  
}
.slide_text {
    width: 70%; 
}
.slide_title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom:10px;
    font-weight: 400; 
}

.slide_byline {
    font-size:34px;
    line-height: 40px; 
    letter-spacing: 1px; 
}



.flexslider .slayt_buton { 
    height: 110px; 
    top: 46%; 
}
.flexslider .flex-direction-nav { 
    height: 110px; 
    gap: 50px; 
}
.flexslider .flex-direction-nav li {
    width: 44px;
    height: 44px; 
    margin-bottom: 14px;
}
.flexslider .flex-direction-nav a { 
    width: 44px;
    height: 44px; 
}




}



@media only screen and (max-width:640px) {
  .small_section {
    padding-top: 12px;
    padding-bottom: 6px; 
}
.slayt-alti-icon { 
    height: 32px;
    line-height: 32px; 
}
.small_section i {
    font-size: 20px;
    margin: 0px 8px 0px 0; 
}
.small_section .small_section_text { 
    margin-bottom: 8px; 
    margin-top: 0px;
    line-height: 20px; 
}

.small_section .small_section_title { 
    font-size: 15px;  
}
    .slide_byline {
        font-size: 32px;
        line-height: 40px; 
    }



}