@import url("/assets/css/fonts.css");

/* ============================================
   GLOBAL RESET & BASE STYLES #ad9c80
   ============================================ */

* {
  box-sizing: border-box;
}

body {
  font-size: 11px !important;
  /* overflow-x: hidden; */
}

#PartnersList img {
    max-width: 100%;
    margin: 2em 0;
}
a {
  color: unset !important;
  text-decoration: unset !important;
}
[data-url] { cursor: pointer; }
/* ============================================
   TYPOGRAPHY
   ============================================ */

/* Font Families */
.font_aBee {
  font-family: ABeeZee, Tahoma, sans-serif !important;
}

.font_Istok {
  font-family: Istok Web, Tahoma, sans-serif !important;
}

.font_Raleway {
  font-family: Raleway, Tahoma, sans-serif !important;
}

.font_Philosopher {
  font-family: Philosopher, Tahoma, sans-serif !important;
}

.font_Montserrat {
  font-family: Montserrat, Tahoma, sans-serif !important;
}

#index #firstslide h2 {
    font-size: 6.5em !important;
}
#index #firstslide .control  {
    position: absolute;
    top: 43%;
    margin: 0 10%;
    height: 30px;
    width: 80%;
    padding: 0;
}

video.backgroundvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* чтобы видео покрывало весь фон */
}

#restorants .carousel-item {
    max-height: 27em;
    min-height: 27em;
}
.GalleryAlbums button.active {
    font-weight: bold;
    color:#1e1e1e !important;    
}

.gal-item img {
    width: 206px;
    height: 100px;
}

.gal-item {
    position: relative;
}

.l_plus_r  .row:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
}
.l_plus_r  .row:nth-child(even) .ccc {
    padding-left: 3em;
}
/* Headings */
h1,
h2,
h3,
h4 {
  font-family: Philosopher, sans-serif;
  text-transform: uppercase;
}

h1 {
  font-size: 3em !important;
  margin-bottom: 1em;
  text-transform: uppercase;
}

h2 {
  font-size: 2.5em !important;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}

h3 {
  font-size: 2em !important;
  margin-bottom: 0.75em;
  text-transform: uppercase;
}

/* ============================================
    Летающие блоки
   ============================================ */

.anim-block-left,
.anim-block-right {
  opacity: 0;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.anim-block-left {
  transform: translateX(-400px);
}

.anim-block-right {
  transform: translateX(400px);
}

.anim-block-left.in-view,
.anim-block-right.in-view {
  opacity: 1;
  transform: translateX(0);
}
/* ============================================
   LAYOUT & CONTAINERS
   ============================================ */

.container-fluid {
  margin-top: 5em;
  margin-bottom: 3em;
}

.textpage .container-fluid {
  margin-top: 0;
  margin-bottom: 3em;
}
.thisisbackground {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

li.home a.nav-link {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB2ZXJzaW9uPScxLjEnIGlkPSdDYXBhXzEnIHg9JzBweCcgeT0nMHB4JyB3aWR0aD0nNTEwcHgnIGhlaWdodD0nNTEwcHgnIHZpZXdCb3g9JzAgMCA1MTAgNTEwJyBzdHlsZT0nZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTAgNTEwOycgeG1sOnNwYWNlPSdwcmVzZXJ2ZSc+PGc+PGcgaWQ9J2hvbWUnIGZpbGw9JyNmZmYnPjxwb2x5Z29uIHBvaW50cz0nMjA0LDQ3MS43NSAyMDQsMzE4Ljc1IDMwNiwzMTguNzUgMzA2LDQ3MS43NSA0MzMuNSw0NzEuNzUgNDMzLjUsMjY3Ljc1IDUxMCwyNjcuNzUgMjU1LDM4LjI1IDAsMjY3Ljc1IDc2LjUsMjY3Ljc1IDc2LjUsNDcxLjc1ICcvPjwvZz48L2c+PC9zdmc+");
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center 6px;
}

/* ============================================
   BACKGROUND & IMAGES
   ============================================ */

.bgcover {
  height: 100%;
  width: 100%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.background-cover {
  background-size: cover !important;
  background-position: center !important;
}

div#block2 img {
  max-height: 350px;
  border-radius: 10px;
}

.block1 img {
  max-height: 350px;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 100%;
}

#block3 img {
  max-height: 60px;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#actiontabs .bgcover {
    width: 310px;
}

/* ============================================
   UTILITIES
   ============================================ */
button.accordion-button {
    font-size: 1.6em !important;
    font-weight: 500;
}
/* Border Radius */
.radius3pix {
  border-radius: 3px;
}

.radius5pix {
  border-radius: 5px;
}

.radius10pix {
  border-radius: 10px;
}

.radius3pr {
  border-radius: 3%;
}

.radius5pr {
  border-radius: 5%;
}

.radius10pr {
  border-radius: 10%;
}

/* Margins */
.my-2em {
  margin-top: 2em;
  margin-bottom: 2em;
}

.my-3em {
  margin-top: 3em;
  margin-bottom: 3em;
}

.my-4em {
  margin-top: 4em;
  margin-bottom: 4em;
}

.my-5em {
  margin-top: 5em;
  margin-bottom: 5em;
}

/* ============================================
   NAVIGATION & HEADER
   ============================================ */

/* RAMINA GROUP */
.raminagroup nav img.logo {
  width: 120px;
}
#navbar .container {
  /* background: #333333b3; */
  z-index: 999;
}
nav#navbar.onTop {
  background: #333333b3;
  z-index: 999;
}

/* HEADER */
.contact img {
  width: 39px;
  height: 39px;
  float: left;
  margin: 1em;
  background: #D9D9D9;
  border-radius: 20px;
}

.contact pre {
  font-size: 20px;
  margin: 0;
  margin-bottom: -0.5em;
  font-family: 'Raleway';
  font-weight: 200;
}

.contact .tel pre {
  font-size: 1em;
  font-weight: bold;
}

.contact .tel {
  font-size: 1em;
  font-weight: bold;
}

.contact .tel a {
  font-size: 1.2em;
  font-weight: bold;
}

