/* ==============================================
SABİT KULLANILANLAR 
=============================================== */
body { font-family: 'Poppins', sans-serif; font-size: 14px; color:#555555;}
p,p2, h1, h2, h3, h4, h5, small { margin-bottom:0px; }
small{ font-size: 10px; font-weight: 300; }
p{ font-size: 14px; font-weight: 400; text-align: left!important;}
h1{ font-size: 36px; font-weight: 700; text-align: left!important;}

a { color: inherit; background-color: transparent; }
a:hover { color: inherit; text-decoration: none; background-color: transparent; }

.text-grey { color: #555555; }
.text-dark-grey { color: #222222; }
.text-hardal-dark{ color: #ae841e; }
.text-green { color: #31d854; }
.text-blue { color: #4980c9; }
.text-orange { color: #f26628; }
.text-asvalt { color: #39404e; }

.bg-light-grey{ background-color: #f0f0f0; }
.bg-grey{ background-color: #555555; }
.bg-orange{ background-color: #f26628; }
.bg-asvalt{ background-color: #39404e; }
.bg-beyaz{ background-color: #fff; }
.bg-navy-blue{ background-color: #142632; }
.bg-turkuvaz{ background-color: #9bd7d1; }

.bg-white-opacity-30 { background-color: rgba(255,255,255,0.3); }
.bg-white-opacity-50 { background-color: rgba(255,255,255,0.5); }
.bg-black-opacity-40 { background-color: rgba(0,0,0,0.4); }
.bg-black-opacity-50 { background-color: rgba(0,0,0,0.5); }
.bg-black-opacity-60 { background-color: rgba(0,0,0,0.6); }
.bg-black-opacity-70 { background-color: rgba(0,0,0,0.8); }
.bg-black-opacity-80 { background-color: rgba(0,0,0,0.9); }

.border-black { border-color: #000; }
.border-white { border-color: #fff !important; }
.border-grey { border-color: #555555 !important; }
.border-orange { border-color: #f26628 !important; }

.font-10 {font-size: 10px !important;}
.font-12 {font-size: 12px !important;}
.font-14 {font-size: 14px !important;}
.font-16 {font-size: 14px !important;}
.font-18 {font-size: 18px !important;}
.font-24 {font-size: 24px !important;}
.font-30 {font-size: 30px !important;}
.font-36 {font-size: 36px !important;}
.font-48 {font-size: 48px !important;}
.font-60 {font-size: 60px !important;}
.font-72 {font-size: 72px !important;}

.font-black { font-weight: 900; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-regular { font-weight: 400; }
.font-light { font-weight: 300; }

.line-height-0-7 { line-height: 0.7; }
.line-height-0-9 { line-height: 0.9; }
.line-height-1-2 { line-height: 1.2; }

.top-0 { top:0px !important; }
.bottom-0 { bottom:0px !important; }
.left-0 { left:0px !important; }
.right-0 { right:0px !important; }

.left-auto { left:auto!important; }
.right-auto { right:auto!important; }

.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 0.25; }
.opacity-50 { opacity: 0.50; }
.opacity-100 { opacity: 100; }

.w-40 { width: 40%!important; }

.bg-gorsel{ background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; }
.bg-gorsel2 { background-attachment: fixed; }

.cursor-pointer{ cursor: pointer; }
.pointer-events-none{ pointer-events: none; }
.under-line{ text-decoration: underline; }
.radius-0{border-radius: 0px !important}
.radius-35{border-radius: 35px !important}
.nowrap {white-space: nowrap;}
.z-index-down { z-index: -1 !important; }
.z-index-up { z-index: 9999 !important; }
.visibility-hidden { visibility: hidden; }
.visibility-visible { visibility: visible !important; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-hidden { overflow-x: hidden; }
.zoom-efekt:hover { transform: scale(1.10); }
.zoom-efekt-small:hover { transform: scale(0.90);  }
.opacity-efekt { opacity: 0.5; }
.opacity-efekt:hover { opacity: 1; }
.efekt { transition: all 0.3s; }
.shadow-1 { box-shadow: 0 0.4rem 1rem rgba(0,0,0,.40)!important;}
.text-bullet:before { width: 6px;  height: 6px; left: 0px!important; border-radius: 100px; top: 50%; margin-top: -3px; content: "";  position: absolute; background-color: #1e5d89;}

/* ==============================================
MENU 
=============================================== */ 

.navbar{ background-color: rgba(255,255,255,0); font-weight: 300; font-size: 18px; height: 80px; padding: 0px; z-index: 99991; }
.navbar-scrolled { }
.navbar .navbar-brand{ max-width: 100%; width: auto; margin: 0px 10px; padding: 0px; }
.navar-bosluk { margin-top: 110px; }
.nav-container { z-index: 99991; width: 100%; max-width: 100%; margin: 0; position: fixed !important; top: 0px; transition: all 0.3s; }
.navbar-scrolled-2 { background-color: #142632; }

.nav-top { height: 30px; }
.nav-top p , .nav-top i{ line-height: 1; padding: 0px 10px; transition: all 0.3s; }
.nav-top p:hover , .nav-top i:hover{ color: #f7cdbb !important; }

.navbar .navbar-nav .active-button { color: #f7cdbb !important; }
.navbar .navbar-nav .nav-link { color: #fff; padding: 0px 15px; border-left: 1px solid #fff; line-height: 1.2; transition: all 0.3s; }
.navbar .navbar-nav .nav-link:hover { color: #f7cdbb; }
.navbar .navbar-nav .dropdown-menu { display: none; background-color: rgba(20,38,50,0.7); border-radius: 0px; font-size: inherit; padding: 5px 15px; min-width: 100%; }
/* D-none kalkarsa hover'a gerek kalmaz */
.navbar .dropdown:hover .dropdown-menu {  display: block; border: none; margin-top: 20px; }
.navbar .navbar-nav .dropdown-menu .dropdown-item { border-bottom: 1px solid #fff; padding: 10px 0px;  color: #fff; transition: all 0.3s; }
.navbar .navbar-nav .dropdown-menu .dropdown-item:last-child { border-bottom: none; }
.navbar .navbar-nav .dropdown-menu .dropdown-item:hover { background-color: transparent; padding-left: 15px; }

.navbar .dropdown:hover .nav-link { color: #f7cdbb; }
.navbar .navbar-nav .dropdown-menu .dropdown-item:before { content: ''; position: absolute; top: -20px; left: 0px; width: 100%; height: 20px; background-color: transparent; z-index: 100; display: none; }
.navbar .dropdown:hover .dropdown-item:before { display: block; }
.navbar .dropdown-item:focus { color: #ea0029; }

.nav-mobile { display: none; position: absolute; top: 10px; right: 20px; background-color: rgba(0,0,0,0.4); height: 40px; width: 40px; }
#nav-toggle { position: absolute; left: 7px; top: 9px; cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 25px; background: #fff; position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; }
#nav-toggle span:before { top: -10px;}
#nav-toggle span:after { bottom: -10px; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); } 
#nav-toggle.active span:after { transform: rotate(-45deg); }

#sidebar {width: 100%;position: fixed;top: 0;left: -100%;height: calc(100vh - 90px);margin-top:90px;z-index: 999;background-color: rgba(255,78,0,0.9);color: #fff;transition: all 0.3s;overflow-y: scroll;}
#sidebar.active {left: 0;z-index: 99999;}
#sidebar .nav-link, #sidebar .dropdown-item { color: #fff; font-size:14px; }
#sidebar .dropdown-item { font-size:14px; position: relative; }
#sidebar ul { padding: 20px; }
#sidebar li { border-bottom: 1px solid rgba(255,255,255,0.75); }
#sidebar .dropdown-item:focus, #sidebar .dropdown-item:hover {color: #000; background-color: #fff;}

#sidebar .dropdown-item:before { width: 8px;  height: 2px; left: 5px!important; border-radius: 100px; top: 50%; margin-top: -1px; content: "";  position: absolute; background-color: #fff;}
#sidebar .dropdown-toggle::after { display: none; }
#sidebar .nav-link-detay {
    padding: 8px 15px;
    background-color: #191919;
}

/* ==============================================
SWİPPER SLİDER
=============================================== */ 

.main-slider { width: 100%; height: calc(100vh - 0px);}
.main-slider .swiper-slide { background-size: cover!important; background-position: center center!important; }
.main-slider .swiper-lazy { background-size: cover!important; background-position: center center!important; width: 100%; height: 100%; }

.main-slider .swiper-pagination { bottom: 0px; }
.main-slider .swiper-pagination-bullet { position: relative; width: 200px; opacity: 0.5; background-color: transparent; border-radius: 0px; margin: 0px !important; transition: all 0.3s; padding: 10px 10px 75px 10px; color: #fff; }
.main-slider .swiper-pagination-bullet-active {opacity: 1; }
.main-slider .swiper-pagination-bullet-active:after { content: ""; position: absolute; background: #fff; left: 0; bottom: 0px; width: 100%; height: 10px; }

.main-slider .swiper-pagination-bullet p { position: absolute; bottom: 25px; }

.kayan-slider-container .swiper-button-next { background-image: none; right: 0px; }
.kayan-slider-container .swiper-button-prev { background-image: none; left: 0px; }

.kisa-slider { height: 450px; }

/* ==============================================
ORTAK KULLANILANLAR
=============================================== */

.blog-kutu:hover img { transform: rotate(2deg) scale(1.10); }
.blog-kutu:hover .blog-btn { color: #f26628; }

.kutu-1-container { padding-top: 155px; }
.kutu-1 { height: 150px; padding: 55px 5px 20px 5px; background-color: #f9f9f9; border: 1px solid #dcdcdc;}

.kutu-2 { height: 475px; }

.kutu-villa { height: 410px; }
.kutu-villa:hover .kutu-villa-1 { opacity: 0 !important }
.kutu-villa:hover .kutu-villa-2 { opacity: 1 !important; }

.kutu-villa-galery { height: 350px; }
.kutu-villa-galery-tiny { height: 200px; }

.otel-imaj .otel-imaj-detay { z-index: 1 !important; }
.otel-imaj:hover .otel-imaj-detay { opacity: 1 !important }
.otel-imaj:hover img { transform: rotate(2deg) scale(1.10); }
.otel-imaj:hover .otel-imaj-div { transform: rotate(2deg) scale(1.10); }

.kutu-ulke { min-height: 50px;}

.buton-efekt-1 { padding: 10px 60px; }
.buton-efekt-1:hover { background-color: #f26628; }

.buton-efekt-2 { width: 225px; height: 40px; }
.buton-efekt-2:hover p , .buton-efekt-2:hover h1 { color: #fff !important; }

.buton-efekt-3:hover { background-color: #39404e !important; }
.buton-efekt-3:hover p , .buton-efekt-3:hover h1 { color: #fff !important; }

.buton-text-orange-to-grey:hover { color: #555555 !important; }
.buton-text-white-to-orange:hover { color: #ff4e00 !important; }

.buton-border-to-orange:hover { border-color: #f26628 !important; }

.kesik-turuncu-border { border: 3px solid #f26628 !important;}

/* ==============================================
FORM ALANLARI 
=============================================== */

.formix {z-index: 99991; position:fixed; right: 0; cursor: pointer; top: calc(((100vh - 205px)/2) + 0px); }
.formComp { position:fixed; width: 510px; height: calc(100vh - 250px); top:125px; z-index: 999999; right: -510px; overflow: auto;}
.active-kulak { right: 0px !important; }

.div-scrolli-max-height {  max-height: 200px; }
.div-scrolli { overflow: auto; }
.div-scrolli::-webkit-scrollbar { width: 6px;}
.div-scrolli::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
.div-scrolli::-webkit-scrollbar-thumb {background: #ff4e00; border-radius: 10px;}
.div-scrolli::-webkit-scrollbar-thumb:hover { background:#ff4e00;}

.div-scrolli-bottom-max-height { min-width: 600px; }
.div-scrolli-bottom { overflow: auto; }
.div-scrolli-bottom::-webkit-scrollbar { height: 4px;}
.div-scrolli-bottom::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
.div-scrolli-bottom::-webkit-scrollbar-thumb {background: #ff4e00; border-radius: 10px;}
.div-scrolli-bottom::-webkit-scrollbar-thumb:hover { background:#ff4e00;}

form .form-group{ margin: 0px; margin-bottom: 15px; }
form .form-control , form .custom-select , form input{ font-size: 14px !important; color: rgba(255,255,255,0.75); height: 40px; border:none; border-bottom: solid 1px rgba(153,153,153,0.5); border-radius: 0px; background-color: transparent !important; }
form input::placeholder , form input:focus { color: rgba(255,255,255,0.75) !important; }
form select:focus { color: rgba(255,255,255,0.75) !important; }
form select option { background-color: #555555 !important; }
form textarea{ height: 90px !important; }
form button { height: 50px; border: none !important; }
form select { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }
form select.classic { background-image: linear-gradient(45deg, transparent 50%, #f26628 50%), linear-gradient(135deg, #f26628 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-position: calc(100% - 15px) calc(1em + -2px), calc(100% - 5px) calc(1em + -2px), 100% 0; background-size: 10px 10px, 10px 10px, 2.5em 2.5em; background-repeat: no-repeat; }

.detay-form form .form-control , .detay-form form .custom-select , .detay-form form input{ font-size: 14px !important; color: #555555 !important; height: 40px; border: solid 1px rgba(153,153,153,0.5); }
.detay-form form input::placeholder , .detay-form form input:focus { color: #555555 !important; }
.detay-form form select:focus { color: #555555; !important; }
.detay-form form select option { background-color: #fff !important; color: #555555; !important; }
.detay-form input[required] + label { padding: .375rem .75rem; position: absolute; top: 3px; font-size: 1rem; }
.detay-form input[required]:invalid + label { display: inline-block; }
.detay-form input[required]:valid + label{ display: none; }

.izin_container input { position: absolute; opacity: 0; height: 0; width: 0;}
.checkmark { position: absolute; top: 2px; left: 0; height: 15px; width: 15px; background-color: #fff; border: 1px solid #d2d2d2;}
.izin_container:hover input ~ .checkmark { background-color: #fff;}
.izin_container input:checked ~ .checkmark {  background-color: #fff;}
.checkmark:after { content: ""; position: absolute; display: none;}
.izin_container input:checked ~ .checkmark:after {  display: block;}
.izin_container .checkmark:after {  left: 2px;  top: 2px;  width: 9px;  height: 9px; background-color: #ff4e00;}

.kart-secim .active .border { border-color: #ff4e00 !important; }
.kart-secim .checkmark { top: 20px; margin-left: -7.5px; left: 50%;}

.villa-detay-buton-container .active { background-color: #39404e !important; }
.villa-detay-buton-container .active p { color: #fff !important; }

.villa-detay-buton-container-2 .active {  }
.villa-detay-buton-container-2 .active p { font-weight: 700; }

/* ==============================================
FANCYBOX ALANLARI 
=============================================== */

.fancybox-detay { display: none; }

/* ==============================================
ANİMASYON
=============================================== */

.page-down-efekt { position: absolute; background-color: #ff4e00; width: 3px; height: 6px; left: 50%; margin-left: -1.5px; top:5px; animation:page-down-efekt-animasyon 1s infinite; }
@keyframes page-down-efekt-animasyon { 0% {top:5px;} 50% {top:10px;} 100% {top:5px;} }

/* ==============================================
FOOTER
=============================================== */

.footer { padding-bottom: 75px !important; }





#html_element > div:first-of-type {     width: 100% !important ; }
#html_element iframe {     width: 100%; }













/* ==============================================
RESPONSİVE
=============================================== */ 

@media (min-width: 200px) and (max-width: 1401px) {
    .div-scrolli { padding: 25px !important;}
}



@media (min-width: 200px) and (max-width: 1366px) {
    .formComp { width: 450px; height: calc(100vh - 0px); top:0px; right: -450px; }
    .formComp img{ width: 80px; }
}
@media (min-width: 992px) {
    .height-lg-40-px { height: 40px; max-height: 40px; }
    .h-lg-100 { height: 100% !important; }
    
    .border-lg-left { border-left: 1px solid #dee2e6 !important; }
    .border-lg-right { border-right: 1px solid #dee2e6 !important; }
}

@media (min-width: 200px) and (max-width: 1200px) {
    .navbar{ font-size: 14px; }
}

@media (min-width: 200px) and (max-width: 991px) {
     p{ font-size: 14px; }
     h1{ font-size: 24px; }
    .font-14 {font-size: 14px !important;}
    .font-14 {font-size: 16px !important;}
    .font-18 {font-size: 18px !important;}
    .font-24 {font-size: 18px !important;}
    .font-30 {font-size: 18px !important;}
    .font-36 {font-size: 24px !important;}
    .font-48 {font-size: 36px !important;}
    .font-60 {font-size: 48px !important;}
    .font-72 {font-size: 60px !important;}
    
    .navar-bosluk { margin-top: 90px; }
    .navbar{ height: 60px; }
    .navbar .navbar-brand { width: 160px; }
    .nav-container .container { max-width: 100%; width: 100%; }
   
    .main-slider .swiper-pagination { bottom: 70px; }
    .main-slider .swiper-pagination-bullet { width: 50px; padding: 0px; }
    .main-slider .swiper-pagination-bullet:after { content: ""; position: absolute; background: #fff; left: 0; bottom: 0px; width: 100%; height: 2px; }
    .main-slider .swiper-pagination-bullet-active:after { content: ""; position: absolute; background: #fff; left: 0; bottom: 0px; width: 100%; height: 8px; }
    
    .kisa-slider { height: 300px; }
    
    .kesik-turuncu-border { border: 1px solid #f26628 !important;}
    
    .detay-form input[required] + label { font-size: 0.8rem; }
    .form-control { font-size: 0.8rem; }
    
    .formix { right: auto; cursor: pointer; top: auto; bottom: 0px; left: 50%; margin-left: -100px; }
    .formComp { width: 100%; height: calc(100vh); top:0px; right: -100%; }
	
	
	.ui-datepicker-inline { width:100%}
	
}

@media (min-width: 200px) and (max-width: 575px) {
     p{ font-size: 12px; }
     h1{ font-size: 18px; }
    .font-14 {font-size: 12px !important;}
    .font-16 {font-size: 12px !important;}
    .font-18 {font-size: 14px !important;}
    .font-24 {font-size: 14px !important;}
    .font-30 {font-size: 18px !important;}
    .font-36 {font-size: 18px !important;}
    .font-48 {font-size: 18px !important;}
    .font-60 {font-size: 24px !important;}
    .font-72 {font-size: 36px !important;}
    
    .kutu-villa { height: 300px; }
    .kutu-2 { height: 430px; }
    
}