/*  Reset.Css */
body {font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#000; height:100%; background:#fff; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-top:65px;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}
p {margin-bottom:20px;}
img {max-width:100%}

/* reset */
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fw {width:100%; display:inline-block; float:left;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
/* reset */

/* logo */
.headerAll {position:fixed; left:0; top:0; z-index:17; background:#fff; box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.14); padding:10px 0px; }
.header {position:relative;}
.logo {float:left;}
.logo a {float:left;}
.logo a img {float:left; height:45px}
.topMenu {float:left}
.headerRight {float:right;}

/* headerRez */
.headerRez {float:left;/* margin-left:30px; */display: flex;align-items: center;height: 45px;}
.headerRezButton {font-size:15px;color:#fff;line-height:25px;padding: 8px 15px;display:inline-block;background:#b8a680;display: inline-flex;line-height: normal;height: auto;border-radius: 4px;margin-right: 30px;margin-left: 30px;}
.headerRezButton:hover {background:#000; color:#fff;}

/* .topMenu */
.topMenu>nav {float:left;}
.topMenu>nav>ul {float:left;}
.topMenu>nav>ul>li {float:left;}
.topMenu>nav>ul>li>a {float:left; font-size:15px; line-height:25px; padding:10px 15px; color:#000000; display:inline-block; position:relative; text-transform: uppercase;}
.topMenu>nav>ul>li.active>a:before {width:32px; height:2px; content:""; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:5px; display:inline-block; background:#b8a680}
.topMenu>nav>ul>li>a:hover {color:#b8a680}

/* homeImage */
.homeImage {min-height:400px}

/* homeCalendar */
.homeCalendar {box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.14);margin-top: -70px;z-index:15;position:relative;background:#fff;margin-bottom: 80px;}
.homeCalendarRow {margin-left:0px; margin-right:0px;}
.homeCalendarCol {width:25%; float:left; padding-left:0px; padding-right:0px}
.homeCalendarBox {padding: 30px 30px;}
.homeCalendarBox .title {color:#777777; font-size:15px; line-height:20px; font-family: 'Lora', serif; margin-bottom:15px; width:100%; display:inline-block; float:left;}
.datepickerBox {position:relative;}
.calendardp {width:100%;color:#111111;font-size: 24px;height:40px;}
.datepickerBox .calendarIcon {font-size:30px; position:absolute; right:0; top:50%; margin-top:-15px; line-height:30px; display:inline-block; color:#b8a680}

/* homeCalendarSelect */
.homeCalendarSelect {position:relative;}
.homeCalendarSelect .arrow {position:absolute; right:0; color:#999999; font-size:15px; top:50%; margin-top:-10px; line-height:20px; display:inline-block}
.selectdp {-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;text-overflow:"";padding-left:0px;padding-right:25px;color:#111111;font-size: 24px;width:100%;float:left;background:#fbfaff;height:40px;cursor:pointer;float:left;}
.homeCalendarSelect {max-width:60px}

/* homeCalendarSubmit */
.homeCalendarSubmit {background:#111111;padding: 22px;height: 135px;}
.homeCalendarSubmit .desc {width:100%; text-align:center; font-size:15px; line-height:20px; color:#fff; font-family: 'Lora', serif; margin-bottom:5px; display:inline-block; margin-bottom:10px}
.datepickerSubmitButton {width:100%; height:45px; background:#b8a680; color:#fff; text-align:center; font-family: 'Lora', serif; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.datepickerSubmitButton:hover {background:#fff; color:#111;}
.homeCalendarBox {position:relative;}
.homeCalendarBox:after {content:""; width:1px; height:80px; background:#e5e5e5; position:absolute; top:50%; margin-top:-40px; display:inline-block; right:0}

/* homeTextLeft */
.homeTextLeft {width:50%; float:left; display:inline-block; padding-left:30px; padding-right:30px; margin-bottom:30px;}
.homeTextRight {width:50%; float:left; display:inline-block; padding-left:30px; padding-right:30px;}
.homeTextRightBox {padding-top:160px;}
.homeTextRightBox img {float:right}
.homeTextRightBox ul {width:100%; display:inline-block; float:left; padding-right:33.33%; position:relative;}
.homeTextRightBox ul li {width:100%; display:inline-block; float:left; border:10px solid #fff;}
.homeTextRightBox ul li img {width:100%; float:left;}
.homeTextRightBox ul li:nth-of-type(2n) {position:absolute; right:0; top:-33.33%; max-width:66.66% }

/* homeTextRow */
.homeTextRow {margin-left:-30px; margin-right:-30px;}

/* homeTextTitle */
.homeTextTitle .title {color:#111111; font-size:55px; line-height:60px; display:inline-block; font-family: 'Lora', serif;}
.homeTextTitle {position:relative; margin-bottom:80px;}
.homeTextTitle:after {content:""; width:80px; height:2px; background:#cbbea2; position:absolute; left:0; bottom:-40px; display:inline-block}

/* homeTextDesc */
.homeTextDesc {color:#111111; font-size:27px; line-height:36px; font-family: 'Lora', serif; margin-bottom:20px;}
.simpleContent {color:#777777; font-size:16px; line-height:27px;}

/* homeTextTitle */
.homeTextTitle.center {text-align:center;}
.homeTextTitle.center:after {right:0; left:0; margin-left:auto; margin-right:auto;}

/* homeRoomsRow */
.homeRoomsRow {margin-left:-15px; margin-right:-15px;}
.homeRoomsCol {width:33.33%; float:left; padding-left:15px; padding-right:15px; margin-bottom:30px;}
.homeRoomsDiv a {width:100%; display:inline-block;}
.homeRoomsDivImg {height:270px;}
.homeRoomsDetail {position:relative; margin-top:-50px; padding:0px 20px;}
.homeRoomsDetail ul {width:100%; float:left; display:inline-block; box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.14); background:#fff; padding:35px 30px; position:relative;}
.homeRoomsDetail ul li {width:100%; display:inline-block; float:left;}
.homeRoomsDetail ul li.title {color:#111111; font-size:22px; line-height:30px; font-family: 'Lora', serif; margin-bottom:20px;}
.homeRoomsDetail ul li.features {color:#b8a680; font-size:14px; line-height:20px; margin-bottom:20px;}
.homeRoomsDetail ul li.desc {color:#777777;font-size:16px;line-height:25px;height: 160px;}
.homeRoomsDetail ul li.more {/* width:125px; */position:absolute;right:-20px;bottom:-20px;width: max-content;/* padding: 0 20px; */}
.homeRoomsDetail ul li.more .moreX {width:100%;float:left;text-align:center;background:#b8a680;font-size:17px;color:#fff;line-height:25px;padding:10px 0px;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 10px 20px;}
.homeRoomsDiv a:hover .homeRoomsDetail ul li.more .moreX {background:#111; color:#fff}
.homeRooms {margin-bottom:80px;}

/* footerContactAll */
.footerContactAll {background:#eeeeee; padding-top:80px; padding-bottom:50px;}
.footerContactLeft {width:40%; float:left; display:inline-block;}
.footerContactRight {width:60%; float:left; display:inline-block}
.footerAddressTitle .title {color:#111111; font-size:22px; line-height:30px; font-family: 'Lora', serif; display:inline-block}
.footerAddressTitle {margin-bottom:20px;}

/* footerAdressBotLeft */
.footerAdressBotLeft {width:50%; float:left; font-size:14px; line-height:27px; color:#777777;}

/* footerAddresBotRight */
.footerAddresBotRight {float:left; width:50%; display:inline-block}
.footerAddresBotRight ul {width:100%; display:inline-block; float:left;}
.footerAddresBotRight ul li {width:100%; display:inline-block; float:left; padding-left:30px; position:relative; font-size:14px; line-height:27px; color:#777777;}
.footerAddresBotRight ul li i {font-size:14px; width:20px; line-height:27px; color:#b8a680; position:absolute; left:0; top:0; display:inline-block}

/* footerContactRightBox */
.footerContactRight {padding-top:80px;}
.footerContactRightBox iframe {width:100%!important; height:275px!important}

/* goMap */
.simpleButton {font-size:17px; line-height:25px; padding:10px 25px; background:#b8a680; color:#fff; font-family: 'Lora', serif; display:inline-block}
.simpleButton:hover {background:#111; color:#fff}
.footerAddressBot {margin-bottom:40px;}

/* copyrightAll */
.copyrightAll {background:#111111; padding:40px 0px;}
.copyrightText {float:left; color:#777777; font-size:13px; line-height:15px; display:inline-block}
.webmaster {float:right; color:#777777; font-size:13px; line-height:15px; display:inline-block}
.webmaster a {font-weight:700; color:#777;}

/* responsiveMenu */
.responsiveMenu {font-size:30px; color:#111; line-height:30px; position:absolute; right:0px; top:7.5px; display:inline-block; cursor:pointer; display:none;}
.header {position:relative;}

/* hws */
.hws { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/* lora */
.lora {font-family: 'Lora', serif;}
@media (min-width:1200px) {
.container {width:1170px;}
}

@media (min-width:993px) and (max-width:1199px) {
.calendardp {font-size:20px;}
.selectdp {font-size:20px}
.homeRoomsDetail ul {padding:15px}
.homeRoomsDetail ul li.desc {height:150px}
}

@media (min-width:993px) {
.topMenu {display:inline-block!important}
}

@media (max-width:992px) {
.topMenu {display:none;}
.responsiveMenu {display:inline-block}
.headerRight {margin-right:40px}
.headerRez {margin-left:0px}
.homeImage {height:400px!important; min-height: inherit!important}
.homeCalendarCol {width:100%; border-bottom:1px solid #e5e5e5}
.homeCalendarBox:after {display:none;}
.homeCalendarBox {padding:15px}
.homeCalendarSelect {max-width:100%;}
.homeCalendarSelect .arrow {font-size:15px; line-height:20px; margin-top:-10px}
.homeCalendarSubmit {height:auto; padding:15px;}
.homeTextRow {margin-left:-5px; margin-right:-5px;}
.homeTextLeft, .homeTextRight {padding-left:5px; padding-right:5px;}
.homeTextLeft {width:100%;}
.homeTextRight {width:100%; text-align:center; margin-bottom:30px}
.homeTextRight img {float:none}
.homeRoomsCol {width:100%}
.homeRoomsDetail ul li.desc {height:inherit; margin-bottom:15px;}
.homeRoomsDetail ul li.more {width:100%; right:0px; bottom:0px; position:relative;}
.footerContactLeft {width:100%; margin-bottom:30px}
.footerContactRight {width:100%;}
.homeTextTitle {text-align:center}
.homeTextTitle:after {left:0; right:0; margin-left:auto; margin-right:auto}
.footerContactRight {padding-top:0px}
.copyrightText {width:100%; text-align:center; margin-bottom:20px}
.webmaster {width:100%; text-align:center;}
.copyrightAll {padding:20px 0px}
.footerContactAll {padding:30px 0px;}
.homeTextDesc {text-align:center}
.simpleContent {text-align:center}
.topMenu {position:absolute; left:0; top:55px; background:#fff; box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.14);}
.topMenu>nav, .topMenu>nav>ul, .topMenu>nav>ul>li, .topMenu>nav>ul>li>a {width:100%;}
.topMenu>nav>ul>li {border-top:1px solid #ddd;}
.topMenu>nav>ul>li>a { padding:15px}
.topMenu>nav>ul>li.active>a:before {display:none;}
}

@media (max-width:500px) {
.logo a img {height:25px;}
.logo a {padding:10px 0px;}
.headerRezButton {padding-left:5px;padding-right:5px;font-size:13px;margin-right: 0;}
.homeImage {height:250px!important}
.footerAdressBotLeft {width:100%; text-align:center; margin-bottom:15px;}
.footerAddresBotRight {width:100%;}
.footerAddresBotRight ul {margin:0 auto; display:table; float:none; width:200px}
.goMap {margin:0 auto; display:table}
.footerAddressTitle {text-align:center;}
.homeTextRightBox {padding-top:120px}
}

/* other reset */
::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }


a:focus,
select:focus,
			textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:inherit;
  box-shadow:inset;
  outline: 0 none;
  text-decoration:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/* other reset */

/* ilker 17.04.2019 */
.seperator {
  height: 400px;
  /* margin-bottom: 50px; */
  background-position: 50% 20%;
  margin-bottom: 50px;
}
.roomsPage .homeRoomsCol {
  width: 100%;
  margin-bottom: 100px;
}
.roomsPage .homeRoomsDivImg {
  height: 400px;
}
.roomsPage .homeRoomsDetail ul li.more {
  display: none;
}
.roomImages {
  overflow: hidden;
  height: 600px;
}
.roomImages img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  object-position: center center;
}
.all-gallery {

}
.all-gallery .gallery-item {
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-bottom: 30px;
    border-radius: 3px;
}
.all-gallery .gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.content.contact .footerContactAll {
  background-color: transparent;
  padding-top: 0;
}
.content.contact .footerContactRight {
  padding-top: 0;
}
#bCarousel {
  height: 724px;
  margin-bottom: 50px;;
}
#bCarousel div {
  height: 100%;
}
.footerAddresBotRight a{
  color: inherit;
}
.roomsPage .homeRoomsDetail ul li.desc {
  height: auto;
}

.contact-form h1 {
  color: #111111;
  font-size: 22px;
  line-height: 30px;
  font-family: 'Lora', serif;
  display: inline-block;
}
.contact-form form {
  margin: 20px 0 50px;
}
.contact-form form input, .contact-form form textarea {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 13px 15px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 3px;
}
.contact-form form input::placeholder,
.contact-form form textarea::placeholder {
  color: #777;
}
.contact-form form button {
  font-size: 17px;
  line-height: 25px;
  padding: 10px 25px;
  background: #b8a680;
  color: #fff;
  font-family: 'Lora', serif;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.contact-form form button:hover {
  background: #111;
  color: #fff;
}
.contact-form form textarea {
  min-height: 100px;
  min-width: 100%;
  resize: vertical;
}
.grecaptcha-badge {
  display: none;
}

.content.rezervasyon form h2,
.content.rezervasyon form .form-item label {
  color: #111111;
  font-size: 22px;
  line-height: 30px;
  font-family: 'Lora', serif;
  display: inline-block;
}
.content.rezervasyon form .form-item {
  overflow: hidden;
  margin: 20px 0 0;
  float: left;
  width: 100%;
}
.content.rezervasyon form .form-item label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  margin: 0 0 10px;
  color: #555;
}
.content.rezervasyon form .form-item input,
.content.rezervasyon form .form-item textarea {
  background-color: #fff;
  border: 1px solid #eee;
  padding: 13px 15px;
  width: 100%;
  border-radius: 3px;
  color: #666;
}
.content.rezervasyon form .form-item select {
  width: 100px;
  height: 36px;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  height: 44px;
  padding: 12px;
  width: 100%;
}
.content.rezervasyon form .form-item input::placeholder {
  color: #ccc;
}
.content.rezervasyon form .form-item button {
  font-size: 17px;
  line-height: 25px;
  padding: 10px 25px;
  background: #b8a680;
  color: #fff;
  font-family: 'Lora', serif;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.content.rezervasyon form .form-item button:hover {
  background: #111;
  color: #fff;
}
.content.rezervasyon form {
  display: block;
  margin: 50px 0;
}

/* 19.14.2019 ilker */
.headerRez ul {
  float: right;
}
.headerRez ul li {
  padding: 0;
}
.headerRez ul li a {
  font-size: 21px;
  color: #555;
  display: block;
  /* margin: 13px 0 0 20px; */
  transition: all 0.2s ease-in-out;
  margin-right: 20px;
}
.headerRez ul li a:hover {
  color: #b8a680;
}
.headerRez ul li a.btn-whatsapp {
  /* position: fixed; */
  /* bottom: 20px; */
  /* right: 20px; */
  background-color: #b8a680;
  color: #fff;
  /* padding: 10px 15px; */
  line-height: 1;
  -webkit-font-smoothing: auto;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  font-size: 19px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: all .3s ease-in-out;
  /* margin: 0 0 0 16px; */
  padding-left: 2px;
}
.headerRez ul li a.btn-whatsapp:hover {
  color: #fff;
  filter: brightness(1.0.5);
}
.header .select-container {
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header #language-changer {
  border: 2px solid #b8a680;
  border: 2px solid #6c6963;
  /* background-color: #b8a680; */
  border-radius: 4px;
  width: 50px;
  height: 33px;
  text-align: center;
  color: #fff;
  color: #b8a680;
  color: #6c6963;
  cursor: pointer;
  font-weight: 600;
}
.slick-prev {
  left: 30px;
  z-index: 1;
}
.slick-next {
  right: 30px;
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  font-size: 26px;
}


/* 22-03-08 */
body[data-lang="de"] .homeCalendarSubmit .desc {
  line-height: 14px;
}
body[data-lang="tr"] .topMenu>nav>ul>li>a {
  padding: 10px;
}
/* 2023-07-05 */
.modal {
}
.modal-backdrop {
    width: 100%;
    height: 100%;
    z-index: 18;
}
.modal-backdrop.in {
  opacity: .75;
}
#promo-modal {
    
}
#promo-modal .modal-content {
    border: 0;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 2px;
}
#promo-modal .modal-body {
  padding: 0;
  position: relative;
  height: 60vh;
}
#promo-modal .close {
    background-color: #b42929;
    position: absolute;
    z-index: 1;
    opacity: 1;
    right: -10px;
    top: -10px;
    color: #fff;
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    padding-bottom: 2px;
}
.promo-img {
  position: absolute;
  width: 100%;
  height: 100%;
}
#promo-modal .promo-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promo-text {
  position: absolute;
  width: 70%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 180px;
  font-family: 'Lora', serif;
  background-color: #fff;
  right: 30px;
  bottom: -40px;
}
.promo-text .h {
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
  color: #000;
  /* color: var(--color-primary); */
}
.promo-text .text-content {
  line-height: 1.6;
}
#promo-modal .modal-dialog {
  margin-top: 15vh;
}
.promo-text .text-content p {
  margin: 0;
  font-size: 16px;
  color: #666;
}
.promo-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(-20deg, black, transparent);
  left: 0;
  opacity: 0.4;
}

/* 2023-11-08 */
.headers {
  text-align: center;
  margin-bottom: 2rem;
}
.headers .h {
  margin: 0;
  font-family: 'Lora', serif;
}
.table-responsive-fixed {
  max-width: 100%;
}
.prices .table th,
.prices .table td {
  padding: 1rem 2rem;
}
.prices .notes {
  text-align: center;
  margin: 3rem 0 6rem;
  color: #444;
  font-size: 13px;
  font-style: italic;
  line-height: 1.5;
}
.table-fixed {
  table-layout: fixed;
}

@media (max-width: 767px){
  .roomImages {
    height: 250px;
  }
  .roomImages img {
    height: 250px;
  }
  .homeTextTitle .title {
    font-size: 36px;
  }
  .homeTextDesc {
    font-size: 20px;
  }
  .content.rezervasyon form h2 {
    margin-top: 30px;
  }
  #bCarousel {
    height: 40vh;
  }
  #bCarousel div.slidebg {
    background-size: cover;
    background-position: 50%;
  }
  .homeCalendar {
    margin-top: 20px;
  }
  .carousel-indicators {
    display: none;
  }
  .seperator {
    height: 40vh;
    background-size: cover;
    background-position: 50%;
  }

  /* 19.14.2019 ilker */
  .headerRez ul{
    display: none;
  }

  /* 22-03-08 */
  .header .select-container {
      margin-left: 5px;
  }
  
  /* 2023-11-08 */
  .table-responsive-fixed {
    overflow-x: scroll;
    padding: 0 15px;
  }
  .table-fixed {
    table-layout: auto;
    white-space: nowrap;
  }

  /* modal mobile */
  .promo-img {
    position: relative;
    height: 30vh;
  }
  .promo-text {
      position: relative;
      top: 0;
      bottom: auto;
      left: 0;
      width: 100%;
      height: auto;
  }
  #promo-modal .promo-img img {
      /* height: 20vh; */
  }
  .promo-text .h {
      font-size: 20px;
  }
  .promo-text .text-content p {
      font-size: 14px;
  }
  #promo-modal .modal-body {
      height: auto;
  }
}