nav a.button {
  background: #4E89A7;
  padding: 15px 30px 15px 20px;
  border-radius: 10px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 93%;
  background-size: 1.5em;
  min-width: 155px !important;
  max-width: 155px !important;
  font-size: 14px !important;
}
nav a.call.button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjUnIGhlaWdodD0nMTgnIHZpZXdCb3g9JzAgMCAyNSAxOCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTAuMDY3MyAwLjAzOTUwMTJDNS45MTkzOCAwLjI0ODU5MyAzLjE2MjIxIDEuMTM2MTcgMS42Mjk5IDIuNzQ5MTZDMC42MzkyNzQgMy43OTQ2MiAwLjEzNjYzOSA1LjAyMzU3IDAuMDM0MTU5NyA2LjY3MDdMMCA3LjIwNDFMMi41ODE1IDcuMTk1NTdMNS4xNjI5OSA3LjE4Mjc3TDUuMjE2NjcgNi43OTQ0NUM1LjM1MzMxIDUuODM0MzQgNS42ODAyNyA1LjA2MTk4IDYuMTgyOSA0LjUwNzI0QzYuNzUzODYgMy44Nzk5NyA3LjczOTYxIDMuNDk1OTIgOS4xMTU3NSAzLjM2MzY0QzkuNDcxOTkgMy4zMjk1IDEwLjQ3NzMgMy4zMTI0MyAxMi4xMzY0IDMuMzE2N0MxNi4wOTQxIDMuMzI1MjMgMTYuOTMzNCAzLjQwMjA0IDE3Ljk0MzYgMy44NjcxNkMxOC43MzkgNC4yMjk4NyAxOS4yNjEyIDQuODYxNDIgMTkuNTU4OSA1LjgxM0MxOS42NTY1IDYuMTI4NzcgMTkuODE3NSA2Ljk1NjYgMTkuODI3MiA3LjE2OTk2QzE5LjgyNzIgNy4xOTEzIDIwLjk5MzYgNy4yMDQxIDIyLjQxMzYgNy4yMDQxSDI1VjYuOTMxQzI1IDYuNTI5ODkgMjQuOTEyMiA1LjgzNDM0IDI0Ljc5OTkgNS4zNjkyMUMyNC40NjgxIDMuOTUyNTEgMjMuNjcyNyAyLjc4MzMgMjIuNDg2OCAxLjk3NjhDMjAuNzgzNyAwLjgxNjEyOCAxOC40MTY5IDAuMjE0NDU2IDE0LjgzMDIgMC4wMzUyMzRDMTMuODQ0NCAtMC4wMTE3MDQ5IDExLjA1OCAtMC4wMTE3MDQ5IDEwLjA2NzMgMC4wMzk1MDEyWicgZmlsbD0nd2hpdGUnPjwvcGF0aD48cGF0aCBkPSdNNy42NDY5OCA1LjY1ODgyQzcuMTU0MSA1LjcwNTc2IDcuMTM5NDYgNS43MzEzNiA3LjEzOTQ2IDYuNDk1MTlWNy4xMzk1M0w2Ljg4NTcgNy4zOTU1NkM1LjQ5MDA0IDguNzk1MiAyLjQxNTY3IDEyLjQ0NzkgMS45NDIzMSAxMy4yNjcyTDEuODIwMzEgMTMuNDcyVjE1LjUxMTdDMS44MjAzMSAxNy40NzA0IDEuODI1MTkgMTcuNTU1NyAxLjkxNzkxIDE3LjY5MjNDMS45NzE1OSAxNy43NjkxIDIuMDgzODMgMTcuODY3MiAyLjE3MTY3IDE3LjkxNDJDMi4zMzI3MSAxNy45OTk1IDIuNDQwMDcgMTcuOTk5NSAxMi4yNTM3IDE3Ljk5OTVDMjMuMzA2NyAxNy45OTk1IDIyLjM5NDIgMTguMDI1MSAyMi42MTg3IDE3LjcwNTFDMjIuNzMwOSAxNy41NTE1IDIyLjczMDkgMTcuNTQ3MiAyMi43NDU2IDE1LjUzNzNMMjIuNzYwMiAxMy41MjMyTDIyLjYyODQgMTMuMjk3MUMyMi4xNjQ4IDEyLjQ5NDggMTkuMTk3OCA4Ljk2MTYyIDE3Ljc5MjQgNy41NDA2NUwxNy4zODc0IDcuMTI2NzNWNi40OTUxOUMxNy4zODc0IDYuMTQ1MjggMTcuMzY3OCA1LjgzODA0IDE3LjM0ODMgNS44MTI0NEMxNy4yNzAyIDUuNzEwMDIgMTcuMDg5NyA1LjY3MTYyIDE2LjUzMzQgNS42NDYwMkMxNS44MjU4IDUuNjExODggMTUuMTE4MiA1LjY3MTYyIDE1LjAwMTEgNS43Njk3N0MxNC45Mzc2IDUuODI1MjQgMTQuOTE4MSA1Ljk0ODk5IDE0LjkwODMgNi4zNzE0NEwxNC44ODg4IDYuOTA0ODRIMTIuMjU4NUg5LjYzMzEyTDkuNjE4NDggNi4zNjcxN0M5LjU5ODk2IDUuNjU4ODIgOS42MjMzNiA1LjY3NTg5IDguNjUyMjUgNS42NTAyOEM4LjI2MTg1IDUuNjQxNzUgNy44MDgwMiA1LjY0NjAyIDcuNjQ2OTggNS42NTg4MlpNOS42NzcwNCA4LjY4NDI1QzkuODQyOTYgOC43Njk2IDEwLjAxODYgOS4wMjk4OSAxMC4wMTg2IDkuMTg3NzhDMTAuMDE4NiA5LjM0NTY2IDkuODQyOTYgOS42MDU5NiA5LjY3NzA0IDkuNjkxMzFDOS40ODY3MiA5Ljc4OTQ1IDkuMTY0NjQgOS43ODUxOSA4Ljk2OTQ0IDkuNjc4NTFDOC43OTM3NyA5LjU4NDYzIDguNjUyMjUgOS4zNjcgOC42NTIyNSA5LjE4Nzc4QzguNjUyMjUgOS4wMzQxNiA4LjgyMzA1IDguNzczODYgOC45ODQwOCA4LjY4NDI1QzkuMTU0ODggOC41OTQ2NCA5LjUwMTM2IDguNTkwMzcgOS42NzcwNCA4LjY4NDI1Wk0xMi42NzMzIDguNzM5NzNDMTMuMDE0OSA5LjAwMDAyIDEzLjAxNDkgOS4zNzEyNyAxMi42NzgyIDkuNjMxNTdDMTIuMjUzNyA5Ljk1NTg3IDExLjU4MDIgOS42ODcwNCAxMS41ODAyIDkuMTk2MzFDMTEuNTgwMiA4Ljg1MDY3IDExLjg2MzMgOC42MTE3MSAxMi4yNzMyIDguNjExNzFDMTIuNDU4NiA4LjYxMTcxIDEyLjUzNjcgOC42MzczMSAxMi42NzMzIDguNzM5NzNaTTE1LjQ4OTEgOC42NzU3MkMxNS45MTM2IDguODcyMDEgMTUuOTM4IDkuNDI2NzQgMTUuNTMzIDkuNjc4NTFDMTUuMzY3MSA5Ljc4MDkyIDE1LjAyNTUgOS44MDIyNSAxNC44NTQ3IDkuNzI1NDRDMTQuNjc0MSA5LjY0MDEgMTQuNTAzMyA5LjM5Njg3IDE0LjQ5ODQgOS4yMTc2NUMxNC40OTM2IDguNzYxMDYgMTUuMDI1NSA4LjQ3MDg5IDE1LjQ4OTEgOC42NzU3MlpNOS41Nzk0NCAxMC43NzA5QzEwLjA2NzQgMTAuOTQxNiAxMC4xNTUzIDExLjQ0MDkgOS43NTAyNCAxMS43Njk0QzkuNjQyODggMTEuODU5IDkuNTY5NjggMTEuODc2MSA5LjMzNTQ0IDExLjg3NjFDOS4xMDEyIDExLjg3NjEgOS4wMjggMTEuODU5IDguOTIwNjQgMTEuNzY5NEM4LjUyNTM3IDExLjQ0NTEgOC41OTM2OSAxMC45NzE1IDkuMDY3MDQgMTAuNzgzN0M5LjMwNjE2IDEwLjY4NTYgOS4zMzU0NCAxMC42ODU2IDkuNTc5NDQgMTAuNzcwOVpNMTIuNjE5NiAxMC44MjIxQzEyLjgwNTEgMTAuOTIwMyAxMi45NjYxIDExLjIxNDcgMTIuOTIyMiAxMS4zOTM5QzEyLjc5MDQgMTEuOTQ0NCAxMi4wMjQzIDEyLjA4MDkgMTEuNjcyOSAxMS42MTU4QzExLjQ5MjQgMTEuMzc2OCAxMS41ODUxIDExLjAwOTkgMTEuODU4NCAxMC44MzkyQzEyLjA5NzUgMTAuNjg5OCAxMi4zNDY0IDEwLjY4NTYgMTIuNjE5NiAxMC44MjIxWk0xNS4zNDI3IDEwLjc0NTNDMTUuODg5MiAxMC44Nzc2IDE2LjAwMTUgMTEuNTU2MSAxNS41MTgzIDExLjgxMjFDMTUuMDU5NiAxMi4wNTk2IDE0LjUwODIgMTEuNzczNyAxNC41MDgyIDExLjI5MTVDMTQuNTA4MiAxMC45OTcxIDE0Ljc2MTkgMTAuNzYyNCAxNS4xNDI2IDEwLjcwNjlDMTUuMTU3MiAxMC43MDI2IDE1LjI0NTEgMTAuNzI0IDE1LjM0MjcgMTAuNzQ1M1pNOS43MDE0NCAxMi45Mzg2QzEwLjExMTQgMTMuMTczMyAxMC4xMDE2IDEzLjY4OTcgOS42ODE5MiAxMy45MzI5QzkuMjM3ODQgMTQuMTkzMiA4LjYxMzIxIDEzLjg2NDYgOC42NjY4OSAxMy4zOTUyQzguNzIwNTcgMTIuOTQ3MiA5LjI4MTc2IDEyLjY5OTcgOS43MDE0NCAxMi45Mzg2Wk0xMi41NjExIDEyLjkyNThDMTIuODEgMTMuMDM2OCAxMi45NjYxIDEzLjMwOTkgMTIuOTE3MyAxMy41NDQ2QzEyLjg3MzQgMTMuNzQ5NCAxMi42MjQ1IDEzLjk3NTYgMTIuMzk1MiAxNC4wMDk3QzEyLjE0NjMgMTQuMDUyNCAxMS45OTUgMTQuMDA5NyAxMS43OTAxIDEzLjg0NzVDMTEuNDQ4NSAxMy41NzQ0IDExLjU0MTIgMTMuMTAwOCAxMS45NzA2IDEyLjkxM0MxMi4xOTAyIDEyLjgxNDkgMTIuMzIyIDEyLjgxNDkgMTIuNTYxMSAxMi45MjU4Wk0xNS40MDEyIDEyLjg5NkMxNS42NTk5IDEyLjk4OTggMTUuODI1OCAxMy4xOTQ3IDE1LjgyNTggMTMuNDIwOEMxNS44MjU4IDEzLjg4MTcgMTUuMzM3OCAxNC4xNTQ4IDE0Ljg2NDQgMTMuOTU4NUMxNC40OTg0IDEzLjgwOTEgMTQuMzg2MiAxMy4zNTY4IDE0LjYzOTkgMTMuMDg4QzE0Ljc3MTcgMTIuOTUxNCAxNS4wMDExIDEyLjg0MDUgMTUuMTU3MiAxMi44MzYyQzE1LjIwNiAxMi44MzYyIDE1LjMxMzQgMTIuODYxOCAxNS40MDEyIDEyLjg5NlonIGZpbGw9J3doaXRlJz48L3BhdGg+PHBhdGggZD0nTTAuMDEzNjcxOSA3LjkzNzgyQzAuMDE4NTUxOCA4LjQzNzA4IDAuMjQzMDMgOC44MTI1OSAwLjY0ODA2NiA5LjAwODg4QzEuMDE0MDYgOS4xODgxIDEuMzM2MTQgOS4yMTc5NyAyLjc3MDg1IDkuMjAwOTFDNC4xOTU3OSA5LjE4Mzg0IDQuMzA4MDMgOS4xNjY3NyA0LjY4ODY3IDguOTIzNTRDNC45NTcwNiA4Ljc0ODU4IDUuMTg2NDIgOC4yMjc5OSA1LjE4NjQyIDcuNzkyNzRWNy42NzMyNUgyLjYwMDA1SDAuMDEzNjcxOVY3LjkzNzgyWicgZmlsbD0nd2hpdGUnPjwvcGF0aD48cGF0aCBkPSdNMTkuODI2MiA3Ljg3MzA0QzE5LjgyNjIgNy45ODM5OSAxOS44NjUyIDguMTg4ODIgMTkuOTA5MSA4LjMyOTYzQzIwLjAxMTYgOC42NDk2NyAyMC4yODQ5IDguOTA1NyAyMC42MzYyIDkuMDEyMzhDMjEuMjQxNCA5LjIwMDE0IDIzLjY1MjEgOS4xODczNCAyNC4yMjc5IDguOTk1MzFDMjQuNzE1OSA4LjgzNzQzIDI0Ljk5ODkgOC40MzIwNCAyNC45OTg5IDcuODk4NjVWNy42NzI0OUgyMi40MTI1SDE5LjgyNjJWNy44NzMwNFonIGZpbGw9J3doaXRlJz48L3BhdGg+PC9zdmc+");
}
nav a.booking.button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0nZmlsdGVyJyB3aWR0aD0nMjVweCcgaGVpZ2h0PScyNXB4JyB2aWV3Qm94PSc1IDMwIDEnIHZlcnNpb249JzEuMScgeG1sOnNwYWNlPSdwcmVzZXJ2ZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGcgaWQ9J0xheWVyXzInPjxwYXRoIGZpbGw9JyNmZmZmZmYnIGQ9J00xMiw3YzAuNiwwLDEsMC40LDEsMWMwLDAuNiwwLjQsMSwxLDFoM2MwLjYsMCwxLTAuNCwxLTFjMC0zLjMtMi43LTYtNi02UzYsNC43LDYsOHYxMGMwLDIuMiwxLjgsNCw0LDRoNGMyLjIsMCw0LTEuOCw0LTQgdi0yLjhjMC0xLjgtMS4xLTMuMy0yLjctNGwtMi45LTEuMkMxMi4zLDEwLDEyLjEsMTAsMTIsMTBjLTAuNiwwLTEtMC40LTEtMVY4QzExLDcuNCwxMS40LDcsMTIsN3ogTTExLjgsMTJsMi44LDEuMSBjMC45LDAuNCwxLjUsMS4yLDEuNSwyLjFWMThjMCwxLjEtMC45LDItMiwyaC00Yy0xLjEsMC0yLTAuOS0yLTJWOGMwLTIuMiwxLjgtNCw0LTRjMS45LDAsMy40LDEuMywzLjksM2gtMWMtMC40LTEuMi0xLjUtMi0yLjgtMiBjLTEuNywwLTMsMS4zLTMsM3YxQzksMTAuNiwxMC4yLDExLjksMTEuOCwxMnonPjwvcGF0aD48L2c+PC9zdmc+");
}
.actionButton a {
    margin: 0 5px !important;
}
.actionButton {
}
.textpage nav a.button {width: min-content;}
.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.roomServises ::marker {
    content: "";
}

