/* font color headers etc. #5c5858; <gray>*/
/* font color for links etc.  #8b8686; <gray lighter> */

/* font size big  3 rem */
/* font size small 1.5rem */
html {
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  margin: 0;
  user-select: none;
  background-color:white;
  font-family: Open Sanse;
 
}
footer {
  background-color: #181818;
  padding-bottom: 100px;
}
.child_select,
.adult_select {
  padding: 10px 10px 10px 10px;
  width: 190px;
  text-align: center;
  cursor: pointer;
}
.acco_cols_container {
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: 25%;
  margin-right: 25%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.option_adult,
.option_child {
  cursor: pointer;
}
.select_wrapper_child::before {
  content: url("./choice-people.svg");
  width: 30px;
  position: absolute;
  top: 10px;
  left: 20px;
}
.hidden_img_mid_text {
  height: 500px;
  width: 50%;
  box-shadow: 5px 5px 15px 5px #000000;
}
.mid_section_text3_hiden_container,
.mid_section_text3_hiden_container2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-bottom: 8%;
}

input[type="checkbox"] {
  background-color: #000000;
  -ms-transform: scale(2);
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  padding: 10px;
  margin-right: 30px;
  cursor: pointer;
}
.select_wrapper_adult,
.select_wrapper_child {
  position: relative;
  cursor: pointer;
}
.summary_container {
  margin: auto;
  width: 40%;
  margin-bottom: 100px;
}
.sum_apply_change {
  margin-top: 20px;
  padding: 20px 50px 20px 50px;
  font-size: 1.5rem;
  background-color: #181818;
  color: white;
  border: none;
  cursor: pointer;
}
#sum_sum_title {
  text-align: center;
  font-size: larger;
  font-weight: 700;
}
.sum_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.select_wrapper_adult::before {
  content: url("./choice-people.svg");
  width: 30px;
  position: absolute;
  top: 10px;
  left: 20px;
}
.checkbox_container {
  font-size: 1rem;

  margin-top: 10px;
  text-align: left;
  width: 100%;
}
.discount_div_container {
  margin-top: 50px;
  margin-bottom: 50px;
}
.discount_div::placeholder {
  text-align: center;
  color: #ffffff;
}
.discount_div {
  color: #ffffff;
  margin: auto;
  display: table;
  border: 2px solid black;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 40%;
  background-color: #181818;
}
.checkbox_container_main {
  margin: auto;
  display: table;
}
.accommodation_h1 {
  margin-top: 70px;
  margin-bottom: 70px;
  text-align: center;
  color: #5c5858;
}
.book_button_main {
  padding: 20px 50px 20px 50px;
  font-size: 1.5rem;
  background-color: #181818;
  color: white;
  border: none;
  cursor: pointer;
}
.title_container {
  display: table;
  margin: auto;
}
a {
  text-decoration: none;
  color: black;
}

body * {
}

/* --------------------nav-------------------- */

.hamb_icon {
  width: 30px;
  z-index: 99999999;
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  float: left;

  background-color: white;
  cursor: pointer;
}

.links_socials_book_container * {
  text-decoration: none;
}
.mobile_container {
  position: relative;
  width: 90vw;
  margin: auto;
}
.links_socials_book_container {
  display: flex;
  align-self: center;
}

.hotel_name_logo {
  font-size: 30px;
  color: #5c5858;
}
.main_text1_display_box {
}

.main_text2_display_box,
.main_text3_display_box,
.main_text4_display_box {
  display: none;
  animation: fadeIn 2s forwards;
}
.arrows_menu,
.icons_arrow_right {
  width: 14px;
  margin-left: 10px;
  filter: invert(57%) sepia(7%) saturate(168%) hue-rotate(314deg)
    brightness(92%) contrast(83%);
  /* converting svg color using filter */
}
.anchor_feedback_scroll2 {
  position: absolute;
  margin-top: 40%;
  visibility: hidden;
}
.chat_window {
  cursor: pointer;
  width: 80px;
  margin: auto;
  display: table;
  transition: 0.4s;
  animation: messenger_animation 1.5s infinite;
}
.chat_window:hover {
  transform: scale(1.3);
  transition: 0.4s;
}
.leave_feed_back_window {
  width: 100px;
  position: sticky;
  top: 80%;
  cursor: pointer;
  right: 0;
}
.feedback_input1 {
  background-color: #ffffff;
  color: black;
  outline: none;
  font-size: 1rem;
  text-align: center;
}
.feedback_input2 {
  text-align: center;
  background-color: #ffffff;
  color: black;
  outline: none;
  font-size: 1rem;
}
.feedback_button_window {
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  font-weight: 700;
  font-size: 1rem;
}
.feedback_button_window:hover {
  background-color: #000000;
  color: white;
  transition: 0.4s;
}
.feedback_input1::placeholder,
.feedback_input2::placeholder {
  text-align: center;
  color: rgb(0, 0, 0);
}
.feedback_area {
  outline: none;
  text-align: center;
}
.text_dispplay_after_send_feedback {
  font-size: 2rem;
  color: black;
  text-align: center;
}
.image_input {
  display: table;
  width: 100%;
  margin: auto;
  text-align: center;
}
.feedback_window {
  border: 10px solid rgb(0, 0, 0);
  outline: none;
  display: none;
  color: #ffffff;
  z-index: 9999;
  top: 60%;
  right: 0;
  position: sticky;
  width: 300px;
  animation: fadeIn 0.7s forwards;

  flex-direction: column;
}
.feedback_window_message {
  transition: 0.7s;
  outline: none;
  display: none;
  color: #ffffff;
  z-index: 9999;
  top: 60%;
  right: 0;
  position: sticky;
  width: 300px;
  animation: fadeIn 1s forwards;
}

.feedback_container_box {
  position: absolute;
  height: 100%;
  right: 0;
}
.feedback_box {
  position: relative;
}

.title_window {
  margin-top: 10px;
  text-align: center;
  font-weight: 600;
}
#rooms_nav_active,
#gallery_nav_active,
#staff_nav_active {
  cursor: pointer;
  filter: brightness(1.4);
  transition: 0.3s;
}
#rooms_text,
#food_text_p {
  visibility: hidden;
  font-size: 1.5rem;
}
.book_p {
  width: 50%;
  font-size: 1.5rem;
  color: #5c5858;
  text-align: left;
  margin: auto;
  line-height: 2rem;
}
.links_p {
  text-decoration: none;
  color: #8b8686;
  margin-left: 25px;
  font-size: 1.2rem;
}
.links_p_rooms {
  text-decoration: none;
  color: #8b8686;
  margin-left: 25px;
  font-size: 1.2rem;
}
.links_p:hover,
.Rooms_extra_nav:hover,
.staff_extra_nav:hover,
.menu_extra_nav:hover,
.menu_extra_nav:hover {
  filter: brightness(1.4);
  transition: 0.3s;
}

.logo_hamb_container {
  display: flex;
}

.logo {
  width: 50px;
  filter: invert(57%) sepia(7%) saturate(168%) hue-rotate(314deg)
    brightness(92%) contrast(83%);
  margin-bottom: 16px;
  margin-right: 15px;
}

.social_icons * {
  width: 25px;
  margin-left: 18px;
}

#facebook_icon * {
  width: 13px;
  margin-bottom: 4px;
}

.social_icon_img:hover {
  filter: invert(57%) sepia(7%) saturate(168%) hue-rotate(314deg)
    brightness(92%) contrast(83%);
  transition: 0.3s;
}

.nav_links_container {
  display: flex;
}

#nav {
  border-bottom: 3px solid rgba(128, 128, 128, 0.486);
  padding: 0px 6% 0px 6%;
  display: flex;
  justify-content: space-between;
  background-color: white;
  z-index: 999;
  width: auto;
  margin: auto;
}
.feedback_col2_title {
  color: #181818;
  width: 50%;
  margin: auto;
  padding: 40px;
}
.feedback_col2_title,
.feedback_text_2 {
  font-size: 2rem;
}
.feedback_col2_container_main {
  margin-top: 50px;
  flex-direction: column;
  height: 100%;
  margin: auto;
  display: table;
  width: 100%;
  animation: fadeIn_animaton 1s forwards;
}
.feedback_text_3 {
  font-size: 1.5rem;
  width: 70%;
}
.container_col2 {
  margin-left: 20%;
}
.service_icons_col1,
.service_icons_col2 {
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.texts_service {
  margin-top: 20%;
  text-align: left;
  margin-left: 20%;
  margin-right: 15%;
}
.room_hr {
  height: 2px;
  background-color: #8b8686;
}
.service_col_text_container {
  width: 50%;
  display: flex;
  color: white;
  flex-direction: column;
  background-color: #181818;
  padding-bottom: 200px;
}

.service_section_col_container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  -webkit-box-shadow: 1px 2px 21px 9px #000000;
  box-shadow: 1px 2px 21px 9px #000000;
}

