@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*font-family: "Merriweather", serif;*/
body,html{width:100%;height:100%;min-height:100%;margin:0;padding:0}
body{font-size:13px;color: #333;background:#fff;font-family: 'Montserrat', sans-serif;overflow-x:hidden!important}
body.scrollHidden{overflow:hidden!important}
*{box-sizing:border-box}
a{color: #1c4d32;text-decoration:none}
a:hover{color:#78b763;text-decoration:none}
:focus{outline:0}
.left{float:left}
.right{float:right}
.none{display:none!important}
.fadee{-webkit-transition:all 1s cubic-bezier(.23,1,.32,1);-moz-transition:all 1s cubic-bezier(.23,1,.32,1);-o-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1);-webkit-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-moz-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);-o-transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000);transition-timing-function:cubic-bezier(0.230,1.000,0.320,1.000)}
.t{display:table;width:100%;height:100%}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}

.btn-primary{color:#fff;background-color:#1c4d32;border-color:#1c4d32}
.btn-primary:hover{color:#fff;background-color:#78b763;border-color:#78b763; opacity: 1;}

label.error{color:red;font-size:11px;position:relative;top:-10px}
input.error,select.error,textarea.error{border:1px solid red!important}
button{cursor: pointer;}
button:focus{outline:0}

h1, h2, h3, h4, h5, h6{font-family: "Merriweather", serif;color: #1c4d32;}

@keyframes KP_FadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate__KP_FadeInDown {
  animation-name: KP_FadeInDown;
  animation-duration: 0.5s; /* Daha yavaÅŸ */
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}


#reservation-widget, #elektraweb-widget-area{margin: 30px auto 50px auto;position: absolute;bottom: 0;z-index: 9999;width: 100%;}

#popup {display: flex; align-items: center; justify-content: center;position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);top: 0;left: 0;z-index: 99999;}
#popup a {}
#popup a img{height: 60vh;width: auto;margin: auto;}
#popup .close {position: absolute;top: 10px;right: 20px;padding: 2px;border-radius: 0;text-align: center;color: #c00;font-size: 32px;z-index: 99999;cursor:pointer;opacity: 1;font-weight: 900;}
#popup .close:hover {color:#f00;}
header#headerHome{background:0;position:fixed;top:0;z-index:901;left: calc(50% - 315px/2);display: none;}
body.home header#headerHome{display: none;}
header#headerHome #logoHome{width:100%; text-align:center; padding:0;}
header#headerHome #logoHome a{display:inline-block;padding: 19px 0;}
header#headerHome #logoHome img{height: 72px;}
header#header{width:100%;height: 112px;float:left;position:fixed;top:0;z-index:901;background: #fff;}
header#header .header-flex{display: flex;align-items: center;justify-content: start;height: 100%;}
#logo{margin-right: 30px;}
#logo a{display: block;}
#logo img{height: 92px;}
#group-logo{padding: 0;margin: auto;position: fixed;top: 0;z-index: 999;width: 100%;text-align: center;}
#group-logo a{display:inline-block;padding: 30px 0;}
#group-logo img{height: 200px;}
.header-hotel-logos {text-align: center;position: fixed;top: calc(50% - 50px);z-index: 999;width: 100%;text-align: center;}
.header-hotel-logos a{display:inline-block;margin: 30px;}
.header-hotel-logos img{height: 128px;}
nav#menu{font-weight: 600;font-size: 14px;}
nav#menu ul#header-menu{list-style:none;float:right;padding:0;margin:0;text-align:center;position:relative;display:inline-block}
nav#menu ul#header-menu li{display:inline-block;margin: 0 20px;}
nav#menu ul#header-menu li a{color: #1c4d32;display:block;padding: 0;/* text-transform:uppercase; */}
nav#menu ul#header-menu li:hover a{color:#78b763}
nav#menu ul#header-menu li:last-child a{padding:5px 4px 5px 10px}
nav#menu ul#header-menu li.selected a{color:#1c4d32}
nav#menu ul#header-menu li.selected a:after{content:"";height:1px;width: 100%;background:#fff;display:block;color: #fff!important;}
nav#menu ul#header-menu li ul.header-child-menu{display:none;position:absolute;list-style:none;background:#fff;margin:30px 0 0 0;padding:15px;border-radius:0}
nav#menu ul#header-menu li ul.header-child-menu li{float:none;display:block;margin:0;text-align:left;padding:0}
nav#menu ul#header-menu li ul.header-child-menu li a{color:#1c4d32;margin:0;display:inline-block;font-size:18px;padding:5px 10px;min-width:200px}
nav#menu ul#header-menu li:hover ul.header-child-menu li a{background:0 0;color:#666;position:relative}
nav#menu ul#header-menu li ul.header-child-menu li:hover a{color:#777}
nav#menu ul#header-menu li:hover ul.header-child-menu{display:block}
nav#menu ul#header-menu li ul.header-child-menu li:first-child a:after{display:none}
nav#menu ul#header-menu ul.header-third-menu{display:none;position:absolute;background:rgba(0,0,0,.3)}
nav#menu ul#header-menu ul.header-third-menu li{display:block!important}
nav#menu ul#header-menu ul.header-child-menu li:hover ul.header-third-menu{display:block}

.header-right {margin-left: auto;display: flex;justify-content: center;align-items: center;}
header#header #socialmedia{float: left;margin: 0 0 0 15px;}
header#header #socialmedia a{color: #fff;font-size: 18px;line-height: 40px;margin: 0 4px;}
header#header #socialmedia a:hover{color:#777}

header#header #call{float:right;color:#1c4d32;font-size: 14px;background: #eb6e1f;display:inline-block;font-weight: 600;letter-spacing:1px;position:relative;}
header#header #call a{color: #fff;display:block;padding: 12px 20px 11px 20px;}
header#header #call:hover{opacity:.8}
header#header #call img{height:22px;position:absolute;left:20px;margin-top: -1px;}

header#header #header-lang{float: left;margin: 0 15px;position: relative;cursor: pointer;}
header#header ul.lang span{font-weight: 700;color: #1c4d32;}
header#header ul.lang span i.fa-angle-down {margin-left: 5px;}
header#header ul.lang{list-style:none;float: left;margin: 0;padding: 0; color:#fff;}
header#header ul.lang li{float:left;margin-right:5px}
header#header ul.lang a{display:block;margin-left: 0 !important;color: #fff;}
header#header ul.lang img{height:24px}
header#header .otherLang{display:none;background: #1c4d32;padding:8px 0;position:absolute;width:42px;text-align:center;box-shadow:2px 1px 5px rgba(0,0,0,.3);margin-left: -7px;border-radius:0;}
header#header ul.lang:hover .otherLang{display:block}

/*
body.fixed #header{background:#fff;}
body.fixed #logo{}
body.fixed #logo a {}
body.fixed #logo a img{}
body.fixed nav#menu ul#header-menu li ul.header-child-menu {margin: 0;}
body.fixed nav#menu ul#header-menu li a{color:#1c4d32;text-shadow:none;}
body.fixed nav#menu ul#header-menu li a:hover{color:#777}
body.fixed #header:hover{}
body.fixed nav#menu ul#header-menu li{}
body.fixed header#header #call{}
body.fixed header#header #socialmedia {}
body.fixed header#header #header-lang {}
body.fixed header#header #socialmedia a {color:#777}
body.fixed header#header ul.lang {color:#777}
*/
.headerHover #top{background:rgba(255,255,255,.9)}
.headerHover #top .top-right #top-menus a{color:#666;text-shadow:1px 1px 1px #fff;border-left:1px solid #666}
.headerHover #top .top-right #top-menus a:first-child{border-left:0}
.headerHover #top .top-right #top-lang a.selectedLang{color:#666;text-shadow:1px 1px 1px #fff;border-left:1px solid #666}
.headerHover #top .top-right #booknowBtn a.headerRezBtn{color:#666;text-shadow:1px 1px 1px #fff;border-left:1px solid #666}
.headerHover nav#menu ul#header-menu li a{color:#666;text-shadow:1px 1px 1px #fff}
.headerHover #top.top-home-hotel .top-center #top-menus a{color:#666}
.headerHover #top.top-home-hotel .top-right #top-lang a{border-left:0}




video#vid{left:50%;min-height:100%;min-width:100%;width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:9;object-fit:cover}

.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{}


.owl-carousel .owl-nav button.owl-prev{position:absolute;top:calc(50% - 53px);left:-60px;opacity: 1;color: #e76d2c; width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 22px;font-weight: 700;border-radius: 0; }
.owl-carousel .owl-nav button.owl-next{position:absolute;top:calc(50% - 53px);right:-60px;opacity: 1;color: #e76d2c; width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;font-size: 22px;font-weight: 700;border-radius: 0; }
.owl-carousel .owl-nav button.owl-prev:hover{opacity:.7}
.owl-carousel .owl-nav button.owl-next:hover{opacity:.7}
.owl-carousel .owl-nav button:focus{outline:0}

.owl-carousel.owl-theme .owl-dots{margin:0;bottom: 10px;position: absolute; width:100%}
.owl-carousel.owl-theme .owl-dots .owl-dot span{background: #fff;border: 0px solid #777;width: 17px;height: 5px;margin: 5px;}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{opacity: 1; background: #e76d2c;}
.owl-carousel.owl-theme .owl-dots button:focus{outline:0}




section#slider .slide-slogan{font-size: 52px;font-weight: 800;position: absolute;top: 0;left: 0;z-index: 900;display: flex;text-align: center;align-items: center;justify-content: center;width: 100%;height: 100vh;color: #fff;text-transform: uppercase;}
section#slider{width:100%;position:relative;margin-top: 112px;/* clear:both; */height: calc(100vh - 200px);/* overflow:hidden; */}
section#slider:before{/* content:""; *//* display:block; */position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;background: #1c4d32;opacity: .3;}
section#slider .playvideo{position:absolute;left: 20px;bottom: 20px;z-index:8;border:1px solid #fff;color:#fff;padding:10px 30px;font-size: 12px;text-transform:uppercase;background:rgba(0,0,0,.2);cursor:pointer;border-radius:0;}
section#slider .owl-carousel .item{background-position:center;background-size:cover}

section#slider .owl-carousel .owl-nav button.owl-next{color:#fff; right:0}
section#slider .owl-carousel .owl-nav button.owl-prev{color:#fff; left:0}





section#slider .owl-carousel .owl-item img{object-fit:cover;height: calc(100vh - 200px);}
section#slider .owl-carousel .owl-item .slideImage:before{content:"";display:block;background: rgba(0,0,0,.0);position:absolute;top:0;left:0;width:100%;height: calc(100vh - 200px);z-index:1}
section#slider .item .item-text{display:flex;position:absolute;z-index:2;top:30px;left:0;width:100%;height:100%;align-items:center;justify-content:center}
section#slider .item .slideText{text-align:center;max-width:90%}
section#slider .item .slideTextBig{color:#fff;font-size: 72px;line-height: 72px;z-index:1;display:block;font-weight: 200;/* width: 75%; */margin: auto;/* font-family: 'Playfair Display', serif; */}

section#slider .item .slideTextSmall{color: rgba(255,255,255,1);font-size: 22px;line-height: 26px;z-index:1;display:block;font-weight: 400;/* width: 50%; */margin: 20px auto;}
section#slider .item .slideBtn{color: #fff;font-size: 15px;background: #1c4d32;padding: 10px 50px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px;position: relative;top: 0;}
section#slider .item .slideBtn:hover {top:-10px;}


section#subSlider {position:relative;/* height: 100%; */padding: 90px 0 120px 0;background: #ecf1eb;}
section#subSlider .item .item-text{display:flex;position:absolute;z-index:2;top: 0;left:0;width:100%;height: 75vh;align-items:center;justify-content:center;text-align: center;display: none;}
/*section#subSlider .item .slideTextBig{color:#fff;font-size:92px;line-height:92px;z-index:1;display:block;font-weight: 800;width: 100%;margin: auto;}*/
section#subSlider .item .slideTextBig{color:#fff;font-size:61px;line-height:61px;z-index:1;display:block;font-weight: normal;width: 100%;margin: auto;font-family: "Merriweather", serif;margin-top: 112px;}
body[lang="RU"] section#subSlider .item .slideTextBig {font-family: 'Playfair Display', serif;}
section#subSlider .item {height: 100%;}
section#subSlider .owl-carousel {height: 100%;}
section#subSlider .owl-stage-outer {height: 100%;}
section#subSlider .owl-stage {height: 100%;}
section#subSlider .owl-item {height: 100%;}
section#subSlider .item .slideImage {height: 100%;}
section#subSlider .slideImage:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 1;background: #cfeacd;opacity: 0;display: none;}
section#subSlider .slideImage img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 16/9;}


section#subSlider .container {position: relative;z-index: 1;}
section#subSlider h1 {margin-bottom: 15px;font-size: 56px;}
section#subSlider .titleDesc {display: block;margin-bottom: 90px;font-size: 18px;}
.galeri section#subSlider {padding: 90px 0 0px 0;}


.subpageMargin {margin-top: 112px;}






section.home-about {padding:120px 0; font-size:18px}
section.home-about img.amblem{width:48px;}
section.home-about h1{margin: 15px 0;}
section.home-about .text{width: 60%;margin: auto;}

section.kp-box {background-color: #ffffff;overflow: hidden;font-size: 16px;}
section.kp-box .kp-box-text{margin-top: -90px;}
section.kp-box img.b-img{height: 75vh; width:100%;object-fit: cover;}
section.kp-box img.s-img{width: 100%;aspect-ratio: 1; object-fit: cover;}
section.kp-box h2 {font-size: 42px;}
.kp-btn {font-weight: 600;}


section.kp-box-spa {background: #cfeacd;padding:120px 0; position: relative;}
section.kp-box-spa .kp-box-text{margin-top: 0px;}
section.kp-box-spa img.s-img{width: 100%;aspect-ratio: 4/3; object-fit: cover;}

img.leaf {position: absolute;right: -10%; top: -25%;z-index: 0;height: 150%;opacity: .3;}


section.kp-list {padding-bottom: 120px;}
.kp-list-item {}
.kp-list-foto {margin-bottom: 0;}
.kp-list-foto img{width: 100%; aspect-ratio: 4/3; object-fit: cover;}
.kp-list-text {}
.kp-list-text-title {margin: 20px 0;}
.kp-list-text-desc {font-size: 16px;}















section.home-parallax {/* background-attachment: fixed; */background-size: cover;width:100%;height: 80vh;display: flex;justify-content: center;align-items: center;text-align: left;color: #fff;position: relative;}
section.home-parallax:nth-child(2n) {text-align:right;}
section.home-parallax div.home-parallax-text-area {width: 100%;display: inline-block;}
section.home-parallax div.home-parallax-text {/* width: 75%; */float: left;}
section.home-parallax:nth-child(2n) div.home-parallax-text {width: 75%;float: right;}
section.home-parallax::after{content:"";display: block;width:100%;height: 80vh;background: rgba(0, 0, 0, 0.3);position: absolute;}
section.home-parallax article {width: 100%;font-size: 18px;position: relative;z-index: 2;text-align: center;}
section.home-parallax article h2{font-size: 61px;text-transform: uppercase;font-weight: 200;}

section.home-parallax article a.slideBtn{color: #fff;font-size: 15px;background: #1c4d32;padding: 10px 50px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px;position: relative;top: 0;}
section.home-parallax article a.slideBtn:hover {top:-10px;}




section.home-rooms {width:100%;padding: 60px 0;}
section.home-rooms h2{text-align: left;font-size: 46px;font-weight: 400;margin: 0;padding: 30px 0;}
section.home-rooms .item img {aspect-ratio:16/9; object-fit: cover;width: 100%;}
section.home-rooms .item h3 {text-align:center; padding-top:30px;}
section.home-rooms .item div {text-align:center;padding: 20px;}
section.home-rooms .item span {position: relative;top: 1px;}
section.home-rooms .owl-stage {margin: auto;}

section.room-features {padding: 240px 0 120px 0;font-size:18px;background: #cfeacd;margin-top: -120px;}
section.room-features img.amblem{width:48px;}
section.room-features h2{margin: 15px 0;}
section.room-features .text{width: 75%;margin: auto;}

.room-features-title {font-size: 56px;margin-bottom: 45px;}
/* Mevcut listeni 3 kolon yapar ve varsayılan işaretleri kaldırır */
ul.room-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 eÅŸit kolon */
  gap: 30px; /* Satır ve sütun boşlukları */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* HTML'deki her bir li elemanının önüne Font Awesome ikonunu yerleştirir */
ul.room-features li {
  display: flex;
  /* align-items: center; */
   /* Projene göre değiştirebilirsin */
  font-size: 20px;
  color: #333;
}

/* fa-square-check ikonunu kodunu deÄŸiÅŸtirmeden CSS ile ekleme */
ul.room-features li::before {
  content: "\f14a"; /* Font Awesome fa-square-check (regular) kodu */
  font-family: "Font Awesome 6 Free"; /* Sürümüne göre "Font Awesome 6 Pro" da olabilir */
  font-weight: 400; /* Regular (fa-regular) görünüm için 400 olmalı */
  color: #2ecc71; /* Ä°kon rengi */
  margin-right: 10px; /* İkon ile metin arasındaki boşluk */
  display: inline-block;
}

/* Mobil cihazlar için responsive ayarı (kodunu bozmaz) */
@media (max-width: 768px) {
  ul.room-features {
    grid-template-columns: 1fr; /* Mobilde tek kolon */
  }
}


.home-carousel {width:100%;}
.home-carousel.owl-theme .owl-nav{margin-top: 0 !important;}
.home-carousel .item a{display: block;position: relative; overflow:hidden}
.home-carousel .item img{aspect-ratio: 16/9;object-fit: cover;}
.home-carousel .item div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: end;}
.home-carousel .item h3{text-align: center;background: #1c4d32;color: #fff;text-transform: uppercase;font-size: 13px;font-weight: 700;letter-spacing: 1px;padding: 10px 20px;display: flex;align-items: center;justify-content: center;margin-bottom: 30px;}
.home-carousel .item a:hover img{transform:scale(1.1)}


.home-boxes {}
.home-boxes .col{}
.home-boxes .col a{display: block;position: relative;overflow: hidden;}
.home-boxes .col a img{width: 100%;aspect-ratio: 9/12;object-fit: cover;height: 100%;}
.home-boxes .col a img:hover {transform:scale(1.2)}
.home-boxes .col a h3{width: 100%;position: absolute;bottom: 0;margin: 0;padding: 90px 30px 30px;font-size: 16px;color: #fff;background: linear-gradient(0deg, #e76d2c, transparent);}
.big {width: 100%;height: 100%;position: absolute;top: 0;z-index: 0;}
.big img{width: 100%;height: 100%;object-fit: cover;object-position: center;}


#instagram {text-align: center;padding: 60px 0;}
#instagram h3{font-weight: 600; font-size: 36px;}

 .instagram-link{color: #fff;font-size: 15px;background: #1c4d32;padding: 10px 50px;margin-top:15px;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px;position: relative;top: 0;margin-bottom: 60px;}
 .instagram-link:hover {top:-10px; color:#fff}


.instagram-photo-link {display: inline-block;float: left;}

.instagram-photo-link img{width:100%;object-fit: cover;height: 300px;padding: 5px;}
.instagram-photo-link1 img {height: 600px;}

.kp-polygon-01 {clip-path: polygon(0% 0%,calc(50% - 5px) 0,calc(50% - 5px) 100%,calc(50% + 5px) 100%,calc(50% + 5px) 50px,100% 50px,100% 100%,calc(50% - 5px) 100%,calc(50% - 5px) calc(100% - 50px),0 calc(100% - 50px),0 50px);}
.kp-polygon-02 {clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%); aspect-ratio: 1 !important;}
.kp-polygon-03 {clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%); aspect-ratio: 1 !important;}

/*kp-box-01*/

section#kp-box-01{background:#fff;color:#1c4d32;padding:120px 0}
section#kp-box-01 .kp-box-01-foto{margin:0;height:100%;position:relative;}
section#kp-box-01 .kp-box-01-foto img{width:100%;object-fit: cover;aspect-ratio: 5/4;}
section#kp-box-01 .kp-box-01-foto img:nth-child(2){width:70%;position:absolute;left:0;top:33%;background:#fff;padding:20px 20px 0 0}
section#kp-box-01 .kp-box-01-text{padding:50px;display:flex;align-items:center;margin:auto;position:relative;/* background:#fff; */}
section#kp-box-01 .kp-box-01-text-subtitle{color: #777;font-size: 19px;margin-bottom:20px;font-weight: 700;letter-spacing: 1px;}
section#kp-box-01 .kp-box-01-text-title{color: #1c4d32;font-size: 56px;line-height: 66px;}
body[lang="RU"] section#kp-box-01 .kp-box-01-text-title {font-family: 'Playfair Display', serif;}
section#kp-box-01 .kp-box-01-text-title:before{display:block;text-align:right;width:25px;height:1px;background:#1c4d32;position:relative;left:calc(100% - 25px);margin-bottom:14px}
section#kp-box-01 .kp-box-01-text-desc{font-size: 15px;font-weight: 400;margin: 24px 0;line-height: 30px;color: #666;}
section#kp-box-01 .kp-box-01-text-link{position:relative;top:0;color: #fff;font-size: 13px;background: linear-gradient(45deg, #777, #002856,#777);padding: 15px 40px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px;}
section#kp-box-01 .kp-box-01-text-link:hover{top:-10px;}

section#kp-box-01 .kp-box-01-text-links .kp-box-01-text-link{display: none !important;}
section#kp-box-01 .kp-box-01-text-links .kp-box-01-text-link:first-child{display: inline-block !important}

/*kp-box-02*/
section#kp-box-02{color:#1c4d32;padding:150px 0;background-size: cover;position: relative;}
section#kp-box-02:before{content:"";display:block;width:100%;height:100%;background: rgba(0,0,0,.8);position: absolute;top: 0;}
section#kp-box-02 .kp-box-02-foto{margin:0;height:100%;position:relative;}
section#kp-box-02 .kp-box-02-foto img{width:100%;object-fit: cover;aspect-ratio: 4/3;}
section#kp-box-02 .kp-box-02-foto img:nth-child(2){width:70%;position:absolute;left:0;top:33%;background:#fff;padding:20px 20px 0 0}
section#kp-box-02 .kp-box-02-text{display:flex;align-items:center;margin:auto;position:relative;}
section#kp-box-02 .kp-box-02-text-subtitle{color: #777;font-size: 15px;margin-bottom:20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
section#kp-box-02 .kp-box-02-text-title{color: #fff;font-size: 56px;line-height: 62px;font-weight: 700;font-family: 'Playfair Display', serif;}
body[lang="RU"] section#kp-box-02 .kp-box-02-text-title {font-family: 'Playfair Display', serif;}
section#kp-box-02 .kp-box-02-text-title:before{display:block;text-align:right;width:25px;height:1px;background:#1c4d32;position:relative;left:calc(100% - 25px);margin-bottom:14px}
section#kp-box-02 .kp-box-02-text-desc{font-size:16px;font-weight: 400;margin: 15px 0;line-height: 24px;color: #ccc;}
section#kp-box-02 .kp-box-02-text-link{position:relative;top:0;color: #fff;font-size: 13px;background: linear-gradient(45deg, #777, #002856,#777);padding: 15px 40px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px}
section#kp-box-02 .kp-box-02-text-link:hover{top:-10px;}

section#kp-box-02 .kp-box-02-gallery-button{display: none;}
section#kp-box-02 .kp-box-02-gallery-button:first-child{display: inline-block;}

.kp-col-text {justify-content: center; display: flex;}

/*kp-box-03*/
section#kp-box-03{width:100%;padding: 120px 0;}
section#kp-box-03 .kp-box-03-text{}
section#kp-box-03 .kp-box-03-title{color: #1c4d32;font-size: 56px;line-height: 56px;font-weight: 700;font-family: 'Playfair Display', serif;}
body[lang="RU"] section#kp-box-03 .kp-box-03-title {font-family: 'Playfair Display', serif;}
section#kp-box-03 .kp-box-03-subtitle{color: #777;font-size: 15px;margin-bottom:20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
section#kp-box-03 .kp-box-03-desc{font-size:16px;font-weight: 400;margin: 15px auto;line-height: 24px;color: #666;width: 75%;}
section#kp-box-03 .kp-box-03-col{/* height: 500px; */background-size:cover;background-position:center;display:flex;margin-bottom:30px}
section#kp-box-03 .kp-box-03{background:#fff;opacity:1;width:100%;height:calc(100vw / 4);height: 100%;aspect-ratio: 5/4;overflow:hidden;}
section#kp-box-03 .kp-box-03 .kp-box-03-text{background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,#1c4d32 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#1c4d32 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#1c4d32 100%);position:absolute;width:100%;bottom: 0;padding: 30px;}
section#kp-box-03 .kp-box-03 .kp-box-03-text2{
    position: relative;
    top: 75px;
}
section#kp-box-03 .kp-box-03 h4{color: #fff;font-size: 36px;margin:0;font-weight: 700;padding: 0;font-family: 'Playfair Display', serif;}
body[lang="RU"] section#kp-box-03 .kp-box-03 h4 {font-family: 'Playfair Display', serif;}
section#kp-box-03 .kp-box-03 .p{color:#fff;font-size:14px;margin-top: 10px;}
section#kp-box-03 .kp-box-03 a{display:block;width:100%;height:100%;position:relative;background-size:cover;background-position:center}
section#kp-box-03 .kp-box-03 .kp-box-03-button{position:relative;top:0;color: #fff;font-size: 13px;background: linear-gradient(45deg, #777, #002856,#777);padding: 10px 40px;text-transform:uppercase;margin-top:15px;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px;border: 0;}

section#kp-box-03 .kp-box-03 a:hover .kp-box-03-text2{top:0}
/*kp-box-04*/

section#kp-box-04{background:#fff;color:#1c4d32;padding:120px 0}
.kp-box-04-item {margin-bottom: 30px;}
.kp-box-04-foto{margin:0;height:100%;position:relative;}
.kp-box-04-foto img{width:100%;object-fit: cover; aspect-ratio: 4/3;}
.kp-box-04-foto img:nth-child(2){width:70%;position:absolute;left:0;top:33%;background:#fff;padding:20px 20px 0 0}
.kp-box-04-text{padding: 15px;display:flex;align-items:center;margin:auto;position:relative;background:#fff;width: 100%;}
.kp-box-04-text-subtitle{color: #777;font-size: 13px;margin-bottom:20px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}
.kp-box-04-text-title{color: #1c4d32;font-size: 28px;font-weight: 400;margin-bottom: 20px;}
.kp-box-04-text-title:before{display:block;text-align:right;width:25px;height:1px;background:#1c4d32;position:relative;left:calc(100% - 25px);margin-bottom:14px}
.kp-box-04-text-desc{font-size: 18px;font-weight: 400;margin: 15px 0;line-height: 28px;color: #999;letter-spacing: 1px;}
.kp-box-04-text-desc p{text-align: left !important;}
.kp-box-04-text-link{color: #fff;padding: 10px 40px;margin-top: 10px;font-size: 13px;background: #1c4d32;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;margin-right: 60px;position: relative;border-radius:0;display: inline-block;top: 0;}



.kp-box-04-gallery-button{display: none;}
.kp-box-04-gallery-button:first-child{display: inline-block;}

.kp-box-04-text-link.kp-box-04-text-link2{position:relative;top:0;color: #777;font-size: 13px;background:#fff;padding: 10px 40px;margin-top: 10px;text-transform:uppercase;display:inline-block;border-radius:0;font-weight: 700;letter-spacing:1px; border:1px solid #777;}
.kp-box-04-text-link:hover{top:-10px;}

.kp-box-04-item.room-item .kp-col-text {order:2;}
.kp-box-04-item .kp-col-foto {order:1;}


/*section#kp-box-04 .kp-box-04-item:nth-child(2n) .kp-col-foto {order:3;}*/



#page {background:#fff;padding: 60px 15px;font-size: 16px;font-weight: 500;line-height: 30px;color: #111;letter-spacing: 1px;}
#page h1 {text-align: center;font-weight: 400;margin-bottom: 30px;font-size: 48px;color: #1c4d32;}


.gallery-item {margin-bottom: 30px;}
.gallery-photo {}
.gallery-photo a {display: block;}
.gallery-photo a img {width:100%; aspect-ratio: 4/3; object-fit: cover;}

.galeriCategories {margin: 20px 0 35px 0;}
.galeriCategories a{margin: 0 15px 0 0;color:#1c4d32;font-size: 15px;font-weight: 500;line-height: 20px;display: inline-block;border: 1px solid #333;border-radius: 40px;padding: 13px 30px;text-decoration: none;}
.galeriCategories a.active {background: #1c4d32; color:#fff;}



.room-detail .page-content h2 {
    font-weight: 800;
    margin-bottom: 30px;
}
.room-detail .page-content ul {
    display: table;
    margin: 0;
    padding: 0;
}
.room-detail .page-content ul li{
    float: left;
    width: 35%;
    padding: 0 10px;
}

.col4carousel{overflow:hidden;padding: 60px 60px 0 60px;}
.col4carousel .owl-carousel{padding:0 60px}
.col4carousel.owl-carousel .owl-stage{margin: auto;}
.col4carousel .owl-carousel .owl-stage-outer{padding:60px 0}
.col4carousel .item a{display:block;}
.col4carousel .item a img{width:100%}
.col4carousel .item a h4{color:#333;font-size:18px;margin:0;padding:30px}
.col4carousel .item a h4:after{display:none;content:"";width:7px;height:45px;background:#777;margin:0 0 0 -16px;position:absolute;border-radius: 0;top:185px}
.col4carousel .item a span{display:block;color:#333;font-size:18px;margin:0;padding:0 30px;font-weight:300;line-height:24px;text-transform:initial}

.col6carousel {}
.col6carousel.owl-theme .owl-nav {margin-top: 0;}

section#page-gallery-slide {}
section#page-gallery-slide .item img{aspect-ratio: 2; object-fit: cover;}




section#page-gallery {}
section#page-gallery .item a img{aspect-ratio: 5/7; object-fit: cover;}

section#page-gallery .item:nth-child(6n + 1) a img {aspect-ratio: 5/4;}
section#page-gallery .item:nth-child(6n + 3) a img {aspect-ratio: 5/4;}
section#page-gallery .item:nth-child(6n) a img {aspect-ratio: 5/4;}

section#page-gallery .owl-carousel .owl-item img {display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
section#page-gallery .owl-carousel .owl-item a {overflow:hidden; display:block}
section#page-gallery .owl-carousel:hover img {opacity: .2; }
section#page-gallery .owl-carousel .owl-item a:hover img {opacity: 1;transform: scale(1.1);}


.page-room section#kp-box-01{background: #cfeacd;color:#1c4d32;padding:120px 0;margin-top: 112px;}
section#rooms {padding: 60px 100px;margin-bottom: 30px;}
section#rooms #room-types{text-align: center;font-size: 20px;font-weight: 400;padding-bottom: 90px;letter-spacing: 1px;}
section#rooms #room-types a{color: #777;padding: 15px;border: 1px solid #ddd;width: 250px;display: inline-block;margin-left: -1px;}
section#rooms #room-types a.selected{font-weight: 500;color: #333;border-bottom: 2px solid #e76d2c;}
section#rooms .room{background: #fff;margin-bottom: 60px;}
section#rooms .room:last-child {margin-bottom:0;}
section#rooms .room-item-foto{margin: 0; height: 100%;}
section#rooms .room-item-foto img{width:100%;object-fit: cover; height: 100%;}
section#rooms .room-item-text{padding: 30px 15px 30px 0;font-size: 14px;font-weight: 100;}
section#rooms .room-item-text h4{font-family: Merriweather,serif;font-size: 26px;}
section#rooms .room-item-text span{display:block;margin-bottom: 20px;margin-top: 15px;}
section#rooms .room-item-text a.room-detail-btn{border: 1px solid #ccc;color: #333;padding: 10px 30px;display: inline-block;width: 48%;text-align: center;font-weight: 500;}
section#rooms .room-item-text a.room-book-btn{border: 1px solid #b5996a;background:#b5996a;color: #fff;padding: 10px 30px;display: inline-block;width: 48%;text-align: center;font-weight: 700;}
section#rooms .room-item-text a:hover {opacity: .8;}
section#rooms .room-item-text strong {font-weight: 600;}


section#rooms .room-item-text a.list-detail-btn{border: 1px solid #ccc;color: #333;padding: 10px 30px;display: inline-block;text-align: center;font-weight: 500;}

section#room-gallery {}
section#room-gallery .item a img{aspect-ratio: 16/9; object-fit: cover;}
section#room-gallery .owl-carousel .owl-item img {display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
section#room-gallery .owl-carousel .owl-item a {overflow:hidden; display:block}
section#room-gallery .owl-carousel:hover img {}
section#room-gallery .owl-carousel .owl-item a:hover img {}

.room-detail-book-btn {padding: 12px 20px 11px 20px; border:1px solid;}


.roomOwl .owl-carousel {height: 100%;}
.roomOwl .owl-carousel .owl-stage{height: 100%;}
.roomOwl .owl-carousel .owl-stage-outer{height: 100%;}
.roomOwl .owl-carousel .owl-item{height: 100%;}
.roomOwl .owl-carousel .item{background-position:center;background-size: cover;height: 100%;min-height: 300px;}
.roomOwl .owl-carousel .item a {display: block; height: 100%;}
.roomOwl .owl-carousel .owl-nav button.owl-prev {left: 0px; color: #b5996a;}
.roomOwl .owl-carousel .owl-nav button.owl-next {right: 0px; color: #b5996a;}
.roomOwl .owl-theme .owl-dots {margin: 0; bottom: -40px;}


.listTab {}
.listTab:nth-child(2n-1) .col{order:0}
.listTab:nth-child(2n-1) .col:first-child{order:1}
section#rooms .listTab:nth-child(2n-1) .room-item-text{padding: 30px 0 30px 15px; text-align: right;}



footer#footer{font-size:12px;background: #123321;padding: 0;color: #fff;}
footer#footer nav#footerMenu{font-size: 14px;}
footer#footer nav#footerMenu p{color: #fff;letter-spacing: 1px;line-height: 26px;font-size: 15px;}
footer#footer nav#footerMenu h5{font-size: 20px;margin: 0;font-weight: 100;letter-spacing: 2px;color: #97c176;padding: 4px 0;}
footer#footer nav#footerMenu h5:after {display: none;content: "";width: 70px;height: 1px;background: #777;margin: 10px 0;}

footer#footer nav#footerMenu ul{list-style: none;margin: 10px 0 10px 0;padding: 0;}
footer#footer nav#footerMenu ul li{}
footer#footer nav#footerMenu ul li a{text-decoration: none;color: #fff;letter-spacing: 0px;display: block;font-size: 14px;font-weight: 500;padding: 4px 0;/* text-transform: uppercase; */}
footer#footer nav#footerMenu ul li a:hover{color: #777;}

footer#footer nav#footerMenu ul ul {margin: 0; padding: 0;}

footer#footer nav#footerMenu .col{/* margin-top: 55px; */}
footer#footer nav#footerMenu .col:nth-child(1){/* padding-right: 80px; */margin-top: 0;}
footer#footer nav#footerMenu .col:nth-child(1) h5{display: none;}
footer#footer nav#footerMenu .col:nth-child(2) h5{}
footer#footer nav#footerMenu .col:nth-child(3) h5{}

/*
footer#footer nav#footerMenu .col:nth-child(4) {text-align: right;}
footer#footer nav#footerMenu .col:nth-child(4) h4{font-size:26px;font-weight: 700;}
footer#footer nav#footerMenu .col:nth-child(4) h4 strong{display:block;font-size: 14px;font-weight: 500;}
footer#footer nav#footerMenu .col:nth-child(4) a {color:#fff;}
*/
.fa-brands {font-size:22px; margin-left:10px}

p.footerLang {width: 75%;text-align: center;margin-top:30px;}
p.footerLang a{color:#fff; font-weight: 600; margin: 0 5px;}

#copyright{padding:20px;margin-top: 30px;border-top: 1px solid rgba(0,0,0,.2);}
#copyright a{color:#fff;}
#copyright a:hover{color: #777;}


.noslider section#booking-form{position:relative;bottom:70px}
.gallery section#booking-form{position:relative;bottom:70px}
.vr-screen{text-align:center}
.vr-screen a img{height:64px;display:block;margin:auto}
.cookie-notice{font-size: 12px;line-height: 20px;padding:15px;position:fixed;bottom:0;left:0;display:none;width:300px;color:#fff;background:#333;z-index:9999}
.cookie-notice a{display:inline-block;color:#ccc;text-decoration:underline}
.cookie-notice button{line-height:20px;font-weight:600;padding:0 30px;color:#fff;background: linear-gradient(45deg, #777, #002856,#777);border:0;border-radius:0;cursor:pointer;float:right}
.cookie-notice button:hover{background:#1c4d32}
header#mobileHeader{width:100%;height: 70px;position: fixed;top:0;z-index:10000;display:none;background: #fff;}
header#mobileHeader.open #mobileLogo{display: none;}
header#mobileHeader.open .mobileHeaderRezBtn{display: none;}

header#mobileHeader.open .icon:before, header#mobileHeader.open .icon:after{background: #002856;}



.br-btns {position: fixed; right: 10px; bottom: 10px; z-index: 9;}
.whatsapp img{height: 48px;}
.telegram img{height: 48px;}
.topbtn img {height: 16px;}
.whatsapp {display: block; margin-top: 5px;}
.telegram {display: block; margin-top: 5px;}
.topbtn {display: none;background: #ffffff30;color: #999;width: 48px;height: 48px;text-align: center;line-height: 45px;}
.topbtn:hover{background: #fff; color: #0a3e2e;}
/*
.whatsapp {position: fixed; right: 10px; bottom: 10px; z-index: 9;}
.telegram {position: fixed; right: 10px; bottom: 66px; z-index: 9;}
.topbtn {display: none;position: fixed;z-index: 9999;right: 10px;bottom: 121px;background: hwb(16deg 15% 35% / 50%);color: #999;border-radius: 50%;width: 48px;height: 48px;text-align: center;line-height: 45px;}
*/

.top{position:fixed;bottom: 20px;right: 20px;font-size:32px;z-index:11;transform: rotate(180deg);display:none;}
.top a{color:#fff;background: rgba(0,0,0,.2);padding: 4px 20px 9px 20px;}
.top a:hover{background: rgba(0,0,0,.4);}
.top a img{height: 16px;}

header#mobileHeader a#mobileLogo{display:block;float:left;padding:9px;/* width:100%; */text-align:center}
header#mobileHeader a#mobileLogo img{height: 48px;}
.menu{position: fixed;z-index:911;width:60px;height:60px;top: 35px;right: 25px;-webkit-transition-duration:.5s;transition-duration:.5s}
.menu.fixed{position:fixed;z-index:911;top:10px}
.menu .icon{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;height:2px;width:30px;top: 34px;background-color: #1c4d32;border-radius:0;left:15px}
.menu .icon:before{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #1c4d32;content:"";top:-10px;border-radius:0}
.menu .icon:after{-webkit-transition-duration:.5s;transition-duration:.5s;position:absolute;width:30px;height:2px;background-color: #1c4d32;content:"";top:10px;border-radius:0}
.menu.open {right: 30%;}
.menu.open .icon{-webkit-transition-duration:.5s;transition-duration:.5s;background:0 0}
.menu.open .icon:before{-webkit-transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px);transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.menu.open .icon:after{-webkit-transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px);transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.menu:hover{cursor:pointer}

body.fixed header#mobileHeader {/* background: #1c4d32; */}
body.fixed header#mobileHeader a#mobileLogo {}
body.fixed header#mobileHeader a#mobileLogo img{/* height:48px; */}
body.fixed .menu {/* top:0; */}


a.mobileHeaderRezBtn {
    color: #fff;
    font-size: 11px;
    background: #1c4d32;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 8px 10px;
    float: right;
    position: relative;
    right: 60px;
    top: 19px;
}
/*
footer#mobileFooter{position: fixed;left: 0;bottom: 0;height: 50px;background: #e96d2b;z-index: 8000;width: calc(100% - 0px);display:none;border-radius: 0;margin: 0;}
footer#mobileFooter ul{width: 100%;margin: 0;padding: 0;}
footer#mobileFooter ul li{float: left;width: 25%;text-align: center;list-style: none;padding: 15px 0;}
footer#mobileFooter ul li:nth-child(2n) {background: rgba(0,0,0,.1);}
footer#mobileFooter ul li a{text-decoration: none;color: #fff;display: block;}
footer#mobileFooter ul li a img{height: 20px;}
footer#mobileFooter ul li a span{display: block;font-size: 10px;color: #fff;font-weight: 400;float: inherit;display: none;}
*/

footer#mobileFooter{position: fixed;left: 0;bottom: 0;height: 50px;background: #e96d2b;z-index: 999999998000;width: calc(100% - 0px);display:none;border-radius: 0;margin: 0;}
footer#mobileFooter ul{width: 100%;margin: 0;padding: 0;}
footer#mobileFooter ul li{float: left;width: 25%;text-align: center;list-style: none;padding: 15px 0;}
footer#mobileFooter ul li:nth-child(2n) {background: rgba(0,0,0,.1);}
footer#mobileFooter ul li a{text-decoration: none;color: #fff;display: flex;align-items: center;justify-content: center;}
footer#mobileFooter ul li a img{height: 20px;margin-right: 15px;}
footer#mobileFooter ul li a span{display: block;font-size: 16px;color: #fff;font-weight: 400;float: inherit;/* display: none; */}


nav#footerHotels {display: flex;justify-content: center;/* border-bottom: 1px solid #46536d; */margin-bottom: 30px;background: #1c4d32;padding-top: 30px;}
nav#footerHotels a{display: flex;padding: 0 30px 30px;color: #fff;justify-content: center;align-items: center;}
nav#footerHotels a img{display: block;aspect-ratio: 16/9;object-fit: cover;height: 100px;margin-right: 14px;}
nav#footerHotels a span{display: block;font-size: 22px;}
nav#footerHotels a small {display: block;font-size: 16px;text-align: left;}

nav#mobileMenu{display:none;position:fixed;top:0;right: 0;background: #cfeacd;z-index: 901;width: 30%;height:100%;overflow-y: auto;}
/*nav#mobileMenu:before {content:""; display:block; background: rgba(0, 0, 0, .5);width: 70%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 900;}*/
nav#mobileMenu div.div{display:table;width:100%;padding: 30px;position: relative;z-index: 1;}
nav#mobileMenu ul{list-style:none;margin:0;padding:0;display:table-cell;width:100%;}
nav#mobileMenu li a{color: #1c4d32;display:block;padding: 15px 10px;/* text-transform:uppercase; */font-size: 17px;line-height:32px;font-weight: 600;}
nav#mobileMenu ul.mmMenu li:first-child a{text-transform:uppercase}
nav#mobileMenu li a.fadee:hover{margin-left:15px; color:#777}
nav#mobileMenu li ul li a{color:#fff;font-weight:300;font-size:22px}
nav#mobileMenu ul li ul{display:none;background:#333}
nav#mobileMenu li.mmLogo{margin:20px 0}
nav#mobileMenu li.mmLogo a img{height:52px}

nav#mobileMenu .mmLang{/* margin-top: 30px; */list-style: none;padding: 10px 30px;background: #777;}
nav#mobileMenu .mmLang a{padding: 10px;display: inline-block;}

nav#mobileMenu .mmHotels{/* margin-top: 30px; */list-style: none;padding: 10px 30px;background: #eee;}
nav#mobileMenu .mmHotels a{padding: 10px;}

nav#mobileMenu .mmSocial:before{/* display:block; */content:"";height:1px;width:100px;background: rgba(0,0,0,.2);margin:15px auto}
nav#mobileMenu .mmSocial a{display:inline-block;/*font-size: 24px;*/margin-right:10px}
nav#mobileMenu .mmSocial a:hover{color:#fff;} 
nav#mobileMenu .mmSocial a img{height:22px}

nav#mobileMenu .mmBottom{background: #1c4d32;padding: 30px;color: #fff;font-size: 17px;}


nav#mobileMenu img.leaf {position: absolute;right: -10%;top: 0;z-index: 0;height: 100%;opacity: .3;}

nav#mobileMenu li .mobileRezBtn a{color:#1c4d32;font-size: 13px;background: #fff;border: 2px solid #1c4d32;text-transform:uppercase;/* margin-top: 24px; */display: inline-block;font-weight: 700;letter-spacing:1px;margin-right: 60px;position:relative;border-radius:0;padding: 7px 30px;margin: 15px auto;}


@media screen and (min-width:1200px){
    .container{max-width:1200px}
    .container-fluid {padding-right: 60px; padding-left: 60px;}
}

@media screen and (min-width:1440px){
    .container{max-width:1400px}
    .container-fluid {padding-right: 40px; padding-left: 40px;}
}

@media screen and (min-width:1600px){
    .container{max-width:1600px}
    .container-fluid {padding-right: 20px; padding-left: 20px;}
}




@media screen and (max-width:1600px){
   
    nav#menu ul#header-menu li {margin: 0 10px;}
    nav#menu ul#header-menu li a {padding: 5px 0;;}
}

@media screen and (max-width:1366px){
    #logo img {
    /* height: 36px; */
    /* margin-top: 5px; */
}
    nav#menu {margin-left: 10px;font-size: 11px;}
    nav#menu ul#header-menu {
}
    nav#menu ul#header-menu li {margin: 0 10px;}
    nav#menu ul#header-menu li a {padding: 5px 0;font-weight: 500;}
    section#subSlider .item .slideTextBig {font-size: 64px; line-height: 64px;}
    section#slider .item .slideTextBig {font-size: 62px;line-height: 62px;width: 100%;}
    section#slider .item .slideTextSmall {font-size: 20px;line-height: 22px;width: 100%;}
    header#header #call {
    /* font-size: 11px; */
    /* font-weight: 400; */
    /* letter-spacing: 0; */
    /* margin-left: 10px; */
}
    header#header #call a {
    /* padding: 12px 10px 11px 35px; */
    }

    header#header #call img {
    left: 10px;
}
}

@media screen and (max-width:1280px){
}

@media screen and (max-width:992px){
    #reservation-widget, #elektraweb-widget-area{margin: 30px auto 50px auto;position: relative;bottom: 0;z-index: 9;width: 100%;}

    .subpageMargin {margin-top: 70px;}
    section#slider {height: auto;margin-top: 60px;}
    section#slider .owl-carousel .owl-item img {height: auto;aspect-ratio: 3 / 2;}
    section#slider .owl-carousel .owl-item .slideImage:before {height: auto;}
    section.home-about {padding: 30px 0;}
    section.home-about .text {width: 100%;}


    section.home-rooms {padding: 15px 0;}
    section.home-rooms h2 {font-size: 28px;padding: 0 0 20px 0;}
    section.home-rooms .item img {aspect-ratio: 3/2;}

    section.kp-box img.b-img {aspect-ratio: 3/2; height: auto;}
    section.kp-box img.s-img {display: none;}
    section.kp-box .kp-box-text {margin-top: 0;}
    section.kp-box h2 {font-size: 28px;}

    section.kp-box-spa img.s-img {display: block;aspect-ratio: 3/2; height: auto;}
    section.kp-box-spa {padding: 30px 0;}

    section#subSlider {padding: 30px 0;overflow: hidden;}
    section#subSlider h1 {font-size: 28px;}
    section#subSlider .titleDesc {margin-bottom: 30px;}
    section#subSlider .slideImage img {aspect-ratio: 3 / 2;}

    .galeri section#subSlider {padding: 30px 0 0 0;}
    .galeriCategories {white-space: nowrap;overflow-x: auto;}
    .galeriCategories a {margin: 0 5px 0 0; padding: 10px 15px;font-size: 13px;}

    .home-boxes .col a h3 {padding: 90px 10px 10px;font-size: 13px;}
    
    section#rooms {padding: 30px 0px;}
    section#rooms #room-types {padding-bottom: 30px;    font-size: 14px;}
    section#rooms #room-types a {width: auto;}
    section.home-parallax article {font-size: 14px;}
    section.home-parallax article h2 {font-size: 36px;}
    footer#footer nav#footerMenu .col:nth-child(4) {text-align: center;}
    #group-logo img {height: 150px;}
    .header-hotel-logos {top: inherit;bottom: 0;}
    .header-hotel-logos a {margin: 0 0 30px 0;display: block;}
    .header-hotel-logos img {height: 72px;}
    nav#mobileMenu {width:100%}
    #callcenter {display: none;}
    body.home header#headerHome {display: none;}
    section#slider2 li.col h2 {font-size:24px;letter-spacing: 0px;}
    section#slider2 li.col:nth-child(3) h2 {top:0}
    section#slider2 li.col:nth-child(4) h2 {top:0}

    section#slider2 li.col:nth-child(3) a:hover h2 {top:30px;}
    section#slider2 li.col:nth-child(4) a:hover h2 {top:30px;}
    .home-carousel .item img {aspect-ratio: 1;}
    header#header {display: none;}
    #logo {display: none;}
    header#mobileHeader {display: block;}
    header#mobileHeader .menu {top: 0;right:0}
    footer#mobileFooter {display: block;}
    
    .br-btns {position: fixed;right: 10px;bottom: 60px;z-index: 9;}
    /*.whatsapp {bottom: 60px;}
    .telegram {bottom: 113px;}
    .topbtn {bottom: 166px;}
    */

    section#subSlider .item .slideTextBig {font-size: 32px; line-height: 32px;}
    section#slider .item .slideTextBig {font-size: 46px;line-height: 64px;width: 100%;}
    section#slider .item .slideTextSmall {font-size: 18px;line-height: 24px;width: 100%;font-weight: 500;}
    
    footer#footer nav#footerMenu .col:nth-child(1) {/* padding-right: 0; */}
    img.footer-logo {width: 128px; margin: auto;}
    p.footerLang {margin: 60px auto 30px auto;}
    #page h1 {font-size: 32px; line-height: 32px;}

    section#kp-box-01 {padding: 0 0 60px 0;}
    section#kp-box-01 .kp-box-01-text {padding: 50px 0;}
    section#kp-box-01 .kp-box-01-text-title {font-size: 32px; line-height: 32px;}
    section#kp-box-02 {padding: 50px 0;text-align: center;}
    section#kp-box-02 .kp-box-02-text-title {font-size: 32px;line-height: 42px;}
    section#kp-box-03 {padding: 50px 0;}
    section#kp-box-03 .kp-box-03 {height: 100%;}
    section#kp-box-03 .kp-box-03-title {font-size: 32px;line-height: 42px;}
    section#kp-box-03 .kp-box-03-desc {width: 100%;}
    section#kp-box-04 .kp-box-04-item:nth-child(2n) .kp-col-foto {order: 1;}

    section#kp-box-04 .kp-box-04-text-title {font-size: 24px;}

    .col4carousel {padding: 30px 0 0 0;}

    footer#footer {text-align: center;padding-bottom: 60px;}

    nav#footerHotels {    flex-direction: column;}
    nav#footerHotels a {    flex-direction: column;}
    nav#footerHotels a small {text-align: center;}

    section#page-gallery-slide .item img {aspect-ratio: .8;}
}
@media screen and (max-width:768px){
    #popup a img{height: auto;width: 90vw;margin: auto;aspect-ratio: 1;  object-fit: contain;}
    
}

@media screen and (max-width:576px){
    .page-content img {max-width: 100%;}
    
}