.roomServises li {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4MDBweCcgaGVpZ2h0PSc4MDBweCcgdmlld0JveD0nMCAwIDE2IDE2Jz48cGF0aCBmaWxsPScjNEU4OUE3JyBmaWxsLXJ1bGU9J2V2ZW5vZGQnIGQ9J00xNiw4IEMxNiwxMi40MTgzIDEyLjQxODMsMTYgOCwxNiBDMy41ODE3MiwxNiAwLDEyLjQxODMgMCw4IEMwLDMuNTgxNzIgMy41ODE3MiwwIDgsMCBDMTIuNDE4MywwIDE2LDMuNTgxNzIgMTYsOCBaIE05LDUgQzksNS41NTIyOCA4LjU1MjI5LDYgOCw2IEM3LjQ0NzcyLDYgNyw1LjU1MjI4IDcsNSBDNyw0LjQ0NzcyIDcuNDQ3NzIsNCA4LDQgQzguNTUyMjksNCA5LDQuNDQ3NzIgOSw1IFogTTgsNyBDNy40NDc3Miw3IDcsNy40NDc3MiA3LDggTDcsMTEgQzcsMTEuNTUyMyA3LjQ0NzcyLDEyIDgsMTIgQzguNTUyMjksMTIgOSwxMS41NTIzIDksMTEgTDksOCBDOSw3LjQ0NzcyIDguNTUyMjksNyA4LDcgWicvPjwvc3ZnPg==");
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: 0px 0.3em;
    padding-left: 1.5em;
    margin-bottom: 1em;
}
/* ============================================
   BUTTONS
   ============================================ */