.feedback_review_text {
  line-height: 2rem;
  font-size: 1.2rem;
  margin-bottom: 100px;
  width: 50%;
  margin: auto;
}
.members_section,
.staff_section {
  padding-bottom: 100px;
}
.feedback_section {
  height: 100%;
  margin-left: 5%;
  margin-right: 5%;
}
.members_group {
  text-align: center;
  font-size: 3rem;
  color: #5c5858;
}
.payment_container {
  margin-left: 30%;
  padding-bottom: 100px;
}
.memeber_name {
  font-size: 1.5rem;
  color: #181818;
  text-align: center;
}
.payment1_container {
  margin-bottom: 30px;
}
#payment1 {
  transform: scale(1.5);
}
.payment1_container p {
  padding-left: 26px;
  width: 50%;
}
.member_job {
  width: 100%;

  transform: translateY(-20px);
  font-size: 1.2rem;
  color: #5c5858;
  text-align: center;
}
.name_customer {
  line-height: 0.5rem;
  font-size: 1.5rem;
}
.beta_text_feedback {
  width: 50%;
}
.image_feedback_text_container {
  display: table;
  margin: auto;
  width: 50%;
}
.book_hr_mobile {
  width: 70%;
  margin: auto;
  margin-top: 70px;
}
.people_select_title_mobile {
  padding-bottom: 40px;
  font-weight: 700;
  margin: auto;
  display: none;
}
.line_feedback_col2 {
  border: 1px solid rgba(0, 0, 0, 0.24);
  width: 40%;
}
.arrow_img_container {
  position: relative;
}
.name_customer_container {
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  vertical-align: middle;
}

.feedback_stars_image {
  width: 20px;
}
.customer_img {
  width: 200px;
  height: 200px;
  border-radius: 100px;
}
.socials_container {
  margin-top: 10px;
  margin-left: 40px;
}
.feedback_container {
  margin: auto;
  display: flex;
  flex-direction: column;
  width: 100%;

  height: 100%;
}
.feedback_col1_text,
.feedback_col2_review {
  color: #5c5858;
  top: 0;
}
.booking_hr {
  display: none;
}
.square_container {
  display: table;
  padding-top: 30px;
  margin: auto;
  margin-bottom: 70px;
}
.info_input {
  padding: 10px 30px 10px 30px;
  margin-bottom: 10px;
}
.information_container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin: auto;
  width: 40%;
}
.feedback_col2_review {
  margin: auto;
  width: 100%;
  text-align: center;
  display: table;
}

.navigation_container {
  top: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
  display: block;
}

/* --------------------top_section------------------- */

#top_section {
  margin: 0;
  animation: fadeIn 1s forwards;
}

.top_section_video {
  width: 100%;
  height: 800px;
  object-fit: cover;

  filter: brightness(0.7);
}
.anchor_fade_in_effect_mid_text4 {
  position: absolute;
  transform: translateY(-100px);
}
.anchor_fade_in_effect_mid_text {
  position: absolute;
  transform: translateY(-100px);
}
.anchor_fade_in_effect_mid_text2 {
  position: absolute;
  transform: translateY(-150px);
}
.anchor_fade_in_effect_mid_text3 {
  position: absolute;
  transform: translateY(-150px);
}
.top_section_video_container {
  height: auto;
  width: 50%;
  margin: 0;
  -webkit-animation: very_top_slider_animation 20s infinite;
  -moz-animation: very_top_slider_animation 20s infinite;
  -o-animation: very_top_slider_animation 20s infinite;
  -ms-animation: very_top_slider_animation 20s infinite;
  animation: very_top_slider_animation 20s infinite;
}

.top_section_video_container_rooms {
  height: auto;
  width: 50%;
  margin: 0;
  -webkit-animation: very_top_slider_animation_rooms 20s infinite;
  -moz-animation: very_top_slider_animation_rooms 20s infinite;
  -o-animation: very_top_slider_animation_rooms 20s infinite;
  -ms-animation: very_top_slider_animation_rooms 20s infinite;
  animation: very_top_slider_animation_rooms 20s infinite;
}

.top_section_video_container_staff {
  height: auto;
  width: 50%;
  margin: 0;
  -webkit-animation: very_top_slider_animation_staff 20s infinite;
  -moz-animation: very_top_slider_animation_staff 20s infinite;
  -o-animation: very_top_slider_animation_staff 20s infinite;
  -ms-animation: very_top_slider_animation_staff 20s infinite;
  animation: very_top_slider_animation_staff 20s infinite;
}
.top_section_video_container_food {
  height: auto;
  width: 50%;
  margin: 0;
  -webkit-animation: very_top_slider_animation_food 20s infinite;
  -moz-animation: very_top_slider_animation_food 20s infinite;
  -o-animation: very_top_slider_animation_food 20s infinite;
  -ms-animation: very_top_slider_animation_food 20s infinite;
  animation: very_top_slider_animation_food 20s infinite;
}
.top_section_video_container_book {
  height: auto;
  width: 50%;
  margin: 0;
  -webkit-animation: very_top_slider_animation_book 20s infinite;
  -moz-animation: very_top_slider_animation_book 20s infinite;
  -o-animation: very_top_slider_animation_book 20s infinite;
  -ms-animation: very_top_slider_animation_book 20s infinite;
  animation: very_top_slider_animation_book 20s infinite;
}

#top_section_container {
  display: flex;
  justify-content: space-between;
  height: 800px;

  margin-left: 5%;
  margin-right: 5%;
}
.date_picker_hidden_desc {
  display: none;
}


.date_picker_container_book {
  margin: auto;
  margin-left: 25%;
  margin-right: 25%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.top_section_text {
  width: 50%;
  background-color: #181818;
  position: relative;
}

.top_section_text_container {
  position: relative;
  top: 35%;
  color: white;
  text-align: center;
  vertical-align: middle;
}
.food_section {
  padding-top: 50px;
  padding-bottom: 100px;
}
.food_groups {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 1.5rem;
  font-weight: 600;
  color: #5c5858;
  padding-bottom: 100px;
  margin-right: 5%;
  margin-left: 5%;
}
#navigation_food_images {
  display: none;
  position: sticky;
  top: 50%;
  width: 150px;
  z-index: 99;
  left: 90%;
}
.food_groups_mobile_fixed {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-size: 1.5rem;
  font-weight: 600;
  color: #5c5858;
  padding-bottom: 100px;
  margin-right: 5%;
  margin-left: 5%;
}
.text1_price_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  vertical-align: middle;
}
.dish_text1,
.dish_text1_price {
  font-size: 1.5rem;
  color: #181818;
  font-weight: 600;
}
.dish_text1_price {
}
.Check_in_clock {
  text-align: center;
  font-weight: 700;
}
.dish_text2 {
  font-size: 1rem;
  color: #8b8686;
  font-weight: 600;
  line-height: 2rem;
  margin-right: 20%;
}
.dish {
  text-align: left;
  width: 400px;
  vertical-align: top;
}
.food_images_section {
  margin-top: 100px;
}
.salads_dishes_cols,
.deserts_dishes_cols,
.drinks_dishes_cols,
.starters_dishes_cols {
  display: none;
  animation: fadeIn 0.7s forwards;
}

.main_dishes_cols {
  animation: fadeIn 0.7s forwards;
}
.main_row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: auto;
}
.food_section_container {
  position: relative;
}
#food1,
#food2,
#food3,
#food4,
#food5,
#food11,
#food22,
#food33,
#food44,
#food55 {
  padding: 10px 20px 10px 20px;
  cursor: pointer;
  transition: 0.2s;
}
.anchor_for_mobile_food_nav {
  position: absolute;
  top: 120%;
}
.anchor_for_mobile_food_nav4 {
  position: absolute;
  top: 260%;
}

.anchor_for_mobile_food_nav2 {
  position: absolute;
  top: 0%;
}
.anchor_for_mobile_food_nav3 {
  position: absolute;
  top: 0%;
  color: red;
}

.food_kind_active {
  background-color: #000000;
  color: white;
}
.food_kind {
  background-color: #ffffff;
  color: black;
}
#food1:hover,
#food2:hover,
#food3:hover,
#food4:hover,
#food5:hover {
  background-color: #000000;
  color: #ffffff;
}
.top_section_text1 {
  font-size: 3rem;
  text-shadow: 2px 2px 19px #ffffff;
}

.top_section_text2,
.top_section_text3 {
  font-size: 1.5rem;
}
.Rooms_extra_nav,
.staff_extra_nav,
.menu_extra_nav {
  text-decoration: none;
  color: #8b8686;
}
.book_button {
  background-color: white;
  color: #000000;
  border: none;
  border-radius: 5px;
  font-size: 1.5rem;
  width: 150px;

  transition: 0.5s;
  cursor: pointer;
  padding: 20px 60px 20px 60px;
}
.book_button_container {
}
.salad_col {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 80%;
  margin: auto;
  margin-bottom: 100px;
}
.starters_container,
.desert_container,
.salad_container,
.drinks_container {
  display: none;
  animation: fadeIn 0.7s forwards;
}
.main_container {
  animation: fadeIn 0.7s forwards;
}
.food_img_container {
  width: 50%;
}
.food_text_container {
  width: 50%;
  margin: auto;
}
.img_food_col {
  width: 40vw;
  height: 40vw;
  margin: auto;
  display: table;
}
.text_food_col {
  margin: auto;
  display: table;
  margin-left: 30%;
  font-size: 1.2rem;
  line-height: 2rem;
}

