@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,600;1,200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&display=swap');


body { font-family: 'Nunito', sans-serif;}

::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: transparent}
::-webkit-scrollbar-thumb {background: #af832d}
::-webkit-scrollbar-thumb {border-radius: 3px}
::-webkit-scrollbar-thumb:hover {background: #000}


/* loader */
.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  overflow: -visible;
  background: #fff url('../img/yukleniyor.gif') no-repeat center center;
}
/* loader  end*/

h1 {} /* Banner text */
h2 {} /* Banner text */
h3 {font-size:1.5em;font-weight:bold;} /* home text title */ 
h4 {font-size:1.1em;font-weight:bold;} /* Otel Puan */
h5 {font-size:1.5em;color:#fff;} /* Footer Title */
h6 {color:#000; font-size:1.5em;} /* Kurumsal Title */
h7 {color: #000;font-weight:bold;} /* iletişim title */
h8 {font-weight:bold;} /* iletşim title-2 */
h9 {font-size:1.8em;color:#000;}  /* odalar title */
h10 {font-size:1.0em;color:000;font-weight:900;} /* odalar detail */
h11 {font-size:1.0em;color:#5f829a;} /* accordion title */
h12 {font-size:1.2em;color:#fff;}
 
h13 {font-size:1.1em;font-weight:bold;}


.mobil {display:none;}
.desktop {display:block;}

.hr {color: #999; font-size:0.7em; }

.img-fluid. {max-width:100%;height:auto;}
.logo_header {width:100%; max-width:250px;padding:0px;margin:0px;}

.header_size {max-width:1000px;}
.header_top {background-color:#f0f0f0;}
.header_ust {padding:5px;}
.header_ust_tel {padding:9px;font-size:1.0em;margin-top:5px;color:#777;}

.telephone {text-decoration:none;padding:0px;margin-right: 10px;color:#777;font-size:0.9em;font-weight:bold;}
.telephone:hover {text-decoration:none;color:#222;}

.telephone_iletisim {padding:0px;margin-right: 10px;color:#000;}
.telephone_iletisim:hover {text-decoration:none;text-decoration:none;color:#999;}

.language {font-size:0.8em;}
.language_dropdown {font-size:0.8em;}

.uyari {font-size:0.8em;color:red;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.sss {max-width: 750px;}
.cizgi {color:#e8e8e8}

.product_home_1 {border:1px solid #dadada;background-color:#ffd741;color:#fff;}
.product_home_1:hover {text-decoration:none;background-color:#ffb719;color:#fff;}
.product_home_2 {border:1px solid #dadada;background-color:#52e24b;color:#fff;}
.product_home_2:hover {text-decoration:none;background-color:#17ca1f;color:#fff;}
.product_home_3 {border:1px solid #dadada;background-color:#5debff;color:#fff;}
.product_home_3:hover {text-decoration:none;background-color:#1ad9fd;color:#fff;}
.product_home_4 {border:1px solid #dadada;background-color:#ff892f;color:#fff;}
.product_home_4:hover {text-decoration:none;background-color:#ff4a0c;color:#fff;}
.product_home_5 {border:1px solid #dadada;background-color:#c027a2;color:#fff;}
.product_home_5:hover {text-decoration:none;background-color:#940563;color:#fff;}

.home_galery_alan {background-color: #f8f8f8;}

.nav-tabs  {font-size:0.7em;color:#000;font-weight:bold; padding:5px;margin:5px;}
.nav-tabs > a { color:#000;}

.seperator {width:70px;height:5px;background-color:#005da6;margin-bottom:12px;padding:2px;}

.desktop_slider { display: block;}
.mobil_slider { display:none;}
.navigator_ust { display: block;}

.icerik { margin-top:0px;}
.icerik_top {background-color: #f8fafb;padding:20px;}
.icerik_top_title {margin-top:10px;}


.room_detail {border:1px solid #dadada;border-radius:3px; }

.menu_left {margin-top:30px;}
.menu_left_title {padding:10px;font-size:0.8em;font-weight:bold;color:#001f5e;}

.blog_alan {border:1px solid #efefef; border-radius:5px;padding:10px;margin-top:20px;}

.incele_btn {padding:7px 17px 7px 17px;border:1px solid #dadada;border-radius:3px;background-color:#f8f8f8;text-decoration:none;color:#222;}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
   
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.rezervasyon_tel {text-decoration:none;color:#ad2525;}
.rezervasyon_tel:hover {text-decoration:none;color:#ad2525;}

.rezervasyon_ara {text-decoration:none;color:#000;}
.rezervasyon_ara:hover {text-decoration:none;color:#000;}

.rezervasyon_ust {}
.rezervasyon_bt {background-color: #ff6600; color:#fff;}


/* accordion */
 .panel-group .panel {
        border-radius: 5; font-size:1.1em;
        box-shadow: none;
        color: #000 !important;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 8;
        color: #000 !important;
		border-bottom:1px solid #999; margin-bottom:5px; 

    }
	


    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 8px;
        text-decoration: none;   color: #fff !important;
    }

    .more-less {
        float: right;
        color: #fff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE; color: #000; padding:10px; font-size: 0.9em;
    }


.ic_mn {color: #555;font-weight:bold;}
	


/* accordion and */


.navbar-custom {
    background-color: #fff; font-family: 'Poppins', sans-serif;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #8d8d9e;
   
}
/* change the link color and add padding for height */
.navbar-custom .navbar-nav .nav-link {
    color: #8d8d9e;
    padding: 30px 15px 10px 15px; font-size: 0.8em;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #222;
}




/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
  background-color: #fff;
  float:left;
  padding:10px 20px;
  border-radius:0px;
  border: 0px;
  border-top:2px solid #f69833;
  margin-top: 8px
}

.navbar-custom .dropdown-menu:after{
  content: '';
  position:absolute;
  left: 20px;
  top:-12px;
  border-style: solid;
  border-width: 0 15px 10px 15px;
  border-color: transparent transparent #f69833 transparent;  
}


.navbar-custom .dropdown-item {
    color: #8d8d9e; font-size: 0.7em; padding:8px;
}
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #222;
    
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='1 1 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 3)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='55' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler.navbar-toggler {
  border-color: #fff;
}

.navbar-toggler>.close {
    display:inline; font-size:1.8em; font-weight:normal;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    
} 

  

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.sticky {
  position: fixed; opacity:0.9;
  top: 0;
  width: 100%; z-index:9999999; 
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px; 
}



@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}



/* NAVBAR END*/

.cerez-popup-box{display:none; box-sizing: border-box; position:fixed; z-index:9999999; bottom:5px; right:5px; width:100%; text-align: center; color: #fff; background-image: url(../img/opacity.png); border: solid 1px #252525;font-size:0.8em;}
.cerez-popup{box-sizing: border-box; position:relative; padding:15px;z-index:99999999;}
.cerez-popup-close{box-sizing: border-box; position:absolute; top:-1px; right:6px; color:#fff; cursor:pointer; font-size:22px;}
.cerez-desc{box-sizing: border-box; width:100%; height:auto; color:#252525; margin-top:10px; margin-bottom:10px;font-size:1.0em;color: #fff;}
.cerez-button{box-sizing: border-box; width:100px; border:solid 1px #fff; color:#000; background:#fff; cursor:pointer; padding:5px;}

.whatsapp{position:fixed;bottom:18px;z-index:999999;color:#000;font-size:1.2em;right:0px;}
.whatsapp:hover{text-decoration:none;color:#fff } 



.galeri_alan {padding:10px;}

.fp_ust { color: #002060;font-size:1.5em;text-align:left;font-family: 'Teko', sans-serif;}
.fp_tel { text-align: right;}


.yatirim-tab {padding:15px;}
.yayinlar_detail {position:absolute;bottom:30px;text-align:center;}

.home_line {color: #fff;}
.home_line:hover {text-decoration: none; color: #999;}

.haber_alan {padding:10px;}
.home_haber {background-color: #f6f6f6; padding:20px;-webkit-box-shadow: -4px 8px 12px -5px #ededed;box-shadow: -4px 8px 12px -5px #ededed;}

.home_yazi_alan {width:100%;max-width:1300px;}
.home_alan_p { background-color: #1d365e;color: #fff;}
.home_yazi_pad { padding-top:30px; padding-bottom:30px;}
.home_yazi { border-left:5px solid #fff;padding-left:15px;}
.home_yazi_1 { border-left:5px solid #64c224;padding-left:15px;}
.home_yazi_2 { border-left:5px solid #fff;padding-left:15px;}

.yayinlar { margin-top: 25px; border-top: 1px solid #001f5e;padding:7px;}

.tab-alan { margin-top: 25px;}


.footer {background-color:#b57946;padding:40px;color:#fff;margin-top:50px; font-size:0.9em;}
.footer_copyright {padding:15px; color: #999; font-size:0.8em;text-align: right; padding-right:25px;}
.footer_alt_copyright {text-align: left;font-size:0.9em;}
.footer_menu {width: 100%;color: #fff;padding:10px;}
.footer_menu:hover {text-decoration:none;border-bottom:1px solid #fff;color:#fff;} 
.footer_ust {margin-top:60px;}
.footer_kvk { text-align:right;font-size:0.9em;}
.footer_blg { text-align:left;}
.footer_line {color: #fff; width:100%;padding:0px;}
.footer_line:hover {text-decoration:none;color:#999;}

.breadcrumb{
    background-color: transparent;
    color: white;
}

.list-group-item-mine {
  background-color: #f8f8f8; color: #000; text-decoration: none;  font-size: 0.9em; border-color: #fff; margin:1px; font-size:0.8em;}
  
.list-group-item-mine:hover {
  background-color: #f2f2f2; color: #000; text-decoration: none; }

.list-group-item-mine a:hover {
text-decoration: none; }


.back-to-top {
    position: fixed;
    bottom: 125px;
    right: 25px;
    display: none; 
}

 
 @media (max-width: 992px) {
.navbar-custom {} 
.navbar-collapse {}
.navbar-custom .navbar-text {padding: 0.8rem 1rem;}
.navbar-custom .navbar-nav .nav-link {padding: 10px 15px 10px 15px; font-size: 0.9em;border-bottom: 1px solid #000;}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {border-bottom: 1px solid #000;}
.navbar-custom .dropdown-menu:after{
  content: '';
  position:absolute;
  left: 20px;
  top:0px;
  border-width: 0px;
  border-color: transparent;  
}
.desktop_slider { display: none; }
.mobil_slider { display:block; }
.logo_header {width:100%;max-width:150px;}
.footer_menu {color: #fff; padding:12px;font-size:0.9em;width:100%;text-align:center;}
.footer {text-align:center;}
.footer_alt_copyright {text-align: center;}
.fp_ust { text-align:center;font-size:1.1em;}
.fp_tel { text-align: center;}
.menu_left {display:none;}
.footer_kvk { text-align:center;}
.footer_blg { text-align:center;}
.navigator_ust { display: none;}
.mobil {display:block;}
.desktop {display:none;}
.icerik {}
.navbar-custom .dropdown-menu {
  border-top:0px;

}
}

@media (max-width: 992px) {
  .mobileMenu {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    position: fixed;
    top: 0px;
    bottom: 0;
    margin: auto;
    left: 0; 
	width:100%;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s; z-index: 999999;
  }
  .mobileMenu.open {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .mobileMenu .navbar-nav {
    overflow-y: auto;
  }
  .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
  }
  .overlay.open {
    display: block;
    z-index: 1029;
  }
}


.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: transparent;
	border:0px;
	font-size:0.9em; color:#000;
 
}

 

 
/* Style all font awesome icons */
.fa {
  padding: 7px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #000;
  color: #fff;
}

.fa-facebook:hover {
  color: #999;
  text-decoration:none;
}

/* Twitter */
.fa-twitter {
  background: #000;
  color: #fff;
}
.fa-twitter:hover {
  color: #999;
  text-decoration:none;
} 

.fa-instagram {
  background: #000;
  color: #fff;
}
.fa-instagram:hover {
  color: #999;
  text-decoration:none;
}
.fa-envelope {
  background: #000;
  color: #fff;
}
.fa-envelope:hover {
  color: #999;
  text-decoration:none;
} 

.fa-youtube {
  background: #000;
  color: #fff;
}
.fa-youtube:hover {
  color: #999;
  text-decoration:none;
}