.bbtn {
  margin: 2em auto !important;
  display: block;
  padding: 0.75em 2em;
  border: 1px solid #fff;
  width: max-content;
  border-radius: 50px;
}

.bbtn:hover {
  border: 2px solid #fff;
}

.bbtn2 {
  margin: 2em 0 !important;
  display: block;
  padding: 0.75em 2em;
  border: 1px solid #4E89A7;
  background: #4E89A7;
  width: max-content;
  border-radius: 5px;
  color: #fff !important;
}

.btn {
  margin: 2em 0 !important;
  padding: 0.75em 2em;
  border: 1px solid #4E89A7;
  background: #4E89A7;
  width: max-content;
  border-radius: 5px;
  color: #fff !important;
  border-radius: 2em !important;
}

.btn2:hover {
  background: unset !important;
  color: #4E89A7!important;
}
.hotel .hotelcard a.btn2 {
    position: absolute;
    bottom: 4em;
    text-align: center;
}
.btn2 {
  background-color: #4E89A7 !important;
  border-color: #4E89A7 !important;
  color: #fff !important;
  font-weight: bold !important;
  font-family: 'Raleway' !important;
  font-size: .8rem !important;
  padding: 1em 2.5em!important;
  min-width: 15em;
  border-radius: 2em;
  display: inline-block;
  border: 1px solid #4E89A7!important;
}
.btn3 {
  background-color: #4E89A7;
  border-color: #4E89A7;
  color: #fff !important;
  font-weight: bold;
  font-family: 'Raleway';
  font-size: 13px;
  padding: 1em 2.5em;
}

.hotelcard a.btn-1:hover {
  background-color: #fff;
  color: #b49b73 !important;
}

.hotelcard a.btn-2 {
  background-color: #fff;
  border-color: #b49b73;
  color: #b49b73 !important;
}

.hotelcard a.btn-2:hover {
  background-color: #b49b73;
  border-color: #b49b73;
  color: #FFF !important;
}

button.hotelbgimg {
  width: 300px !important;
  height: 12em !important;
  font-size: 0.8em;
  margin: 0;
  padding: 1em !important;
  border: unset !important;
  position: relative;
  background-size: cover;
}

button.hotelbgimg span{font-weight: bold;position: absolute;left: 0.5em;display: block;text-indent: 0.8em;bottom: 0.5em;font-size: 1.2em;color: #fff !important;text-shadow: 2px 2px 3px #000000;}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

/* ============================================
   CAROUSEL
   ============================================ */

#firstslide .carousel-item {
  transition: unset;
  height: 80vh;
  /* max-height: 650px; */
}

.carousel-caption {
  bottom: unset;
  top: 30%;
  color: #fff !important;
  text-shadow: 1px 1px 8px #333;
}

.carousel-caption>h1 {
  font-size: 108px;
  text-transform: uppercase;
}

.carousel-caption>p {
  width: 50%;
  margin: 0 auto;
  font-size: 105%;
}
#caruselRest button.carousel-control-prev,
#carouselHotels button.carousel-control-prev {
  margin-left: -10em;
}
#caruselRest .carousel-control-prev-icon,
#carouselHotels .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCAyMyA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjkxOTggMzguNjU1NkMyMi42ODI5IDM5LjM2OTkgMjIuMTE0MiA0MC4wMTI5IDIxLjQwMzQgNDAuMzdDMjEuMDYzOCA0MC41MzY3IDIwLjg5NzkgNDAuNTYwNSAyMC4xNzkyIDQwLjU2MDVDMTkuNDIxIDQwLjU2MDUgMTkuMzEwNSA0MC41NDQ3IDE4LjkxNTYgNDAuMzM4M0MxOC41NjAyIDQwLjE0NzggMTYuNzk4OSAzOC40MTc0IDkuNTAxMjIgMzEuMDkxMkMyLjAzNzY3IDIzLjU5ODIgMC40NzM4NzYgMjEuOTg2OSAwLjI2MDYzMiAyMS41OTAxQzAuMDE1Nzk1OSAyMS4xMzc2IDAgMjEuMDc0MSAwIDIwLjI4MDRDMCAxOS40ODY3IDAuMDE1Nzk1OSAxOS40MjMyIDAuMjYwNjMyIDE4Ljk3MDdDMC40NzM4NzYgMTguNTY1OSAyLjAyOTc3IDE2Ljk3MDUgOS41NDA3MSA5LjQzNzg2QzE2LjY5NjIgMi4yNTQ0OCAxOC42MzkxIDAuMzQ5NDk1IDE4Ljk1NTEgMC4xOTA3NDZDMTkuMjk0NyAwLjAyNDA2MzEgMTkuNDYwNSAwLjAwMDI0Nzk1NSAyMC4xNzkyIDAuMDAwMjQ3OTU1QzIwLjkzNzQgMC4wMDAyNDc5NTUgMjEuMDQ4IDAuMDI0MDYzMSAyMS40NTg3IDAuMjMwNDM0QzIyLjAwMzcgMC41MDgyNDQgMjIuNDYxNyAwLjk2ODYxNiAyMi43NjE5IDEuNTQ4MDVDMjIuOTU5MyAxLjk0NDkyIDIyLjk4MyAyLjA2Mzk4IDIyLjk4MyAyLjc3ODM1QzIyLjk4MyA0LjE2NzQgMjMuNjcwMSAzLjM3MzY2IDE0LjczNzYgMTIuMzU4OEw2Ljg3MTIxIDIwLjI4MDRMMTQuNzM3NiAyOC4xOTRDMjMuNTY3NSAzNy4wOTE5IDIyLjk1OTMgMzYuMzg1NSAyMi45OTg4IDM3LjY2MzRDMjMuMDA2NyAzOC4wNjAzIDIyLjk3NTEgMzguNDY1MSAyMi45MTk4IDM4LjY1NTZaIiBmaWxsPSIjNDE0MTQxIi8+Cjwvc3ZnPg==");
  background-size: 22px 37px;
  background-repeat: no-repeat;
  background-position: center;
}
#caruselRest button.carousel-control-next,
#carouselHotels button.carousel-control-next {
  right: -8em;
  margin-right: 15em;
}