.button_container_top_text {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -80%);
}
#book_button_extra {
  position: absolute;
  top: 170%;
  left: 50%;
  transform: translate(-50%, -170%);
}
#book_button_extra_food {
  position: absolute;
  top: 200%;
  left: 50%;
  transform: translate(-50%, -200%);
}

.book_button:hover {
  transition: 0.3s;
  filter: brightness(20%);
}

/* --------------mid_section-------------------- */

.mid_section {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding-top: 5%;
  padding-right: 5%;
  padding-left: 5%;
  margin-bottom: 8%;
}
.footer_icon {
  width: 30px;
}
.footer_col_title {
  font-size: 1rem;
  font-weight: 800;
}
.footer_text1_logo_container {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
}
.footer_text1_logo_container p {
  line-height: 2rem;
}

.footer_icons_container {
  filter: invert(99%) sepia(2%) saturate(503%) hue-rotate(65deg)
    brightness(119%) contrast(100%);
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.hamb_wide_screen_icon,
.hamb_wide_screen_icon_rooms {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  cursor: pointer;
  width: 30px;
  background-color: white;
  padding: 15px;
  display: block;
}
#contact_nav,
#feedback_nav,
#gallery_nav,
#about_nav,
#more_nav {
  cursor: pointer;
}
#mid_section_img_bedroom {
  height: 700px;
  max-width: 100%;
  box-shadow: 5px 5px 15px 5px #000000;
}

.mobile_link {
  margin: auto;
  font-size: 1.3rem;
  cursor: pointer;
  transition: 0.1s;
  background-color: #ffffff;
  color: #181818;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobile_link:hover {
  transition: 0.1s;
  background-color: black;
  color: white;
}
.mobile_link_active {
  margin: auto;
  font-size: 1.3rem;
  cursor: pointer;
  transition: 0.1s;
  background-color: black;
  color: white;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobile_icon1 {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;

  /* filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(14deg) brightness(100%) contrast(104%); */
  width: 37px;
}
.mobile_icon2,
.mobile_icon22 {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;

  /* filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(14deg) brightness(100%) contrast(104%); */
  width: 30px;
}
.mobile_icon22 {
  position: absolute;
  right: 0;
  top: 0;
}
.footer_container {
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
#footer_fb {
  width: 20px;
}
.footer_hr {
  border: 1px solid rgba(255, 255, 255, 0.199);

  margin-top: 50px;
}
.footers_cols_text {
  margin-right: 5%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer_col {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.x_container {
  height: 50px;
  width: 90vw;
  margin: auto;
  position: relative;
}
.background_mobile {
  top: 0;
  position: fixed;
  width: 100vw;
  z-index: 9998;
  height: 300vw;
  background-color: #00000094;
  display: none;
}
.mobile_link_x_prev {
  width: 100%;

  background-color: white;
}
.mobile_nav_container {
  width: 100%;
  margin: auto;
}
.mobile_nav_content {
  position: relative;

  z-index: 9999;
  top: 0;
  animation: mobile_nav_animation 0.5s forwards;
  width: 100%;
  display: none;
  flex-direction: column;
  position: fixed;
  background-color: white;
  padding-bottom: 20px;
}
.mobile_nav_content_more {
  background-color: white;
  z-index: 9999;
  top: 0;
  animation: fadeIn 0.5s forwards;
  width: 100%;
  display: none;
  flex-direction: column;
  position: fixed;
  padding-bottom: 20px;
}

.extta_nav_container * {
  padding-left: 8px;
  padding-top: 20px;
  cursor: pointer;
}
.extra_nav_slide_down {
  animation: fadeIn2_menu_extra_nav 0.3s forwards;
  background-color: white;
  color: #8b8686;
  font-size: 1.2rem;
  position: fixed;
  top: 60px;
  padding: 20px;
  height: 130px;
  display: none;

  z-index: 99999999;
}
.extta_nav_container {
  display: flex;
  flex-direction: column;
}

.mid_section_text_container {
  text-align: left;
  visibility: hidden;
  padding-top: 10%;
  width: 50%;
}
.mobile_nav {
  padding-top: 10px;
  background-color: white;
  width: 100%;
  z-index: 997;
  position: fixed;
  height: 50px;
  top: 0;
  display: none;
}
.mobile_nav_book {
  top: 0;
  left: 0;
  position: absolute;
  border: 2px solid black;
  font-size: 1rem;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 800;
  background-color: white;
  transition: 0.4s;
  color: black;
  display: none;
}
.mobile_nav_book:hover,
.book_mobile_p:hover {
  background-color: black;
  transition: 0.4s;
  color: white;
}
.mid_section_text2 {
  font-size: 3rem;
  color: #5c5858;
}

.container_mobile_col1_mobile,
.container_mobile_col2_mobile {
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.feedback_button {
  font-size: 2rem;
  margin-bottom: 30px;
  background-color: #5c5858;
  color: white;
  border: none;
  padding: 20px 50px 20px 50px;
  top: 0;
}
.mid_section_text1 {
  background-color: #5c5858;
  color: white;
  border: none;
  padding: 20px 50px 20px 50px;
  font-size: 2rem;
  margin-bottom: 30px;
}

.mid_section_text3 {
  font-size: 1.5rem;
  color: #5c5858;
  line-height: 2rem;
  width: 70%;
}
.mid_section_text3_2 {
  width: 70%;

  text-align: left;
  float: right;
}
.mid_section_text3_21 {
  width: 70%;

  text-align: left;
  float: left;
}
.text_hidden_mid_container {
  width: 50%;
  align-self: center;
}
.mid_section_text3_hiden {
  font-size: 1.5rem;
  color: #5c5858;
  text-align: left;
  width: 90%;
  margin: auto;
  padding-bottom: 50px;
  display: none;
  animation: fadeIn2top 0.7s forwards;
  height: auto;
  line-height: 2rem;
}

.mid_section_text4 {
  font-size: 1.5rem;
  color: #5c5858;
  margin-bottom: 50px;
  text-align: center;
  display: table;
  margin: auto;
  cursor: pointer;
}
#book_p_text {
  visibility: hidden;
}

.rooms_section {
  padding-top: 100px;
}

.text_gallery1,
.rooms_title {
  text-decoration: underline;

  font-size: 4rem;
  color: #000000;
  text-align: center;
}

.text_gallery2,
.text_gallery3 {
  line-height: 2rem;
  font-size: 1.5rem;
  color: #5c5858;
  text-align: left;
  margin: auto;
  display: table;
  margin-bottom: 100px;
  border: none;
  border-radius: 10px;
}
.see_more_feedback,
.mid_section_text4 {
  margin-top: 30px;
  cursor: pointer;
  border: none;
  font-weight: 200;
  border-radius: 10px;
  background-color: white;
  color: #5c5858;
  transition: 0.4s;
}
.mid_section_text4 {
  margin-bottom: 100px;
}

.text_gallery3 {
  margin-top: 30px;
  cursor: pointer;
  border: none;
  font-weight: 200;
  border-radius: 10px;
  background-color: white;
  color: #5c5858;
  transition: 0.4s;
}
#arrows_gallery,
#feedback_arrow,
#read_more_arrow {
  transition: 0.3s;
}
.text_gallery3:hover {
  transform: scale(1.3);
  transition: 0.4s;
}
.see_more_feedback:hover,
.mid_section_text4:hover {
  transform: scale(1.2);
  transition: 0.4s;
}

.gallery_text_content {
  visibility: hidden;
  margin-left: 25%;
  margin-right: 25%;
  text-align: center;
  margin-bottom: 8%;
  margin-top: 8%;
}

.img_container {
  overflow: hidden;
  width: 50%;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
  margin: 0;
}

.gallery_container {
  width: 100%;
  display: block;
}
.hotel_offers_section {
  margin-bottom: 8%;
}
.gallery_section {
  transition: 0.7s;
  margin-right: 5%;
  margin-left: 5%;
  margin-bottom: 8%;
}
.service_section_col {
  background-color: #181818;

  width: 100%;
}
.service_icon {
  width: 50px;
  filter: invert(100%) sepia(95%) saturate(22%) hue-rotate(335deg)
    brightness(105%) contrast(106%);
}
.icons_near {
  width: 60px;
  margin-bottom: 30px;
}
.near_icon_text_container {
  position: relative;
}
.staff_section_container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: auto;
}
.staff_section_images_container {
  display: flex;
  justify-content: space-between;
}
.staff_image1,
.staff_image2 {
  width: 100%;
  height: 500px;
}
.near_img_hidden {
  display: none;
}
.near_text_icon1,
.near_text_icon1_change {
  font-size: 1.3rem;
  position: absolute;
  left: 90px;
  bottom: 50px;
}

#text_offers_slider {
  margin-left: 7%;
  margin-right: 7%;
}