#carouselHotels .carousel-item {
  height: 31em;
}
#caruselRest .carousel-control-next-icon,
#carouselHotels .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAyMiAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDc2Njk0NSAzNC4zNjA0QzAuMzAzMzMxIDM0Ljk5NTQgMC44NDcyNTggMzUuNTY2OSAxLjUyNzE3IDM1Ljg4NDRDMS44NTIwMSAzNi4wMzI1IDIuMDEwNjYgMzYuMDUzNyAyLjY5ODEyIDM2LjA1MzdDMy40MjMzNiAzNi4wNTM3IDMuNTI5MTIgMzYuMDM5NiAzLjkwNjg1IDM1Ljg1NjJDNC4yNDY4MSAzNS42ODY4IDUuOTMxNDcgMzQuMTQ4NyAxMi45MTE5IDI3LjYzNjVDMjAuMDUwOSAyMC45NzYxIDIxLjU0NjcgMTkuNTQzOCAyMS43NTA3IDE5LjE5MTFDMjEuOTg0OSAxOC43ODg5IDIyIDE4LjczMjUgMjIgMTguMDI2OUMyMiAxNy4zMjE0IDIxLjk4NDkgMTcuMjY0OSAyMS43NTA3IDE2Ljg2MjhDMjEuNTQ2NyAxNi41MDI5IDIwLjA1ODUgMTUuMDg0OCAxMi44NzQxIDguMzg5MUM2LjAyOTY4IDIuMDAzODcgNC4xNzEyNiAwLjMxMDU1MSAzLjg2OTA4IDAuMTY5NDQxQzMuNTQ0MjMgMC4wMjEyNzg0IDMuMzg1NTkgMC4wMDAxMTA2MjYgMi42OTgxMiAwLjAwMDExMDYyNkMxLjk3Mjg5IDAuMDAwMTEwNjI2IDEuODY3MTIgMC4wMjEyNzg0IDEuNDc0MjkgMC4yMDQ3MkMwLjk1MzAyMiAwLjQ1MTY2NCAwLjUxNDg1OCAwLjg2MDg4MiAwLjIyNzc4NSAxLjM3NTkzQzAuMDM4OTIxNCAxLjcyODcxIDAuMDE2MjU4MiAxLjgzNDU0IDAuMDE2MjU4MiAyLjQ2OTU0QzAuMDE2MjU4MiAzLjcwNDI1IC0wLjY0MDk4NyAyLjk5ODcgNy45MDMyMSAxMC45ODU1TDE1LjQyNzUgMTguMDI2OUw3LjkwMzIxIDI1LjA2MTJDLTAuNTQyNzggMzIuOTcwNSAwLjAzODkyMTQgMzIuMzQyNSAwLjAwMTE0ODIyIDMzLjQ3ODVDLTAuMDA2NDA2NzggMzMuODMxMiAwLjAyMzgxMTMgMzQuMTkxMSAwLjA3NjY5NDUgMzQuMzYwNFoiIGZpbGw9IiM0MTQxNDEiLz4KPC9zdmc+");
  background-size: 22px 37px;
  background-repeat: no-repeat;
  background-position: center;
}

#firstslide.roomlist .carousel-item {
  height: 600px !important;
  min-height: unset;
  /* background: #000000a6; */
}

.filter-brightness-30 {
    filter: brightness(30%);
}
.filter-brightness-40 {
    filter: brightness(40%);
}
.filter-brightness-50 {
    filter: brightness(50%);
}
.filter-brightness-60 {
    filter: brightness(60%);
}
.filter-brightness-70 {
    filter: brightness(70%);
}
.filter-brightness-80 {
    filter: brightness(80%);
}
.roomTemplate a.btn2 {
    position: absolute;
    left: 3em;
    bottom: 4em;
    text-align: center;
}
/* ============================================
   CARDS & COMPONENTS
   ============================================ */

.brownBox {
  color: #fff;
  background: url(/assets/images/bg2.svg) -200px/60em no-repeat,
    url(/assets/images/bg3.svg) 120%/ 50em no-repeat,
    #B49B73;
}
.brownBox .ccard {
  text-align: center;
  padding: 0.6em 2em;
  border: 2px solid #fff;
  background: #C8B79B;
  border-radius: 5px
}
.blueBox {
  background-color: #4E89A7;
  color: #fff;
  background: url(/assets/images/bg2.svg) -200px/60em no-repeat,
    url(/assets/images/bg3.svg) 120%/ 50em no-repeat,
    #4E89A7;
}


.blueBox .ccard {
  text-align: center;
  padding: 0.6em 2em;
  border: 2px solid #fff;
  background: #5d9ebe;
  border-radius: 5px
}

.brownBox .ccard h4 {
  text-align: center;
  font-size: 2.1em;
  margin-bottom: 0;
}

.brownBox .ccard p {
  text-align: center;
  padding: 0;
  margin: 0;
}

.hotelcard {
  min-height: 34em;
  overflow-y: auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.textpage .hotelcard .bgcover {
  min-height: 45em;
  height: 100% !important;
}
.hotelcard .bgcover {
  min-height: 31em;
  height: 100% !important;
}

.hotelminicards .caption {
  color: #fff !important;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  position: relative;
}

.hotelminicards .title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 10px;
  font-weight: bolder;
  text-shadow: 0px 0 5px #000;
  letter-spacing: 1px;
}

.actioncard {
  height: 490px;
}

.actioncard .caption {
  padding: 2em 1em;
  font-size: 25px;
  color: #ffffff !important;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  position: relative;
  word-break: break-word;
}

.actioncard .caption>div {
  position: relative;
}

.actioncard .caption .title {
  font-weight: 200;
  letter-spacing: 1px;
  min-height: 4em;
  line-height: normal;
}

.actioncard .card-button a{
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 2em;
    padding: 0.6em 2em;
    font-size: 0.8em;
}
.actioncard .card-button {
  z-index:1;
}

.actioncard .caption .introtext {
  font-size: 0.6em;
  letter-spacing: 1px;
  line-height: normal;
}

.background-tint, .bgcover {
  position: relative;
}
.background-img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.background-tint::after {
  background-color: rgb(0 0 0 / 50%);
  margin: auto;
  border-radius: 10px;
}
.background-muare::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: #716d6d57;
}
.background-nuare:hover::after {
  background-color: #21252900;
}

.background-nuare::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: #00000080;
}
.background-muare:hover::after {
  background-color: #a8262600;
}

.background-radius10, .background-radius10::after {
  border-radius: 10px;
}
.background-tint:hover::after {
  background-color: rgb(0 0 0 / 20%);
}

.hotelroomlist .roomslist .roomcard {
  min-width: 18em !important;
  max-width: 18em;
  min-height: 27em !important;
  margin: 5px;
  display: grid !important;
}

.section-cards .cards-list .scard
 {
  width: 18em !important;
  min-height: 27em !important;
  margin: 5px;
  display: grid !important;
}
.slik-slide .hotelroomlist .roomslist .roomcard
 {
  margin: unset !important;
}

.hotelroomlist .roomslist {
  margin-left: -130px;
  width: 68vw;
  /* overflow: hidden; */
}

.roomslist .roomcard .caption {
  padding: 1em;
  font-size: 16px;
  color: #ffffff !important;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  word-break: break-word;
}

.section-cards .cards-list .scard .caption {
  padding: 1em;
  font-size: 16px;
  color: #ffffff !important;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  word-break: break-word;
}
.roomslist .roomcard .caption .decs, {
  font-size: 17px;
  position: absolute;
  bottom: 1em;
}
.section-cards .cards-list .scard .caption .decs {
  font-size: 17px;
  position: absolute;
  bottom: 1em;
}

.roomslist .bi.slick-arrow {
  font-size: 14px;
  margin-left: 10px;
  margin-top: 3px;
  position: absolute;
  z-index: 1000;
  color: #4e89a7;
  bottom: -55px;
}
.section-cards .cards-list .scard .bi {
  font-size: 14px;
  position: relative
}
.roomslist .bi.bi-arrow-right-circle-fill {
    right: 20px;
}

.roomslist .bi.bi-arrow-left-circle-fill {
    left: 90px;
}

div#roomsCaruselbutton {
    position: relative;
    height: 2.5em;
}
div#roomsCaruselbutton button {
    position: absolute;
}

button.btn.btn-outline-secondary.rooms-next {
    right: 0;
}

.container.bookingfrm {
    position: relative;
    margin-top: -13em;
    margin-bottom: 8em;
}



.interescard {
  height: 490px;
}

.interescard .caption {
  padding: 2em 1em;
  font-size: 25px;
  color: #ffffff !important;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  position: relative;
  word-break: break-word;
}

.interescard .caption>div {
  position: relative;
}

.interescard .caption .title {
  font-weight: 200;
  letter-spacing: 1px;
  min-height: 4em;
  line-height: normal;
  font-size: 1.2em;
  text-transform: uppercase;
}

.interescard .card-button a{
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 2em;
    padding: 0.6em 2em;
    font-size: 0.8em;
}
.interescard .card-button {
  z-index:1;
}

.interescard .caption .introtext {
  font-size: 0.6em;
  letter-spacing: 1px;
  line-height: normal;
  display: none;
}
/* ============================================
   SECTIONS
   ============================================ */

div#stars {
  background-color: #B49B73;
  background-image: url(/images/stars3.svg);
  background-position: -40px -100px;
  background-repeat: no-repeat;
  background-size: 45%, 37%;
  height: 270px;
}

#stars .col {
  height: 120px;
  margin: 30px;
}

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

footer img.logo {
  width: 80px;
  margin: 20px 10px;
}

footer .title {
  font-size: 26px;
  font-family: 'Philosopher';
  text-transform: uppercase;
}

/* ============================================
   OTHER
   ============================================ */

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}

#carouselHotels .carousel-indicators {
    margin-top: 1em !important;
    position: relative;
    margin: unset;
}
a.nav-link.dropdown-toggle {
    background-size: 0.6em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTMnIGhlaWdodD0nNycgdmlld0JveD0nMCAwIDEzIDcnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTAuNjEwNTY4IDAuMDI0MjkzNEMwLjM4MTYwNSAwLjA5NjQwNjUgMC4xNzU1MzggMC4yNjk0NzcgMC4wNjEwNTY3IDAuNDg1ODE1QzAuMDA3NjMyMDkgMC41ODkxNzcgMCAwLjYzOTY1NiAwIDAuODU4Mzk3QzAgMS4wODkxNiAwLjAwNTA4ODA2IDEuMTIyODEgMC4wNzEyMzI5IDEuMjQzQzAuMTMyMjkgMS4zNTExNyAwLjY4Njg4OCAxLjg4NzIxIDMuMDM1MDMgNC4xMDgyOEM1LjQzNjU5IDYuMzc5ODMgNS45NTMwMyA2Ljg1NTc3IDYuMDgwMjMgNi45MjA2OEM2LjIyNTI0IDYuOTk1MTkgNi4yNDU2IDcgNi41IDdDNi43NTQ0IDcgNi43NzQ3NiA2Ljk5NTE5IDYuOTE5NzYgNi45MjA2OEM3LjA0OTUxIDYuODU1NzcgNy41NjA4NiA2LjM4MjIzIDkuOTc1MTUgNC4wOTYyNkMxMi4yNzc1IDEuOTE4NDYgMTIuODg4MSAxLjMyNzEzIDEyLjkzODkgMS4yMzA5OEMxMi45OTI0IDEuMTI3NjIgMTMgMS4wNzcxNCAxMyAwLjg1ODM5N0MxMyAwLjYyNzYzNyAxMi45OTI0IDAuNTkzOTg0IDEyLjkyNjIgMC40Njg5ODlDMTIuODM3MiAwLjMwMzEzIDEyLjY4OTYgMC4xNjM3MTIgMTIuNTAzOSAwLjA3MjM2ODZDMTIuMzc2NyAwLjAxMjI3NDcgMTIuMzM4NiAwLjAwNTA2MzUzIDEyLjEwOTYgMC4wMDUwNjM1M0MxMS42NjQ0IDAuMDA1MDYzNTMgMTEuOTE4OCAtMC4yMDQwNjMgOS4wMzg5NCAyLjUxNDU5TDYuNSA0LjkwODczTDMuOTYzNiAyLjUxNDU5QzEuMTExNzQgLTAuMTcyODE0IDEuMzM4MTYgMC4wMTIyNzQ3IDAuOTI4NTcxIDAuMDAwMjU2MDYyQzAuODAxMzcgLTAuMDAyMTQ3NjcgMC42NzE2MjQgMC4wMDc0NjcyNyAwLjYxMDU2OCAwLjAyNDI5MzRaJyBmaWxsPSd3aGl0ZScvPjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 0.8em !important;
}
.dropdown-toggle::after {
  display: none !important;
}
header li.nav-item {
    /* padding-right: 8px; */
}
.dropdown-item:hover, .dropdown-item:focus
 {
    color: #fff!important;
    background-color: #4e89a7 !important;
}