.near_text_icon2,
.near_text_icon2_change {
  font-size: 1rem;
  position: absolute;
  left: 90px;
  bottom: 20px;
  color: #5c5858;
}
.icons_near_container_mobile {
  display: none;
}

.service_offers_col_mobile {
  display: none;
}

.text_service_offers {
  font-size: 1.5rem;
  color: #ffffff;
}
.about_hotel_section {
  background-color: #181818;
  position: relative;
}
.iframe_video_cross {
  width: 20px;
  filter: invert(100%) sepia(0%) saturate(7472%) hue-rotate(183deg)
    brightness(95%) contrast(106%);
  cursor: pointer;
  z-index: 999999;
}
.bg_color:hover {
  background-color: #181818;
  transition: 0.3s;
}
.bg_color {
  transition: 0.3s;
  cursor: pointer;
  background-color: #000000;
  z-index: 100000;
  padding: 20px;
  right: 0;
  position: absolute;
}
.hidden_video_iframe_content {
  width: 100vw;
  height: 100vw;
  position: fixed;
  z-index: 1000;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #00000096;
}
.iframe_container {
  position: absolute;
  width: 58vw;
  height: 38vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hidden_video_iframe {
  position: absolute;
  width: 50vw;
  height: 30vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about_section_hotel_container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: row;
  -webkit-box-shadow: 1px 2px 21px 9px #000000;
  box-shadow: 1px 2px 21px 9px #000000;
  color: white;
}

.text_big_about_container {
 margin: auto;
}
.text_small_about_container {
  padding-top: 40px;
  width: 50%;
  line-height: 3rem;
}
.about_text_2 {
  width: 70%;
  text-align: left;
}
.about_text_3 {
  width: 70%;
  text-align: left;
}
.watch_video_button {
  margin: auto;
  display: table;
  padding: 10px 30px 10px 30px;
  cursor: pointer;
  transition: 0.4s;
  background-color: #181818;
  color: white;
  border: 1px solid white;
  font-size: 1.2rem;
}
.watch_vide_arrow {
  width: 30px;
  filter: invert(100%) sepia(0%) saturate(7472%) hue-rotate(183deg)
    brightness(95%) contrast(106%);
  transition: 0.5s;
  vertical-align: middle;
}

.watch_video_button:hover {
  color: black;
  background-color: white;
}
.about_text_1 {
  font-size: 4rem;
  text-align: center;
}
.about_social {
  width: 40px;
}
.text_small_about_container {
  font-size: 1.5rem;
  text-align: center;
}
.text_service_offers_long {
  margin-right: 30%;
  font-size: 1rem;
  color: #ffffff;
  line-height: 2rem;
}
.service_container {
  width: 50%;
}
.service_offers_col {
  margin: auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.img_container_gallery1 {
  margin-right: 2%;
  width: 40%;

  overflow: hidden;
  margin-bottom: 2%;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}
.image_very_top {
  margin: 0;
  width: 100%;
  height: 800px;
}
.gallery_col3,
.gallery_col4 {
  display: none;
  margin-top: 2%;
  animation: fadeIn 1s forwards;
}
.gallery_col4 {
  padding-bottom: 100px;
}

.img_container_gallery2 {
  width: 60%;
  overflow: hidden;
  margin-bottom: 2%;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.img_container_gallery3 {
  width: 100%;
  overflow: hidden;
  margin-right: 2%;
  height: 400px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.img_container_gallery4 {
  width: 100%;
  overflow: hidden;
  margin-right: 2%;
  height: 400px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.img_container_gallery5 {
  width: 100%;
  overflow: hidden;
  height: 400px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.img_container_gallery_all {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  height: 500px;
}

.gallery_col1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  height: 400px;

  max-width: 100%;
}

.bed_img1,
.bed_img2,
.bed_img3,
.bed_img4,
.bed_img5 {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: 0.4s;
  filter: brightness(0.7);
  cursor: pointer;
}

.bed_img1:hover,
.bed_img2:hover,
.bed_img3:hover,
.bed_img4:hover,
.bed_img5:hover {
  transform: scale(1.2);
  transition: 0.4s;
  filter: brightness(1);
}

/* offers section */

.offers_text1_p {
  color: white;
  font-size: 4rem;
}
.offers_text1 {
  text-decoration: underline;
  font-size: 4rem;
  color: #000000;
  text-align: center;
}
.staff_text_p_1 {
  text-decoration: underline;
  font-size: 4rem;
  color: #000000;
  text-align: center;
}
.room_offer_text {
  position: absolute;
  bottom: 0;
  right: 5%;
  padding: 1vw;
  background-color: rgba(255, 255, 255, 0.644);
  color: black;
  font-size: 1.5rem;
}
.room_offer_container1,
.room_offer_container2,
.room_offer_container3,
.room_offer_container4,
.room_offer_container5,
.room_offer_container6,
.room_offer_container7,
.room_offer_container8 {
  width: 50%;
  position: relative;
}
.offers_text2 {
  text-align: left;
  line-height: 2rem;
  font-size: 1.5rem;
  color: #5c5858;
}
.offers_text2_p {
  text-align: left;
  line-height: 2rem;
  font-size: 1rem;
  color: #ffffff;
}
.member_img {
  width: 250px;
  height: 250px;
  margin: 20px;
  -webkit-box-shadow: 2px 9px 22px 0px #000000;
  box-shadow: 2px 9px 22px 0px #000000;
}
.memeber_img_container {
}
.members_col1,
.members_col2,
.members_col3 {
  width: 70%;
  margin: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.feedback_section_text_container {
  visibility: hidden;
}
.staff_text_p_2 {
  font-size: 1.5rem;
  color: #5c5858;
  text-align: left;
  width: 700px;
  margin: auto;
  line-height: 2rem;
}
.hotel_offers_section_text {
  margin-left: 25%;
  margin-right: 25%;
  text-align: center;
  margin-bottom: 8%;
  margin-top: 8%;
  visibility: hidden;
}
.offers_room_container_imgs,
.offers_room_container_imgs_food {
  display: flex;
  flex-direction: row;
  width: 90%;
  overflow: hidden;
  margin: auto;
  scroll-behavior: smooth;
}
.offers_room_container_imgs_food {
}
.slider_img_section {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 8%;
  margin-top: 8%;
}
.near_by_section {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 8%;
  margin-top: 8%;
}
.discout_p {
  position: absolute;
}
.near_img {
  width: 100%;
  height: 100%;
  margin: auto;
  display: table;
}
.near_by_container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.image_near_container,
.text_near_container {
  width: 50%;
}
.text_near_container {
  visibility: hidden;
}
.arrows_container {
  z-index: 8;
  position: absolute;
  bottom: 0;
  right: 0;
}
.near_slider_arrow {
  width: 20px;
  padding: 10px;
  background-color: white;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.near_slider_arrow:hover {
  filter: brightness(0.3);
  transition: 0.3s;
}
.near_box_slider {
  height: 100%;
  overflow: hidden;
  display: flex;
  width: 500px;
  position: relative;

  flex-direction: row;
}
.img_near_container_box {
  width: 500px;
  position: relative;
}
.img_near_container_box img{
  width: 500px;
  position: relative;
}
.near_text_box {
 position: absolute;
 z-index: 20;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 
  color: white;
  
}
.near_text_box p {
  font-size: 3rem;
  text-align: center;
  text-shadow: 2px 2px 19px #ffffff;
}
.near_img_slider {
  width: 500px;
  height: 100%;
  margin: 0;
  display: table;
  filter: brightness(0.6);
}
.image_near_container {
  height: 500px;
  overflow: hidden;
  display: flex;
  width: 500px;
  position: relative;
  margin-right: 100px;
  flex-direction: row;
  -webkit-box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgb(0 0 0 / 75%);
}
#near_text1 {
  text-align: center;
  font-size: 3rem;
  color: #5c5858;
}
#near_text2 {
  font-size: 1.2rem;
  text-align: left;
  color: #5c5858;
  line-height: 2rem;
  margin-left: 0%;
}
#wifi_icon {
  margin-left: 10px;
}
.slider_img {
  width: 50vw;
  height: 30vw;
}
.slider_img_food {
  width: 20vw;
  height: 20vw;
  filter: brightness(0.7);
}
.hotel_offers_section_container {
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 8%;
}
.hotel_offers_section_content {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
}

.offers_img {
  width: 17vw;
  height: 17vw;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

.offers_text3,
.offers_text4 {
  text-align: left;
  width: 80%;
}
.gray_container_background {
  padding-top: 70px;
  padding-bottom: 70px;
  background: rgb(109, 109, 124);
  background: linear-gradient(
    90deg,
    rgba(109, 109, 124, 1) 10%,
    rgba(205, 205, 218, 1) 61%,
    rgba(216, 216, 230, 1) 97%
  );
  transition: 0.7s;
}
.gray_container_background_feedback {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #5c5858;
  transition: 0.7s;
}
.offers_text3 {
  font-weight: 400;
  font-size: 2rem;
  color: #000000;
}
.avability_container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  height: 40vw;
}
.img_ava_container {
  width: 50%;
  margin: 0;
  height: 100%;
}
.booking_img {
  height: 40vw;
  width: 100%;
  margin: 0;
}
.get_in_touch_col {
  color: white;
}
.get_in_touch_col p {
  font-size: 1.2rem;
}
.get_in_touch_col hr {
  border: 1px solid rgba(255, 255, 255, 0.199);
  margin-right: 30%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.touch_header {
  color: #ffffff;
  font-size: 3rem;
}
.form_contact_col {
  display: flex;
  flex-direction: column;
}
.phone_icon {
  width: 20px;
  vertical-align: middle;
  margin-right: 20px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(77deg)
    brightness(103%) contrast(103%);
}
.email_icon {
  width: 30px;
  vertical-align: middle;
  margin-right: 20px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(77deg)
    brightness(103%) contrast(103%);
}

.form_button {
  margin: auto;
  width: 80%;
  cursor: pointer;
  padding: 10px;
  font-size: 1.2rem;
  background-color: white;
  transition: 0.4s;
  border: 1px solid white;
}
.form_button:hover {
  background-color: #181818;
  transition: 0.4s;
  color: black;
  color: white;
  border: 1px solid white;
}
.name_form,
.number_form,
.email_form,
.area_form {
  padding: 10px;
  background-color: #181818;
  border: 1px solid rgba(255, 255, 255, 0.233);
  resize: none;
  color: white;
}
.name_form::placeholder,
.number_form::placeholder,
.email_form::placeholder,
.area_form::placeholder {
  font-size: 1rem;
  color: white;
}
.form_contact_col * {
  margin-bottom: 30px;
}
.contact_section {
  width: 100vw;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #181818;
  -webkit-box-shadow: 1px -4px 15px 5px #000000;
  box-shadow: 1px -4px 15px 5px #000000;
}
.contact_section_container {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  background-color: #181818;
  width: 70%;
  margin: auto;
}
.get_in_touch_col,
.contact_col {
  width: 50%;
}
.text_ava_container {
  margin: 0;
  height: auto;
  width: 50%;
  background-color: #5c5858;
}
.text_ava_container_rooms {
  border-radius: 20px;
  width: 100%;
  color: #000000;
  padding-bottom: 60px;
}
.date_picker_book1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.date_picker_book1 * {
  margin: 10px;
}
.check_in_placeholder::placeholder {
  text-align: center;
}
.check_in_placeholder2::placeholder {
  text-align: center;
}
.content_check_in::before {
  content: url("./calendar-booking.svg");
  width: 30px;
  position: absolute;
  transform: translate(40px, 20px);
}
.content_check_in2:before {
  content: url("./calendar-booking.svg");
  width: 30px;
  position: absolute;
  transform: translate(40px, 20px);
}
.check_in_placeholder2,
.check_in_placeholder {
  padding: 10px;
  text-align: center;
}
#my_date_picker,
#my_date_picker2 {
  margin-top: 20px;
  margin-left: 20%;
  padding: 20px;
  background-color: #5c5858;
  border: 1px solid rgba(255, 255, 255, 0.425);
  user-select: none;
  padding-right: 10vw;
}
#my_date_picker_rooms,
#my_date_picker2_rooms {
  text-align: center;
  display: table;
  margin: auto;
  padding: 20px;
  background-color: #5c5858;
  border: 1px solid rgba(255, 255, 255, 0.425);
  user-select: none;
}
#my_date_picker_rooms::placeholder {
  color: white;
}
#my_date_picker2_rooms::placeholder {
  color: white;
}

.button_ava {
  margin-top: 20px;
  margin-left: 20%;
  padding: 10px 30px 10px 30px;
  font-size: 1.2rem;
  cursor: pointer;
}
.button_ava_rooms {
  margin-top: 20px;
  padding: 10px 30px 10px 30px;
  font-size: 1.5rem;
  cursor: pointer;
  width: 100%;
  background-color: #181818;
  color: #ffffff;
  transition: 0.3s;
}

#my_date_picker::placeholder,
#my_date_picker2::placeholder {
  color: white;
  font-size: 1rem;
  text-align: center;
}
.offers_text4 {
  font-size: 1.2rem;
  color: #5c5858;
  line-height: 2rem;
}