h4.star {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjgnIGhlaWdodD0nMjUnIHZpZXdCb3g9JzAgMCAyOCAyNScgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTMuNTA1MyAwLjEyMzFMMTMuMjI5IDAuMjUxOTc2TDExLjI5NDMgMy44MDQ0N0MxMC4yMzE4IDUuNzU0NDIgOS4zMjg5MSA3LjM4NDk4IDkuMjkyMDYgNy40MTg1OUM5LjI2MTM1IDcuNDUyMjEgNy4zMzg5NiA3LjcyNjc4IDUuMDIzNSA4LjAyOTM1QzAuMzMxMTYyIDguNjQ1NzIgMC4zNzQxNTQgOC42NDAxMSAwLjEzNDYyNCA5LjA3NzE3Qy0wLjAzNzM0NjkgOS4zNzk3NSAtMC4wNDM0ODg3IDkuNTkyNjcgMC4xMTAwNTYgOS44ODk2NUMwLjE4OTkgMTAuMDQ2NSAxLjE1NDE2IDEwLjkzMTkgMy4yOTc2NSAxMi44MzE0QzUuMjM4NDYgMTQuNTUxNiA2LjM2ODU2IDE1LjU4ODIgNi4zNzQ3IDE1LjY2MUM2LjM4MDg0IDE1LjcyMjcgNi4wNjE0NyAxNy40NTk3IDUuNjc0NTMgMTkuNTIxN0M1LjI4NzYgMjEuNTgzNyA0Ljk2ODIzIDIzLjM2IDQuOTY4MjMgMjMuNDYwOEM0Ljk2ODIzIDIzLjcyOTggNS4xNzcwNSAyNC4wNjA0IDUuNDI4ODYgMjQuMjA2MUM1LjYxMzEyIDI0LjMxMjUgNS43MTEzOCAyNC4zMjM3IDYuMDMwNzYgMjQuMzA2OUM2LjM5MzEyIDI0LjI3ODkgNi42MjY1MSAyNC4xNzgxIDEwLjIwNzIgMjIuNDUyMkwxMy45OTY3IDIwLjYzMTJMMTcuNzkyMyAyMi40NDY2QzE5Ljg3NDQgMjMuNDQ5NiAyMS42ODYyIDI0LjI5MDEgMjEuODE1MiAyNC4zMTI1QzIyLjQyOTQgMjQuNDQxNCAyMy4wMjUxIDI0LjAyNjggMjMuMDI1MSAyMy40NzJDMjMuMDI1MSAyMy4zNiAyMi43MDU4IDIxLjU3ODEgMjIuMzE4OCAxOS41MTYxQzIxLjkzMTkgMTcuNDQ4NSAyMS42MTI1IDE1LjcxNzEgMjEuNjEyNSAxNS42NzIzQzIxLjYxMjUgMTUuNjIxOCAyMy4wMDY3IDE0LjMzODcgMjQuNzE0MSAxMi44MjU4QzI3Ljg3NzIgMTAuMDA3MyAyOCA5Ljg4NDA1IDI4IDkuNDgwNjFDMjggOS4zOTY1NiAyNy45Mzg2IDkuMjExNjUgMjcuODY0OSA5LjA3NzE3QzI3LjYxOTIgOC42MzQ1MSAyNy42NjgzIDguNjQ1NzIgMjIuOTMzIDguMDIzNzVDMjAuNjA1MyA3LjcxNTU3IDE4LjY4OSA3LjQ0NjYxIDE4LjY3NjcgNy40MTg1OUMxOC42NjQ1IDcuMzkwNTggMTcuNzggNS43NjU2MiAxNi43MTE0IDMuODEwMDdMMTQuNzY0NCAwLjI1MTk3NkwxNC40ODggMC4xMjMxQzE0LjM0MDYgMC4wNTU4NjA1IDE0LjExOTUgLTAuMDAwMTcxNjYxIDEzLjk5NjcgLTAuMDAwMTcxNjYxQzEzLjg3MzggLTAuMDAwMTcxNjYxIDEzLjY1MjcgMC4wNTU4NjA1IDEzLjUwNTMgMC4xMjMxWicgZmlsbD0nd2hpdGUnLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: left 0.3em;
    background-size: 0.6em;
    width: max-content;
    padding-left: 0.8em;
    padding-right: 0.8em;
    padding-top: 0.5em;
    margin: 0 auto;
}

.raminagroup nav img.logo {
  width: 4em;
}
.card-title {
    font-size: 3em !important;
}
.card-body .card-text {
    /* font-size: 0.9em; */
}

div#actions {
    margin-top: 7em;
}

#block2 h2,#block3 h2, .block1 h2 {
    font-size: 3em !important;
}

a.btn.btn3 {
    background: #4E89A7;
    border-color: #4E89A7;
    color: #fff !important;
}
a.btn.btn3:hover {
    background: #fff;
    border-color: #4E89A7;
    color: #4E89A7 !important;
}

.container h2, .container-fluid h2 {
    font-size: 1.5em !important;
    margin-top: 2em;
    font-family: Raleway, Tahoma, sans-serif;
}
.hotel #firstslide h2 {
    font-size: 6.5em !important;
    margin-top: unset;
}
.section-cards .scard {
    height: 50em;
}

.section-cards .caption {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 2em;
    color: #fff;
}

.section-cards .caption .title {
    top: 1rem;
    position: absolute;
    padding: 1em;
    z-index: 1;
    font-size: 164%;
    line-height: 1.1;
}
.section-cards .caption .card-button {
    bottom: 1rem;
    position: absolute;
    padding: 1em;
    z-index: 1;
}
.section-cards .caption .card-button a{
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 2em;
    padding: 0.6em 2em;
    font-size: 0.8em;
}

body.textpage {padding-top: 7em;}
body.textpage header {}
body.textpage nav {
    height: 7em;
    padding: 0.5em 0;
}

.textpage h2.card-title {
    min-width: 50%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.3em;
}


.hotelcard .cardcontent {
    position: relative;
}

.hotelcard .cardcontent .card-button {
    position: absolute;
    bottom: 10px;
}

#HotelGallery .bigimg {
    min-height: 45em;
    position: relative;
}

.slick-initialized .slick-slide {
    margin: 5px;
}
/* ============================================
   MEDIA QUERIES - RESPONSIVE FONT SIZING
   Базовый размер шрифта: 13px при разрешении 1024×768
   ============================================ */