.book_text1 {
  margin-top: 10%;
  font-size: 2.5rem;
  color: white;
  width: 50%;
  margin-left: 20%;
}
.book_text1_rooms {
  padding-top: 30px;
  font-size: 1.5rem;
  color: rgb(0, 0, 0);
  margin: auto;
  text-align: center;
}
.book_text2_rooms {
  padding-bottom: 30px;
  padding-top: 30px;
  font-size: 1.2rem;
  color: rgb(0, 0, 0);
  margin: auto;
  text-align: center;
}
.book_text2 {
  font-size: 1.5rem;
  color: white;
  width: 50%;
  margin-left: 20%;
}
.avability_section {
  margin-top: 10%;
  margin-bottom: 10%;
}
.review_section {
  display: none;
  margin-top: 10%;
  margin-bottom: 10%;
  animation: fadeIn 1s forwards;
}
.col_offers {
  display: flex;
  flex-direction: column;
  width: 20%;
}
#review_text1 {
  padding-top: 100px;

  width: 60%;
  margin: auto;
  margin-bottom: 50px;
}
.starts_container_icons {
}
.star_icon {
  width: 30px;
}
.review_col_container {
  width: 20%;
  margin: auto;
}
.review_p {
  font-size: 1.2rem;
  line-height: 2rem;
}
.customer_review {
  width: 50%;
  margin-top: 100px;
  padding: 20px;
  margin: 100px auto 0 auto;

  background-color: #5c5858;
  color: white;
}
.all_col_review_container {
  text-align: center;
  color: #5c5858;
  font-size: 1.2rem;
  margin-top: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-left: 5%;
  margin-right: 5%;
}
.rooms_price {
  position: absolute;
  bottom: 0;
  left: 0;
  color: rgb(0, 0, 0);
  font-size: 1.8rem;
  background-color: rgba(255, 255, 255, 0.671);
  padding: 30px;
}
.rooms_title {
}
.rooms_room_desc_main_p1 {
  font-size: 1.5rem;
  color: #181818;
}
.rooms_room_desc_main_p2 {
  font-size: 1.2rem;
  color: #5c5858;
}
.img_rooms_room_container {
  position: relative;
}
.room_desc_text_img_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.rooms_room_desc {
  color: #5c5858;
  font-size: 1.2rem;
}
.staff_section {
  width: 100%;
}
.staff_section_text_container,
.staff_section_images_container {
}
.staff_section_text_container {
  color: #5c5858;
}
.staff_text1 {
  font-size: 1.5rem;
  width: 400px;
  margin-top: 20%;
  line-height: 2rem;
  visibility: hidden;
}
.staff_section_image1,
.staff_section_image2 {
  width: 300px;
  padding-right: 20px;
}
.service_icon_rooms {
  width: 25px;
  filter: invert(30%) sepia(0%) saturate(3229%) hue-rotate(315deg)
    brightness(150%) contrast(78%);
  padding: 7px;
}
.col_rooms_col_nav_ava {
  position: relative;
  width: 100%;
}
.ava_container {
  position: absolute;
  height: 100%;
  top: 0;

  left: 60%;
}
.check_ava_fixed_pos_section_rooms {
  
  width: 30vw;
  position: sticky;
  top: 200px;
  border: 5px solid black;
  animation: fadeIn 0.7 forwards;
}
.bed_room_rooms {
  width: 45vw;
  height: 25vw;
}
.rooms_room_container {
  width: 45%;
  margin-left: 10%;
  margin-bottom: 100px;
}
.arrow_img_container_mobile1,
.arrow_img_container_mobile2,
.arrow_img_container_mobile3,
.arrow_img_container_mobile4,
.arrow_img_container_mobile5 {
  width: 40px;
  display: none;
  margin-top: 50px;
  filter: invert(30%) sepia(0%) saturate(3229%) hue-rotate(315deg)
    brightness(100%) contrast(78%);
  cursor: pointer;
}
.see_more_feedback {
  display: table;
  font-size: 1.5rem;
  margin: auto;
}
.feedback_arrow_right,
.feedback_arrow_right2,
.feedback_arrow_right3,
.feedback_arrow_right4,
.feedback_arrow_right5 {
  width: 50px;
  cursor: pointer;
  transition: 0.4s;
}
.enail_link_p {
  color: white;
}
.feedback_arrow_right:hover,
.feedback_arrow_right2:hover,
.feedback_arrow_right3:hover,
.feedback_arrow_right4:hover,
.feedback_arrow_right5:hover {
  transform: scale(1.4);
}

.customer_plate0 {
  height: 500px;
  animation: fadeIn 1s forwards;
  display: flex;
  margin: auto;

  flex-direction: row;
}
.extra_feedback_img {
  width: 150px;
  height: 150px;
  border-radius: 75px;
}
.customer_plate1,
.customer_plate2,
.customer_plate3,
.customer_plate4 {
  margin: auto;
  width: 100%;
  flex-direction: row;
  display: none;
  animation: fadeIn 1s forwards;
  height: 500px;
}
.square_icon,
.square_icon_full {
  width: 30px;
  cursor: pointer;
  filter: invert(30%) sepia(0%) saturate(3229%) hue-rotate(315deg)
    brightness(100%) contrast(78%);
}
#review_text2 {
  width: 60%;
  margin: auto;
  padding-bottom: 50px;
}
.show_more_section {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  height: 100%;
}

.hr_line_review {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1250px) {
  .avability_section {
    height: 700px;
  }
  .avability_container {
    height: 60vw;
  }

  .booking_img {
    height: 60vw;
  }
}

@keyframes very_top_slider_animation_book {
  0% {
    background: url("./book\ \(1\).jpg"), url("./book\ \(2\).jpg"),
      url("./book\ \(3\).jpg"), url("./book\ \(4\).jpg"),
      url("./book\ \(5\).jpg");
    background-size: cover;
    background-position: center;
  }
  20% {
    background: url("./book\ \(1\).jpg");
    background-size: cover;
    background-position: center;
  }
  30% {
    background: url("./book\ \(2\).jpg");
    background-size: cover;
    background-position: center;
  }
  50% {
    background: url("./book\ \(3\).jpg");
    background-size: cover;
    background-position: center;
  }
  60% {
    background: url("./book\ \(4\).jpg");
    background-size: cover;
    background-position: center;
  }
  70% {
    background: url("./book\ \(5\).jpg");
    background-size: cover;
    background-position: center;
  }
  100% {
    background: url("./book\ \(1\).jpg");
    background-size: cover;
    background-position: center;
  }
}
@keyframes very_top_slider_animation_food {
  0% {
    background: url("./food\ \(2\).jpg"), url("./food\ \(3\).jpg"),
      url("./food\ \(4\).jpg"), url("./food\ \(5\).jpg"),
      url("./food\ \(6\).jpg");
    background-size: cover;
    background-position: center;
  }
  20% {
    background: url("./food\ \(2\).jpg");
    background-size: cover;
    background-position: center;
  }
  30% {
    background: url("./food\ \(3\).jpg");
    background-size: cover;
    background-position: center;
  }
  40% {
    background: url("./food\ \(4\).jpg");
    background-size: cover;
    background-position: center;
  }
  50% {
    background: url("./food\ \(5\).jpg");
    background-size: cover;
    background-position: center;
  }
  70% {
    background: url("./food\ \(6\).jpg");
    background-size: cover;
    background-position: center;
  }
  100% {
    background: url("./food\ \(2\).jpg");
    background-size: cover;
    background-position: center;
  }
}

@keyframes very_top_slider_animation_staff {
  0% {
    background: url("./staff3.jpg"), url("./staff2.jpg"), url("./staff4.jpg"),
      url("./staff5.jpg"), url("./staff6.jpg");
    background-size: cover;
  }
  20% {
    background: url("./staff3.jpg");
    background-size: cover;
  }
  30% {
    background: url("./staff2.jpg");
    background-size: cover;
  }
  40% {
    background: url("./staff4.jpg");
    background-size: cover;
  }
  50% {
    background: url("./staff5.jpg");
    background-size: cover;
  }
  70% {
    background: url("./staff6.jpg");
    background-size: cover;
  }
  100% {
    background: url("./staff3.jpg");
    background-size: cover;
  }
}

@keyframes very_top_slider_animation_rooms {
  0% {
    background: url("./room1.jpg"), url("./room2.jpg"), url("./room3.jpg"),
      url("./room4.jpg"), url("./room5.jpg");
    background-size: cover;
  }
  10% {
    background: url("./room1.jpg");
    background-size: cover;
  }
  20% {
    background: url("./room2.jpg");
    background-size: cover;
  }
  30% {
    background: url("./room3.jpg");
    background-size: cover;
  }
  50% {
    background: url("./room4.jpg");
    background-size: cover;
  }
  70% {
    background: url("./room5.jpg");
    background-size: cover;
  }
  100% {
    background: url("./room1.jpg");
    background-size: cover;
  }
}

@keyframes very_top_slider_animation {
  0% {
    background: url("./breakfast5.jpg"), url("./breakfast2.jpg"),
      url("./breakfast3.jpg"), url("./breakfast4.jpg"), url("./breakfast1.jpg");
    background-size: cover;
    background-position: center;
  }
  10% {
    background: url("./breakfast5.jpg");
    background-size: cover;
    background-position: center;
  }
  30% {
    background: url("./breakfast2.jpg");
    background-size: cover;
    background-position: center;
  }
  50% {
    background: url("./breakfast3.jpg");
    background-size: cover;
    background-position: center;
  }
  70% {
    background: url("./breakfast4.jpg");
    background-size: cover;
    background-position: center;
  }
  80% {
    background: url("./breakfast1.jpg");
    background-size: cover;
    background-position: center;
  }
  100% {
    background: url("./breakfast5.jpg");
    background-size: cover;
    background-position: center;
  }
}

@keyframes messenger_animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate_hamb {
  0% {
    transform: rotatez(0deg);
  }
  100% {
    transform: rotatez(90deg);
  }
}
@keyframes rotate_hamb_back {
  0% {
    transform: rotatez(90deg);
  }
  100% {
    transform: rotatez(0deg);
  }
}
@keyframes hide_nav_wide {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}

@keyframes animateBg {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 0%; }
}