/* Мобильные устройства (до 480px) - ~6.1px */
@media (max-width: 480px) {
  body {
    font-size: 14px;
    /* ~6.1px */
  }
  .container-fluid {
  margin-top: 2em;
  margin-bottom: 1em;
}

  .blueBox .ccard {
  /* min-height: 8em; */
  padding: 1em 0 1px 0;
}
  .raminagroup nav img.logo {
  width: 3em;
}
  body.textpage {
    padding-top: 5em;
  }
  #HotelGallery .bigimg {
    min-height: 15em;
}
.gal-item img {
    width: 140px;
    height: 80px;
}
    div#actions {
    margin-top: 0em;
}
  #navbar .container {
  /* background: unset; */
  }
  nav.navbar:has(.navbar-collapse.show) {
  background-color: #343a40e3;
}
div#restorants img {
    min-height: 12em;
}
nav#navbar.onTop {
  background: #343a40e3;
}
    #navbar.onTop .container {
  /* background: #495057e8; */
  }

  .hotelcard .cardcontent .card-button {
    position: relative;
}
.card-title {
    font-size: 2em !important;
    line-height: 1em; /* относительно размера шрифта родителя */
    margin-top: 1em;
}
  header img.logo {
    width: 40px;
  }
  h1 {
  font-size: 2em !important;
    }
  #index #firstslide h2, .hotel #firstslide h2 {
    font-size: 44px !important;
  }
  .carousel-caption {
  top: 100px;
  margin: 0 !important;
  width: 90%;
  left: 5% !important;
}
  .carousel-caption>p {
  width: 100%;
  margin: 0 auto;
  font-size: 105%;
}
.container.bookingfrm {
    position: relative;
    margin-top: -28em;
    margin-bottom: 0em;
}
  
#firstslide .carousel-item {
  transition: unset;
  height: 122vh;
  /* max-height: 650px; */
}

#carouselHotels .carousel-item {
  height: unset;
}
.actioncard {
  min-height: 18em;
}
  .actioncard > .bgcover {
    min-height: 423px;
    min-width: 342px;
}
.actioncard .card-button a{
    background: #63636382;
}  
  #restorants .carousel-item {
    max-height: unset;
    min-height: unset;
}

#caruselRest button.carousel-control-prev,
#carouselHotels button.carousel-control-prev {
  margin-left: unset;
  left: -20px;
  top: 15%;
}
#caruselRest button.carousel-control-next, #carouselHotels button.carousel-control-next {
    right: 0;
    top: 15%;
    margin: unset;
}
.container h2, .container-fluid h2 {
    font-size: 1.5em !important;
}
button.navbar-toggler {
    color: #fff;
    font-size: 200%;
    border: 0;
    box-shadow: unset !important;
}
.anim-block-left,
.anim-block-right {
  opacity: unset;
  transition: unset;
}

.anim-block-left {
  transform: unset;
}

.anim-block-right {
  transform: unset;
}

.anim-block-left.in-view,
.anim-block-right.in-view {
  opacity: 1;
  transform: unset;
}  
  .hotel .hotelcard a.btn2 {
    position: unset;
    text-align: center;
}

  
.hotelroomlist .roomslist {
  margin-left: 0px;
  width: 100%;
  /* overflow: hidden; */
}
.roomslist .bi.bi-arrow-right-circle-fill {
    right: -5px;
  top: 50%
}

.roomslist .bi.bi-arrow-left-circle-fill {
    left: -15px;
  top: 50%
}

.hotelroomlist .roomslist .roomcard {
  min-width: unset;
  max-width: unset;
  min-height: 27em !important;
  margin: unset;
  display: grid !important;
}
#navbar {
    height: unset;
    padding: 0;
}
  
.section-cards .scard {
    height: 30em;
  font-size: 0.7em;
}
.roomTemplate a.btn2 {
    position: relative;
    bottom: unset;
    text-align: center;
}

  .l_plus_r  .row:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
}
.l_plus_r  .row:nth-child(even) .ccc {
    padding: 2em;
}
  .l_plus_r  .row .ccc {
    padding: 2em;
}
  .hotelcard .bgcover {
  min-height: 15em;
  height: 100% !important;
}
button.navbar-toggler.collapsed i.bi.bi-list{
    display:block;
}

button.navbar-toggler i.bi.bi-list{
    display:none;
}

button.navbar-toggler.collapsed i.bi.bi-x-lg{
    display:none;
}

button.navbar-toggler i.bi.bi-x-lg{
    display:block;
}
.actionButton a {
    margin: 0 5px !important;
    position: relative;
    display: inline !important;
}

.actionButton {
    margin-bottom: 2em;
    text-align: center;
    margin-top: 2em;
}

ul.navbar-nav {
    text-transform: uppercase;
    padding-top: 2em;
}
  ul.navbar-nav  li{
    margin-top: 0.2em;
}

ul.dropdown-menu {
    background: unset;
    color: unset;
    border: unset;
text-transform: none;
  margin-top: 0;
  padding-top:0;
}

div#caruselRest .item {
    max-width: 320px;
}
}

/* Планшеты маленькие (481px - 768px) - ~9.75px */
@media (min-width: 481px) and (max-width: 768px) {
  body {
    font-size: 14px !important;
    /* ~9.75px */
  }
    h1 {
  font-size: 2em !important;
    }
  #carouselHotels .carousel-item {
  height: unset;
}
.hotelcard .cardcontent .card-button {
    position: relative;
}
}

/* Планшеты (769px - 1024px) - до 13px */
@media (min-width: 769px) and (max-width: 1024px) {
  body {
    font-size: 10px !important;
    /* Масштабируется от ~9.8px до 13px */
  }
}

/* Базовое разрешение (1024px) - 13px */
@media (min-width: 1025px) and (max-width: 1280px) {
  body {
    font-size: 11px !important;
    /* Базовый размер */
  }
}

/* Десктоп средний (1281px - 1600px) - до ~20.3px */
@media (min-width: 1281px) and (max-width: 1366px) {
  body {
    font-size: calc(12px * 100vw / 1024) !important;
    /* Масштабируется от ~16.3px до ~20.3px */
  }
}

/* Десктоп средний (1281px - 1600px) - до ~20.3px */
@media (min-width: 1281px) and (max-width: 1400px) {
  body {
    font-size: calc(12px * 100vw / 1024) !important;
    /* Масштабируется от ~16.3px до ~20.3px */
  }
}

/* Десктоп большой (1601px - 1920px) - до ~24.4px */
@media (min-width: 1601px) and (max-width: 1920px) {
  body {
    font-size: 14px !important;
    /* Масштабируется от ~20.3px до ~24.4px */
  }
}

/* Десктоп очень большой (1921px+) - от ~24.4px */
@media (min-width: 1921px) {
  body {
    font-size: 18px !important;
    /* Продолжает масштабироваться пропорционально */
  }
}

/* Дополнительные медиа-запросы для существующих стилей */
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}