@keyframes show_nav_wide {
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeIn2top {
  0% {
    height: 0px;
    transform: translateY(-100%);
    opacity: 0;
  }
  88% {
    height: 600px;
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    height: 100%;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeIn2 {
  0% {
    opacity: 0;
    height: 0px;
  }
  100% {
    opacity: 1;
    height: 130px;
  }
}
@keyframes fadeIn2_menu_extra_nav {
  0% {
    opacity: 0;
    height: 0px;
  }
  100% {
    opacity: 1;
    height: 170px;
  }
}
@keyframes fadeIn2_menu_extra_nav_close {
  0% {
    opacity: 1;
    height: 170px;
  }
  100% {
    opacity: 0;
    height: 0px;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn_extra {
  0% {
    opacity: 0;
    transform: translateY(-30%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeIn_animation {
  0% {
    opacity: 0;
    transform: translate(-50%, -90%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes fadeOut_animation {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -90%);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mobile_nav_animation {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes mobile_nav_animation2 {
  100% {
    transform: translateY(-100%);
  }
  0% {
    transform: translateY(0%);
  }
}

@media only screen and (max-width: 1200px) {
  .member_img {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (max-width: 1090px) {
  .member_img {
    width: 400px;
    height: 400px;
    margin: auto;
    display: table;
  }
  .members_col1 {
    flex-direction: column;
    width: 100%;
  }
  .members_col2 {
    flex-direction: column;
    width: 100%;
  }
  .members_col3 {
    flex-direction: column;
    width: 100%;
  }
  .staff_section_container {
    flex-direction: column;
  }
  .staff_text_p_2 {
    width: 90%;
  }
  .staff_text1 {
    margin: auto;
  }
  .staff_section_images_container {
    padding-top: 50px;
    flex-direction: column;
    margin: auto;
  }
  .staff_section_image1 {
    padding-right: 0;
    width: 60vw;
  }
  .staff_section_image2 {
    width: 60vw;
    padding-top: 50px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1000px) {
  .hidden_img_mid_text {
    width: 100%;
  }
  .text_hidden_mid_container {
    width: 100%;
  }
  .mid_section_text3_2 {
    width: 100%;
    text-align: left;
  }
  .mid_section_text3_21 {
    width: 100%;
    text-align: left;
  }
  .hidden_img_mid_text {
    width: 100%;
  }
  .mid_section_text3_hiden_container {
    flex-direction: column-reverse;
  }
  .mid_section_text3_hiden_container2 {
    flex-direction: column;
  }
  .food_groups {
    flex-direction: column;
    margin-left: 0%;
    padding-bottom: 70px;
  }
  .dish {
    width: 90%;
    padding-left: 5%;
  }
  .dish_text2 {
    margin: auto;
  }
  .main_row {
    flex-direction: column;
  }
  .img_container {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
  }
  .mid_section_text3 {
    width: 100%;
  }
  .mid_section_text_container {
    width: 100%;
  }
  .mid_section {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1015px) {
  .image_near_container {
    margin-top: 60px;
    margin: auto;
    height: 370px;
  }
  .beta_text_feedback {
    width: 100%;
  }
  .arrows_container {
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
  }

  .footer_text1_logo_container h1 {
    text-align: center;
  }
  .contact_section {
    padding-bottom: 50px;
  }

  footer {
    padding-bottom: 50px;
  }
  .footers_cols_text {
    display: none;
    width: 90vw;
    margin: auto;
  }
  .footer_icons_container {
    margin: auto;
    padding-top: 50px;
  }
  .footer_col {
    text-align: center;
    margin: auto;
  }

  .footer_text1_logo_container {
    width: 90vw;
  }
  .footer_container {
    flex-direction: column;
  }
  .top_section_text_container {
    top: 20%;
  }
  .summary_container {
    width: auto;
    margin-left: 5%;
    margin-right: 5%;
  }

  .dates_container {
    display: table;
    margin: auto;
  }
  .booking_hr {
    display: block;
    width: 70%;
    margin-top: 50px;
  }

  .date_picker_book1 {
    margin: auto;
    display: flex;
  }
  .date_picker_container_book {
    width: 100%;
    margin: auto;
    display: table;
  }
  #nav {
    width: 100%;
  }
  .logo_hamb_container {
    display: none;
  }
  .text_service_offers_long {
    margin-right: 5%;
  }
  .container_col2 {
    margin-left: 5%;
  }
  .offers_text1_p {
    font-size: 3rem;
  }
  .icons_near_container_mobile {
    margin-top: 70px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .near_col_mobile {
    flex-direction: row;
    justify-content: space-evenly;
    display: flex;
  }
  .icons_near_container {
    display: none;
  }
  .service_offers_col {
    width: 100%;
  }
  .texts_service {
    margin-top: 10%;
    margin-right: 5%;
    margin-left: 5%;
  }
  .service_col_text_container {
    width: 100%;
    padding-bottom: 100px;
  }
  .service_section_col_container {
    flex-direction: column;
    padding-bottom: 100px;
    width: 100%;
    height: 100%;
  }
  .mid_section_text3_hiden {
    width: 100%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .feedback_arrow_right {
    display: none;
  }
  .offers_text2_p {
    width: 100%;
  }
  .member_img {
  }
  .room_desc_text_img_container {
    flex-direction: column-reverse;
  }
  .feedback_arrow_right2 {
    display: none;
  }
  .feedback_arrow_right3 {
    display: none;
  }
  .feedback_arrow_right4 {
    display: none;
  }
  .feedback_arrow_right5 {
    display: none;
  }
  .arrow_img_container_mobile1 {
    width: 60px;
    display: table;
    margin: auto;
  }
  .arrow_img_container_mobile2 {
    width: 60px;
    display: table;
    margin: auto;
  }
  .arrow_img_container_mobile3 {
    width: 60px;
    display: table;
    margin: auto;
  }
  .arrow_img_container_mobile4 {
    width: 60px;
    display: table;
    margin: auto;
  }
  .arrow_img_container_mobile5 {
    width: 60px;
    display: table;
    margin: auto;
  }
  .customer_review {
    display: none;
  }
  .review_col_container {
    padding-bottom: 50px;
  }
  .customer_plate0 {
    text-align: center;
    flex-direction: column;
    height: 100%;
  }
  .customer_plate1 {
    text-align: center;
    flex-direction: column;
    height: 100%;
  }
  .customer_plate2 {
    text-align: center;
    flex-direction: column;
    height: 100%;
  }
  .customer_plate3 {
    text-align: center;
    flex-direction: column;
    height: 100%;
  }
  .customer_plate4 {
    text-align: center;
    flex-direction: column;
    height: 100%;
  }
  .customer_img {
    margin: auto;
    display: table;
  }
  .image_feedback_text_container {
    display: flex;
    margin: auto;
    flex-direction: column;
    width: 100%;
  }
  .feedback_col1_text {
    width: 100%;
  }

  .feedback_button {
    display: none;
  }
  .feedback_col2_review {
    width: 100%;
  }
  .feedback_text_3 {
    display: none;
  }
  .feedback_text_2 {
    display: none;
  }
  .square_container {
    display: none;
  }

  .feedback_container {
    width: 100%;

    flex-direction: column;
  }
  .top_section_video_container {
    height: 100%;
  }
  .top_section_video_container_rooms {
    height: 100%;
  }

  .top_section_video_container_staff {
    height: 100%;
  }
  .top_section_video_container_food {
    height: 100%;
  }
  .top_section_video_container_book {
    height: 100%;
  }
  .near_img_hidden {
    margin: auto;
  }
  .about_text_2 {
    width: 90%;

    text-align: left;
    margin-right: 5%;
  }

  .about_text_3 {
    width: 90%;

    text-align: left;
    margin-right: 5%;
  }
  .text_big_about_container {
    width: 100%;
  }
  .text_small_about_container {
    width: 100%;
    padding-left: 5%;
  }
  .about_section_hotel_container {
    flex-direction: column;
  }
  .text_ava_container {
    width: 100%;
    height: 800px;
    padding-bottom: 100px;
  }

  .avability_section {
    margin-bottom: 50%;
    padding-bottom: 100px;
  }
  .booking_img {
    width: 100vw;
  }
  .avability_container {
    flex-direction: column;
  }

  .hotel_offers_section_text {
    margin-left: 0%;
    margin-right: 0%;
  }
  #review_text1 {
    width: 100%;
  }
  #review_text2 {
    width: 100%;
    padding-bottom: 50px;
  }

  .all_col_review_container {
    flex-direction: column;
  }
  .hr_line_review {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .review_col_container {
    width: 100%;
  }
  .icons_near_container {
    margin-top: 60px;
  }
  .near_by_container {
    flex-direction: column-reverse;
  }

  .near_icon_text_container {
    position: relative;
  }
  .near_text_icon1 {
    position: static;
    text-align: center;
    margin: auto;
    width: 100%;
    display: table;
  }
  .near_text_icon2_change {
    position: static;
    text-align: center;
  }
  .near_text_icon1_change {
    position: static;
    text-align: center;
  }
  .near_text_icon2 {
    position: static;
    text-align: center;
  }
  .text_near_container {
    text-align: center;
  }

  .near_img_hidden {
    display: block;
    width: 80vw;
    height: 60vw;
  }
  .text_near_container {
    width: 100%;
  }
  #near_text1 {
    text-align: center;
  }
  #near_text2 {
    text-align: center;
  }

  .hotel_offers_section_content {
    flex-direction: column;
  }
  .room_offer_container1 {
    width: 100%;
  }
  .room_offer_container2 {
    width: 100%;
  }
  .room_offer_container3 {
    width: 100%;
  }
  .room_offer_container4 {
    width: 100%;
  }
  .room_offer_container5 {
    width: 100%;
  }
  .room_offer_container6 {
    width: 100%;
  }
  .room_offer_container7 {
    width: 100%;
  }
  .room_offer_container8 {
    width: 100%;
  }

  .offers_img {
    width: 100%;
    height: 80vw;
  }

  #offers_img_park {
    width: 90vw;
    height: 80vw;
  }

  .col_offers {
    margin: auto;
    width: 100%;
  }
  .slider_img {
    width: 100vw;
    height: 60vw;
  }

  .offers_text {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .offers_text3 {
    width: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 30px;
  }
  .offers_text4 {
    width: 100%;
    margin: auto;
    text-align: left;
  }
  .offers_img_container {
    margin: auto;
  }
}

@media only screen and (max-width: 850px) {
  .feedback_col2_review {
  }
  .member_img {
  }
}

@media only screen and (max-width: 816px) {
  .check_ava_fixed_pos_section_rooms {
    display: none;
  }
  .salad_col {
    width: 100%;
    flex-direction: column;
  }
  .food_img_container {
    width: 100%;
  }
  .text_food_col {
    margin-left: 6%;

    font-size: 1rem;
  }
  .food_text_container {
    width: 100%;
    margin: auto;
    display: table;
  }
  .img_food_col {
    width: 100%;
    height: 300px;
    margin: auto;
    display: table;
  }
  .links_socials_book_container {
    display: none;
  }
  .hamb_icon {
    display: block;
  }
  .mobile_nav {
    display: block;
  }
  .mobile_nav_book {
    display: block;
  }
  .hamb_wide_screen_icon {
    display: none;
  }
  .rooms_section {
    margin-top: 0;
  }
  .rooms_container {
    margin-left: 5%;
    margin-right: 5%;
  }
  .bed_room_rooms {
    width: 100%;
    height: 60vw;
    margin: auto;
    display: table;
  }
  .rooms_room_container {
    width: 100%;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 600px) {
  .contact_section_container {
    width: 100%;
  }
  .checkbox_container_main {
    display: block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
  }
  .book_button_main {
    padding: 15px 30px 15px 30px;
  }
  .sum_apply_change {
    padding: 15px 30px 15px 30px;
  }
  #nav {
    border-bottom: none;
  }
  #food_text_p {
    font-size: 1rem;
  }ar_slider_img
  #rooms_text {
    font-size: 1rem;
  }
  .beta_text_feedback {
    width: 100%;
  }
  .slider_img_food {
    width: 100vw;
    height: 50vw;
  }
  .book_p {
    width: 90vw;
    font-size: 1rem;
  }
  
  .image_near_container {
    width: 300px; 
  }
  #near_slider_img2 {
    width: 300px;
  }
  .near_img_slider {
    width: 300px;
  }
  .img_near_container_box img {
    width: 300px;
  }
  .img_near_container_box {
    width: 300px;
  }
  .near_box_slider {
    width: 300px;
  }
  .adult_select {
    width: 90vw;
    padding: 10px 30px 10px 30px;
  }
  .child_select {
    width: 90vw;
    padding: 10px 30px 10px 30px;
  }
  .check_in_placeholder2 {
    width: 90vw;
    padding: 0;
  }
  .check_in_placeholder {
    width: 90vw;
    padding: 0;
  }
  .people_select_title_mobile {
    display: block;
  }
  .book_button_container {
  }
  .book_button {
    padding: 10px 30px 10px 30px;
  }
  .content_check_in::before {
    transform: translate(20px, 10px);
  }
  .content_check_in2::before {
    transform: translate(20px, 10px);
  }
  .date_picker_book1 * {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .Check_in {
    font-size: 1rem;
  }
  .Check_in_clock {
    font-size: 1rem;
  }
  .feedback_container_box {
    display: none;
  }
  .gallery_col4 {
    padding-bottom: 0px;
  }
  .staff_text1 {
    font-size: 1rem;
  }
  .line_feedback_col2 {
    width: 80%;
  }
  .see_more_feedback {
    font-size: 1rem;
    margin-top: 30px;
  }
  .members_group {
    font-size: 2rem;
  }
  .member_img {
    width: 80vw;
    height: 60vw;
  }
  .members_col2 {
  }
  .members_col3 {
  }
  .members_col1 {
  }

  .staff_section_image1 {
    width: 80vw;
  }
  .staff_text1 {
    width: 90%;
  }
  .staff_image1 {
    height: 300px;
  }
  .staff_image2 {
    height: 300px;
  }
  .staff_section_image2 {
    width: 80vw;
  }
  .feedback_col2_review {
  }

  .service_icon_rooms {
    width: 20px;
  }
  .avability_section {
    height: 500px;
  }
  .avability_container {
    height: 80vw;
  }
  .booking_img {
    height: 80vw;
  }
  .touch_header {
    font-size: 2rem;
    margin-bottom: 60px;
  }
  .get_in_touch_col {
    width: 100%;
    text-align: center;
    margin: auto;
  }
  .number_form::placeholder {
    text-align: center;
  }
  .email_form::placeholder {
    text-align: center;
  }
  .area_form::placeholder {
    text-align: center;
  }
  .name_form::placeholder {
    text-align: center;
  }
  .contact_col {
    width: 100%;
    text-align: center;
    margin: auto;
  }
  .get_in_touch_col hr {
    margin-right: 0;
  }
  .contact_col {
    width: 100%;
  }
  .contact_section_container {
    flex-direction: column;
  }

  .service_offers_col_mobile {
    display: block;
  }
  .button_ava {
    padding: 10px 14px 10px 14px;
    margin: auto;
    display: table;
  }
  .date_picker_container {
    margin-top: 30px;
  }
  #my_date_picker {
    margin: auto;
    display: table;
  }
  #my_date_picker2 {
    margin: auto;
    display: table;
  }
  .feedback_col2_title {
    text-align: center;
    font-size: 1.2rem;
  }
  .feedback_review_text {
    font-size: 1rem;
    width: 100%;
    text-align: left;
  }
  .book_text1 {
    padding-top: 50px;
    font-size: 2rem;
    width: 100%;
    margin: 0;
    text-align: center;
    padding-bottom: 50px;
  }
  .book_text2 {
    font-size: 1rem;
    text-align: center;
    width: 90%;
    margin: auto;
  }
  .hidden_video_iframe_content {
    width: 100vw;
    height: 100%;
  }
  .hidden_video_iframe {
    width: 100vw;
    height: 100%;
  }
  .iframe_container {
    width: 100vw;
    height: 90vw;
  }
  .text_small_about_container {
    font-size: 1rem;
  }
  .about_text_1 {
    font-size: 1rem;
  }
  .watch_video_button {
    font: 1.5rem;
  }
  .gray_container_background {
    padding-bottom: 50px;
    padding-top: 50px;
    
  }
  .gray_container_background_feedback {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .all_col_review_container {
    margin-top: 20px;
  }

  .review_p {
    font-size: 1rem;
  }
  #near_text1 {
    font-size: 2rem;
  }
  .customer_review {
    font-size: 1rem;
    width: 30%;
    padding: 10px;
  }
  #near_text2 {
    font-size: 1rem;
    text-align: left;
  }

  .offers_text3 {
    font-size: 1.5rem;
  }
  .offers_text4 {
    font-size: 1rem;
  }
  .offers_text2 {
    font-size: 1rem;
  }
  .offers_text2_p {
    font-size: 1rem;
  }
  .staff_text_p_2 {
    font-size: 1rem;
    width: 90%;
  }

  .offers_text1 {
    font-size: 2rem;
  }
  .staff_text_p_1 {
    font-size: 2rem;
  }

  .rooms_title {
    font-size: 2rem;
  }

  .text_gallery1 {
    font-size: 2rem;
  }
  .text_gallery2 {
    font-size: 1rem;
  }
  .text_gallery3 {
    font-size: 1rem;
  }
  .mid_section_text4 {
    font-size: 1rem;
  }
  .mid_section_text3 {
    font-size: 1rem;
    width: 100%;
  }
  .mid_section_text3_hiden {
    font-size: 1rem;
    width: 100%;
  }
  .mid_section_text2 {
    font-size: 2rem;
  }
  .mid_section_text1 {
    font-size: 1.5rem;
    padding: 10px 30px 10px 30px;
  }

  #top_section_container {
    margin-left: 0%;
    margin-right: 0%;
    flex-direction: column-reverse;
  }
  .top_section_video,
  .top_section_video_container,
  .top_section_video_container_rooms {
    height: 700px;
  }
  .top_section_video_container_staff {
    height: 700px;
    width: 100%;
  }
  .top_section_video_container_food {
    height: 700px;
    width: 100%;
  }
  .top_section_video_container_book {
    height: 700px;
    width: 100%;
  }
  .top_section_video_container {
    width: 100%;
    height: 700px;
  }
  .top_section_video_container_rooms {
    width: 100%;
    height: 700px;
  }
  .top_section_text {
    width: 100%;
    height: 900px;
  }
  .book_button {
    margin-top: 20px;
  }

  .top_section_text2 {
    font-size: 1rem;
  }

  .top_section_text3 {
    font-size: 1rem;
  }

  .top_section_text1 {
    font-size: 2rem;
  }

  .service_icon {
    width: 50px;
  }
  .icons_near {
    width: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .hidden_img_mid_text {
    height: 400px;
  }
  .img_container {
    box-shadow: none;
  }

  .acco_cols_container {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
  .select_wrapper_adult {
    margin: auto auto 20px auto;
    display: table;
  }
  .select_wrapper_child {
    margin: auto auto 20px auto;
    display: table;
  }
  .payment_container {
    margin-left: 5%;
  }
  .payment1_container p {
    width: 90%;
  }
  .information_container {
    width: 90%;
  }
  .Check_in {
    display: none;
  }
  .Check_out_clock {
    display: none;
  }
  .Check_in_clock {
    display: none;
  }
  .date_picker_hidden_desc {
    display: block;
    text-align: center;
    font-weight: 700;
  }

  .navigation_food_images {
    display: none;
  }
  .food_groups_mobile_fixed {
    font-size: 1.2rem;
  }
  #mid_section_img_bedroom {
    height: 400px;
    width: 90%;
    margin: auto;
    display: table;
  }
  .mid_section_text1 {
    margin-left: 5%;
  }
  .near_img_hidden {
    display: block;
    width: 90vw;
    height: 60vw;
  }
  #near_text2 {
    margin-left: 0%;
  }
  .slider_img_section {
    margin-left: 0px;
    margin-right: 0px;
  }
  .mid_section_text3 {
    margin-left: 5%;
    margin-right: 5%;
  }
  .mid_section_text2 {
    margin-left: 5%;
    margin-right: 5%;
  }
  .mid_section {
    padding-right: 0%;
    padding-left: 0%;
  }

  body::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  body {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    overflow-x: hidden;
  }
}