body {
    background-color: white;
}
body.deep-purple-skin {
  background: white!important;
  background-color: white!important;
}
body.deep-purple-skin {
  background: white!important;
  background-color: white!important;
}

.dinamicImg {
  height: 25rem;
  object-fit: cover;
  border-radius: 12px;
}
.dinamicText {
  padding: 2rem 1rem 1rem;
  font-weight: 600;
  letter-spacing: 1.3px;
}
.dinamicDiv {
  padding: 3rem 0 5rem;
}

.blBg::before {
  backdrop-filter: blur(3px) contrast(90%);
  -webkit-backdrop-filter: blur(3px) contrast(90%);
}
.blBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px) contrast(90%);
  -webkit-backdrop-filter: blur(3px) contrast(90%);
}

.welcomeHead {
  font-size: 30px;
  letter-spacing: 3px;
  text-align: center;
  color: #ae9b8a;
  font-weight: 400;
}
.welcome-text {
  color: #ae9b8a;
  letter-spacing: 2.2px;
  line-height: 1.4;
  font-size: 20px;
  font-weight: 400;
  padding-top: 0!important;
}

.welcomeStyle {
  border-radius: 12px;
  width: 100%;
  height: 710px;
  object-fit: cover;
}

.photo-frame img {
  display: block;
}
.maximum {
  margin: 0 auto;
  float: none;
  width: 100%;
  max-width: 1560px;
}
.room_image {
  height: 29rem;
  object-fit: cover;
}
.bookBox {
  position: fixed;
  right: 32px;
  z-index: 3;
  bottom: 85px;
}
.bookBox2 {
  position: fixed;
  right: 32px;
  z-index: 11;
  bottom: 32px;
}
.bookImg {
  width: 7rem;
}
.slideTextMod .h1-responsive {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 15rem;
  font-size: 2.5rem!important;
}
.mainSlideBtn {
  top: 70%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -70%);
  z-index: 11;
  font-size: 1rem!important;
  min-width: 9rem;
}
@media screen and (max-width: 450px) {
  .slideTextMod .h1-responsive {
    position: absolute;
    left: 50%;
    top: 39%;
    transform: translate(-50%, -39%);
    font-size: 1.5rem!important;
  }
  .overlayM .mainSlideBtn {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%);
  }
}
.notificationBg {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 100000;
  background-color: #00000075;
  position: fixed;
  top: 0;
  left: 0;
}
.alert2 {
  padding: 3rem 2rem 2rem;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  width: 80%;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
  min-height: 15rem;
  text-align: center;
  border-radius: 15px;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 111111;
}
.black-skin .alert2 {
  background-color: #000000b0;
}
.cyan-skin .alert2 {
  background-color: #ffffffa1;
  color: #000;
}
.cyan-skin .closebtnNote {
  color: #000;
}
.mdb-skin .alert2 {
  background-color: #ffffff78;
}
.deep-purple-skin .alert2 {
  background-color: #ffffff78;
}
.indigo-skin .alert2 {
  background-color: #ffffff94;
  color: #000;
}
.indigo-skin .closebtnNote  {
  color: #000;
}
.grey-skin .alert2 {
  background-color: #ffffffc4;
  color: #000;
}
.grey-skin .closebtnNote  {
  color: #000;
}
.pink-skin .alert2 {
  background-color: #00000094;
}
.light-blue-skin .alert2 {
  background-color: #0000005e;
}
.closebtnNote {
  margin-left: 15px;
  color: #000000ab;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  position: absolute;
  top: 1rem;
  right: 1rem;
}

.closebtnNote:hover {
  color: black;
}
.RoomSwiper{
  max-height: 32rem;
}
.indigo-skin input[type=text]:focus:not([readonly]) {
  color: #000!important;
}
.indigo-skin textarea.md-textarea:focus:not([readonly]) {
  color: #000!important;
}
.dinamicDiv {
  padding: 9rem 0;
}
.room_image {
  max-height: 35rem;
  object-fit: cover;
}
.carousel-inner {
  padding-top: 6rem;
}
.badge-pill {
  color: #000!important;
}
.featuredImgSize {
  height: 35rem!important;
  object-fit: cover;
}
.carouselBox {
  position: relative;
}
.slider_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**** slider***/
.mainText-01 {
  font-size: 6.25rem;
  color: #ffffff;
  line-height: 1;
}
#home {
  overflow: hidden;
  height: 100vh;
  position: relative;
  z-index: 0;
}

#home .slider {
  position: relative;
  overflow: hidden;
  max-width: 100vw;
  height: 100vh;
  background: #fff;
}

.slider .slidea {
  position: absolute;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  transition: 2s;
}

.slider .slidea.active {
  opacity: 1;
  z-index: 10;
}

.slider .slidea img {
  width: calc(100% + 20rem);
  position: absolute;
  object-fit: cover;
  left: 0rem;
  transition: 6s linear;
  height: inherit;
}

.slider .slidea.left img {
  left: -20rem;
}

.slider .slidea.active img {
  left: -20rem;
}

#home .overlayM {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 10;
  max-width: 1180px;
  margin: 0 calc((100vw - 1180px) / 2);
  animation-duration: 1.5s;
}

#home .overlayM .mainText-01 {
  max-width: 66rem;
}

.sliderarrows {
  position: absolute;
  bottom: calc(6rem + 6px);
  left: 0;
  display: flex;
}
#videoBox {
  height: 15rem!important;
}
#videoInnerBox {
  height: 15rem!important;
}
.sliderarrows a {
  display: block;
  font-size: 1.5rem;
  color: transparent;
  border: 1px solid #ffffff;
  border-radius: 100%;
  width: 4rem;
  height: 4rem;
  text-decoration: none;
  text-align: center;
  line-height: 3rem;
  font-weight: lighter;
  position: relative;
}

.sliderarrows a::before,
.sliderarrows a::after {
  content: '';
  width: 2px;
  height: 1.2rem;
  background: #ffffff;
  position: absolute;
  top: 1rem;
  left: 1.85rem;
  transform: rotate(55deg);
}

.sliderarrows a::after {
  transform: rotate(-55deg);
  top: 1.65rem;
}

.sliderarrows a:nth-child(2) {
  transform: rotate(180deg);
  margin-left: .8rem;
}

@media(min-height: 72vw) {
  .slider .slidea img {
    width: auto;
    height: calc(100% + 10rem);
    position: absolute;
    left: 0;
    top: auto;
    transition: 2.5s 1.5s;
  }

  .slider .slidea.active img {
    left: -20%;
  }
}

@media(max-width: 1600px) {

  #home .overlayM,
  .wrapper {
    width: calc(100% - 22rem);
    margin: 0 11rem;
  }
}
@media screen and (max-width:830px) {
  .sliderarrows {
    left: calc(14rem + 50px);
    bottom: calc(6rem + 6px);
  }

  .mainText-01 {
    position: absolute;
    top: 6.81rem;
  }
}

@media(max-width: 800px) {
  #home .wrapper {
    width: calc(100% - 5rem);
    margin-left: 2.5rem;
  }
  /*
  #home {
    min-height: 650px;
  }
  */
}

@media(max-width: 640px) {
  .mainText-01 {
    font-size: 5rem;
  }

  #home .overlayM {
    padding-top: 13rem;
    align-items: flex-start;
  }
}

@media(max-width: 580px) {
  .mainText-01 {
    font-size: 2.84rem;
    line-height: 1.2;
  }

  #home .overlayM {
    align-items: center;
    padding-top: 0;
  }
}

@media(max-width: 600px) and (max-height: 860px) {
  #home .overlayM {
    align-items: center;
  }
}
@media screen and (max-width:500px) {
  .bookImg {
    width: 5rem;
  }
}
@media screen and (max-width:420px) {
  .sliderarrows {
    position: absolute;
    bottom: calc(8rem + 6px);
    left: 0;
  }
  .mainText-01 {
    position: unset;
  }

  #home .overlayM {
    height: 80vh;
  }
}
/***888***/
.h1-responsive {
  font-size: 2.5rem!important;
}
.sliderShadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000005c;
}
.pink-skin a {
  color: #000;
}
.pink-skin .premiumBtn {
  color: #681616;
}
.pink-skin .premiumBtn:hover {
  color: #000;
}
.grey-skin .premiumBtn {
  color: #1e2022!important;
}
.grey-skin .premiumBtn:hover {
  color: #fff!important;
}
.hotelLogo {
    width: 6rem;
}
.light-blue-skin a {
  color: #BFEAF5!important;
}
.light-blue-skin a:hover{
  color: #a4c8d2!important;
}
.sideBtn {
    font-size: 1.5rem;
    font-weight: 400;
    color: #000410;
}
.language-button21 {
    box-shadow: none!important;
    font-weight: bold;
    font-size: 1.4rem;
}
.dropdown21 {
    min-width: 5rem!important;
}
.otherLang21 {
    font-weight: bold!important;
    font-size: 1.3rem!important;
    box-shadow: none!important;
}
.overlay1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: 0.5s;
    border-right: thin solid rgb(0 0 0 / 27%);
  }
  

  #zorg {
    width: 0;
    height: 100%;
    background: #000000b0;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  .white-skin .overlay1 {
    background-color: #bab6a0;
  }
  .cyan-skin .overlay1 {
    background-color: #114861;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
    border-right: thin solid #114861;
  }
  .grey-skin .overlay1 {
    background-color: silver;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
    border-right: thin solid silver;
  }
  .deep-purple-skin .overlay1 {
    background-color: #1e2023;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
    border-right: thin solid #1e2023;
  }
  .deep-purple-skin .side-special:hover{
    color: gray!important;
  }

  .mdb-skin .overlay1 {
    background-color: #243a51;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
    border-right: thin solid #243a51;
  }
  .light-blue-skin .overlay1 {
    background-color: #BFEAF5;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .light-blue-skin .overlay1 a {
    color: #000!important;
  }
  .light-blue-skin .overlay1 a:hover {
    color: #0000006e!important;;
  }
  .black-skin .overlay1 {
    background-color: #222;
    color: #fff;
  }
  .pink-skin .overlay1 {
    background-color: #FCD1D1;
    color: #000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
    border-right: thin solid #FCD1D1;
  }
  .indigo-skin .overlay1 {
    background-color: #3C6255;
    box-shadow: rgba(0, 0, 0, 0.836) 0px 7px 29px 0px!important;
    border-right: thin solid #3C6255;
  }
  .black-skin .navbar {
    background-color: #222;
    color: #fff;
  }
  .pink-skin .navbar {
    background-color: #FCD1D1;
    color: #000;
    box-shadow: none
  }
  .indigo-skin .navbar {
    background-color: #3C6255;
    color: #fff;
  }
  .light-blue .navbar{
    background-color: #BFEAF5;
  }
  .indigo-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover {
    background-color: #3C6255;
  }
  .overlay-content1 {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    list-style: none;
    z-index: 10000;
  }
  
  .overlay1 a {
    padding: 8px;
    font-weight: bold;
    text-decoration: none;
    color: #f1f1f1!important;
    display: block;
  
  }
  
  .side-special {
    opacity: 0;
    font-size: 36px;
  }
  
  .overlay1 a:hover,
  .overlay1 a:focus {
    color: #000410!important;
  }
  .mdb-skin .overlay1 a:hover {
    color: #33b5e5!important;
  }
  .mdb-skin .overlay1 a:focus {
    color: #33b5e5!important;
  }
  .pink-skin .overlay1 a {
    color: #000!important;
  }
  .pink-skin .overlay1 a:focus {
    color: #000!important;
  }
  .pink-skin .overlay1 a:hover{
    color: #681616!important;
  }
  .pink-skin .overlay1 a:focus {
    color: #681616!important;
  }
  .closebtn {
    position: absolute;
    top: 20px;
    left: 45px;
    font-size: 60px;
  }
  
  .special-li a {
    display: inline-block;
  }
  .nav21 {
    padding: 0 2rem 0 3rem!important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2!important;
  }
  .jz35 {
    padding: 0 2rem;
  }
  .reservation-div21 {
    position: relative;
    z-index: 1;
    padding: 0 22%;
  }
  .grey-skin .reservation-div21 {
    border-bottom-style: solid;
    border-bottom-width: thin;
  }
  .deep-purple-skin .reservation-main-div {
    background-color: #1e2023!important;
    color: #fff!important;
  }
  .grey-skin .reservation-main-div {
    background-color: silver!important;
    color: #fff;
  }
  .deep-purple-skin #adults_amount::placeholder {
    color: gray!important;
  }
  .deep-purple-skin #adults_amount {
    color: gray!important;
  }
  .deep-purple-skin #kids_amount::placeholder {
    color: gray!important;
  }
  .deep-purple-skin #kids_amount {
    color: gray!important;
  }
  .deep-purple-skin #checkout_date::placeholder {
    color: gray!important;
  }
  .deep-purple-skin #checkout_date {
    color: gray!important;
  }
  .deep-purple-skin #checkin_date::placeholder {
    color: gray!important;
  }
  .deep-purple-skin #checkin_date {
    color: gray!important;
  }
  .deep-purple-skin .reservationText {
    color: gray!important;
    border-color: #1e2023!important;
  }
  .grey-skin .reservationText {
    border-color: silver!important;
  }
  .white-skin .welcome21 {
    background-color: #bab6a0;
  }
  .cyan-skin .welcome21 {
    background-color: #114861;
    color: #fff;
  }
  .deep-purple-skin .welcome21 {
    background-color: #7f7e91;
    color: #1e2023;
  }
  .light-blue-skin .welcome21 {
    background-color: #BFEAF5;
  }
  .mdb-skin .welcome21 {
    background-color: #243a51;
    color: white;
  }
  .pink-skin .welcome21 {
    background-color: #FCD1D1;
  }
  .indigo-skin .welcome21 {
    background-color: #3C6255;
    color: #fff;
  }
  .black-skin .welcome21 {
    background-color: #222;
    color: #fff;
  }
  .cyan-skin .roomsBtn{
    background-color: #114861;
    transition: 0.3s;
  }
  .cyan-skin .roomsBtn:hover{
    background-color: #ffa742;
    color: #114861;
    transition: 0.3s;
  }
  .grey-skin .roomsBtn {
    background-color: silver;
    border-color: #1e2022;
    border-style: solid;
    border-width: thin;
    color: #1e2022;
  }
  .grey-skin .roomsBtn:hover {
    border-color: #5e6367;
  }
  .grey-skin .roomsName a{
    color: #1e2022!important;
  }
  .light-blue-skin .roomsName a{
    color: #000!important;
  }
  .light-blue-skin .roomsBtn {
    background-color: #BFEAF5;
    color: #000!important;
    border-style: solid;
    border-width: thin;
    border-color: #fff;
    transition: 0.3s;
  }
  .light-blue-skin .roomsBtn:hover {
    background-color: #91D8E4;
    color: #000!important;
    border-color: #BFEAF5;
    transition: 0.3s;
  }
  .pink-skin .roomsBtn{
    background-color: #FCD1D1;
    transition: 0.3s;
    border-style: solid;
    border-width: thin;
    border-color: white;
  }
  .pink-skin .roomsBtn:hover{
    background-color: white;
    color: #FCD1D1;
    text-shadow: #000;
    border-color: #FCD1D1;
    transition: 0.3s;
  }
  .mdb-skin .roomsBtn {
    background-color: #243a51;
    color: white;
  }
  .mdb-skin .roomsBtn:hover {
    background-color: #33b5e5;
    color: white;
  }
  .black-skin .roomsBtn {
    background-color: #222;
    color: #fff;
    border-style: solid;
    border-width: thin;
    border-color: #222;
  }
  .black-skin .roomsBtn:hover {
    background-color: #fff;
    color: #222;
    border-color: #222;
  }
  .deep-purple-skin .roomsBtn {
    border-style: solid;
    border-width: thin;
    border-color: gray;
  }
  .deep-purple-skin .roomsBtn:hover {
    color: white;
    border-style: solid;
    border-width: thin;
    border-color: white;
  }
  .deep-purple-skin .fa-chevron-left {
    color: gray;
  }
  .deep-purple-skin .fa-chevron-right {
    color: gray;
  }
  .grey-skin .fa-chevron-left {
    color: #1e2022;
  }
  .grey-skin .fa-chevron-right {
    color: #1e2022;
  }
  .welcome21 {
    padding: 8% 0;
    text-align: center;
  }
  .welcome-text {
    padding: 0 14%;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
  }
  .welcomeHead {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    justify-content: center;
    padding-top: 2rem;
  }
  .white-skin .welcomeHead {
    color: #fff;
  }
  .white-skin .welcome-text {
    color: #fff;
  }
  .grey-skin .welcomeHead {
    color: #1e2022;
  }
  #checkin_date {
    font-size: 33px!important;
    font-weight: bold;
  }
  #checkout_date {
    font-size: 33px!important;
    font-weight: bold;
  }
  .res-divX {
    margin-top: 8px;
  }
  #heckout_date {
    font-size: 33px!important;
    font-weight: bold;
  }
  .grey-skin .welcome-text {
    color: #1e2022;
  }
  .white-skin .amenity-icon {
    text-shadow: none!important;
    color: #fff!important;
  }
  .white-skin .amenity-text {
    color: white;
  }
  .grey-skin .amenity-text {
    color: #1e2022;
    font-weight: bold;
  }
  .cyan-skin .amenity-text {
    color: white;
  }
  .black-skin .amenity-text {
    color: #fff;
  }
  .mdb-skin .amenity-text {
    color: #fff;
  }
  .cyan-skin .navbar {
    background-color: #fff;
    box-shadow: none;
    color: #000;
  }
  .grey-skin .navbar {
    background-color: silver;
    box-shadow: none;
  }
  .light-blue-skin .navbar {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  .deep-purple-skin .navbar {
    background-color: #1e2023;
    color: black;
  }
  .deep-purple-skin .language-button21:hover {
    color: gray!important;
  }
  .deep-purple-skin .dropdown21 a:hover {
    background-color: black!important;
  }
  .mdb-skin .navbar {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  .indigo-skin .navbar {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  
  .black-skin .navbar {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  .pink-skin .navbar {
    background-color: #fff;
    color: #000;
    box-shadow: none;
  }
  .mdb-skin .sideBtn {
    color: #000;
    transition: 0.4s;
  }
  .deep-purple-skin .sideBtn:hover {
    color: gray;
  }
  .mdb-skin .sideBtn:hover {
    color: #000;
    transition: 0.4s;
  }
  .cyan-skin .sideBtn {
    color: #000;
    transition: 0.4s;
  }
  .cyan-skin .sideBtn:hover {
    color: #000;
    transition: 0.4s;
  }
  .black-skin .sideBtn {
    color: #222;
    transition: 0.4s;
  }
  .black-skin .navbar {
    color: #222;
    transition: 0.4s;
  }
  .white-skin .navbar {
    box-shadow: none;
  }
  .grey-skin .sideBtn {
    color: #fff;
  }
  .grey-skin .sideBtn:hover {
    color: #1e2022;
  }
  .white-skin .top-nav-collapse {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .cyan-skin .top-nav-collapse {
    background-color: #114861;
    color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .grey-skin .top-nav-collapse {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .light-blue-skin .top-nav-collapse {
    background-color: #BFEAF5;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .indigo-skin .top-nav-collapse {
    background-color: #3C6255;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.457) 0px 7px 29px 0px!important;
  }
  .mdb-skin .top-nav-collapse {
    background-color: #243a51;
    color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .mdb-skin .top-nav-collapse .language-button21:hover {
    color: #33b5e5;
  }
  .pink-skin .top-nav-collapse {
    background-color: #FCD1D1;
    color: #000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .pink-skin .top-nav-collapse .sideBtn:hover {
    color: #681616;
  }
  .pink-skin .top-nav-collapse .language-button21:hover {
    color: #681616;
  }
  .grey-skin .top-nav-collapse .sideBtn {
    color: #fff!important;
  }
  .grey-skin .top-nav-collapse .sideBtn:hover {
    color: #1e2022!important;
  }
  .mdb-skin .top-nav-collapse .sideBtn {
    color: #fff;
    transition: 0.4s;
  }
  .mdb-skin .top-nav-collapse .sideBtn:hover {
    color: #33b5e5;
    transition: 0.4s;
  }
  .indigo-skin .top-nav-collapse .sideBtn{
    color: #fff;
    transition: 0.4s;
  }
  .indigo-skin .top-nav-collapse .sideBtn:hover{
    color: #000;
    transition: 0.4s;
  }
  .black-skin .top-nav-collapse {
    background-color: #222;
    color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px!important;
  }
  .black-skin .top-nav-collapse .sideBtn{
    color: #fff;
    transition: 0.4s;
  }
  .cyan-skin .top-nav-collapse .sideBtn {
    color: #fff;
    transition: 0.4s;
  }
  .cyan-skin .top-nav-collapse .sideBtn:hover {
    color: #000;
    transition: 0.4s;
  }
  .cyan-skin .footerH2 h2{
    color: #114861!important;
  }
  .grey-skin .footerH2 h2{
    color: #1e2022!important;
  }
  .light-blue-skin .footerH2 h2{
    color: #000!important;
  }
  .deep-purple-skin .footerH2 h2 {
    color: #1e2023!important;
  }
  .mdb-skin .footerH2 h2{
    color: #fff!important;
  }
  .pink-skin .footerH2 h2{
    color: #000!important;
  }
  .amenity-text {
    font-size: 1.2rem;
  }
  .amenity-icon {
    font-size: 2rem;
  }
  .grey-skin .amenityDiv {
    border-style: solid none solid none;
    border-width: thin ;
  }
  .white-skin .amenityDiv {
    background-color: #bab6a0;
  }
  .deep-purple-skin .amenityDiv {
    background-color: #7f7e91;
  }
  .light-blue-skin .amenityDiv {
    background-color: #BFEAF5;
  }
  .cyan-skin .amenityDiv {
    background-color: #114861;
  }
  .mdb-skin .amenityDiv {
    background-color: #243a51;
  }
  .pink-skin .amenityDiv {
    background-color: #FCD1D1;
  }
  .indigo-skin .amenityDiv {
    background-color: #3C6255;
    color: #fff;
  }
  .pink-skin .amenityHead {
    color: #000;
  }
  .grey-skin .amenityHead {
    color: #1e2022;
  }
  .light-blue-skin .amenityHead {
    color: #000;
  }
  .pink-skin .collectionTitle {
    color: #000;
  }
  .grey-skin .collectionTitle {
    color: #1e2022;
    transition: 0.3s;
  }
  .grey-skin .collectionTitle:hover {
    color: #fff;
    transition: 0.3s;
  }
  .deep-purple-skin .collectionTitle {
    color: #1e2023;
  }
  .deep-purple-skin .collectionTitle:hover {
    color: #000;
  }
  .light-blue-skin .collectionTitle {
    color: #000;
  }
  .light-blue-skin .collectionTitle:hover {
    color: #a4c8d2;
  }
  .indigo-skin .collectionTitle {
    color: #3C6255;
  }
  .indigo-skin .collectionTitle:hover {
    color: #20362f;
  }
  .indigo-skin .premiumBtn {
    color: #3C6255;
  }
  .indigo-skin .premiumBtn:hover {
    color: #20362f;
  }
  .amenityDiv {
    padding: 6% 0 8% 0;
  }
  .amenity21 {
    list-style-type: none;
    padding: 0;
  }
  .amenityHead {
    font-size: 1.6rem;
    font-weight: bold;
    color: white;
    padding: 0 0 3rem;
    justify-content: center;
    text-align: center;
  }
  .FeaturedRoom21 {
    padding: 6% 0;
    position: relative;
    overflow: hidden;
  }
  .grey-skin .FeaturedRoom21 {
    border-top-style: solid;
    border-top-width: thin;
  }
  .deep-purple-skin .FeaturedRoom21 .container-fluid {
    background-color: transparent!important;
  }
  .deep-purple-skin .FeaturedRoom21 .container-fluid {
    background-color: transparent!important;
  }
  .roomsName {
    font-weight: bold;
    font-size: 2.5rem;
    padding-bottom: 2rem;
    color: #080f28;
  }
  .white-skin .roomsBtn {
    background-color: #080f28;
    color: #fff!important;
  }
  .white-skin .roomsBtn:hover {
    background-color: #af5d4f;
  }
  .indigo-skin a {
    color: #000;
  }
  .indigo-skin .roomsBtn {
    background-color: #3C6255;
    color: #fff;
    border-style: solid;
    border-width: thin;
    border-color: #fff;
  }
  .indigo-skin .roomsBtn:hover {
    background-color: #fff;
    color:#3C6255;
    border-color: #3C6255;
  }
  .roomsBtn {
    box-shadow: none!important;
    transition: 0.3s;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1.1rem 3.2rem!important;
  }
  .roomsBtn:hover {
    transition: 0.3s;
    box-shadow: none!important;
  }
  .white-skin .reserveBtn {
    background-color: #080f28;
    color: white!important;
  }
  .white-skin .reserveBtn:hover {
    background-color: #af5d4f;
  }
  .pink-skin .reserveBtn {
    background-color: #FCD1D1;
    color: #fff;
    border-style: solid;
    border-width: thin;
    border-color: #fff;
  }
  .pink-skin .reserveBtn:hover {
    background-color: #fff;
    color: #FCD1D1;
    border-color: #FCD1D1;
  }
  .mdb-skin .reserveBtn {
    background-color: #243a51;
    color: #FCD1D1;
  }
  .mdb-skin .reserveBtn:hover {
    background-color: #33b5e5;
    color: white;
  }
  .cyan-skin .reserveBtn {
    background-color: #114861;
    color: #ffa742;
  }
  .cyan-skin .reserveBtn:hover {
    background-color: #ffa742;
    color: #114861;
  }
  .reserveBtn {
    font-size: 1.4rem;
    border-radius: 3px;
    padding: 1rem 2rem!important;
  }
  .reserveBtn:hover {
    transition: 0.3s;
  }
  .roomText {
    text-align: left;
    font-weight: 600;
    line-height: 1.7;
    font-size: 1.2rem;
  }
  .grey-skin .roomText {
    color: #1e2022;
  }
  .roomSize {
    padding: 10% 11% 2%;
    text-align: left;
  }
  .ellipsis {
    overflow: hidden;
  }
  .roomBtnDiv {
    text-align: left;
  }
  .featuredHeadText {
    text-align: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 4rem;
    color: #080f28;
  }
  .deep-purple-skin .featuredHeadText {
    color: gray;
  }
  .grey-skin .featuredHeadText {
    color: #1e2022;
  }
  .deep-purple-skin .roomsName {
    color: gray;
  }
  .deep-purple-skin .FeaturedRoom21 .container-fluid {
    background-color: #fff;
  }
  .deep-purple-skin .amenity-text {
    color: #fff;
  }
  /** Featured Rooms Slider **/
  .swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
  }
  .SwiperPrev {
    text-align: right;
  }
  .SwipBtn {
    background: transparent;
    border-color: transparent;
  }

  .arrowBoxPadding {
    padding-top: 6rem;
  }
  .RoomSwipe {
    display: none;
  }
  .collectionLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    height: 102px;
  }
  .white-skin .collection21 {
    background-color: #bab6a0;
  }
  .deep-purple-skin .collection21 {
    background-color: #7f7e91;
  }
  .collectionTitle {
    font-weight: bold;
    font-size: 3rem;
  }
  .white-skin .collectionTitle {
    color: white;
  }
  .collectionHeadText {
      text-align: center;
      justify-content: center;
      font-size: 2rem;
      font-weight: bold;
      padding: 8rem 0 2rem;
      color: #080f28;
  }
  .deep-purple-skin .collectionHeadText {
      color: #fff;
  }
  .grey-skin .collectionHeadText {
    color: #1e2022;
  } 
  .colImg {
    order: 2;
  }

  .colTxt{
    order: 2;
  }
  .swiper-premium .swiper-button-next {
    background-image: none!important;
  }
  .swiper-premium .swiper-button-prev {
    background-image: none!important;
  }
  .premiumImg {
    height: 22rem!important;
  }
  .premiumH4 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .dinMb {
    margin-bottom: 4rem;
  }
  .dinImgMod {
    max-height: 25rem;
    object-fit: cover;
  }
  .fa_next {
    display: none;
  }
  .fa_prev {
    display: none;
  }
  .rotBtn {
    transform: rotate(180deg);
    font-size: 2rem;
  }
  .premBlock {
    position: relative;
  }
  #prev_Button {
    position: absolute;
    top: 45%;
    left: 0;
  }
  #next_Button {
    position: absolute;
    top: 45%;
    right: 0;
  }
  .prBtn {
    font-size: 2rem;
  }
  .grey-skin .premiumH4 {
    color: #1e2022;
  }
  .premiumSubtext {
    font-size: 1.1rem;
  }
  .premiumBtnMod {
    background: transparent;
    border-style: solid;
    border-width: thin;
    border-color: #0000004a;
    padding: 1rem;
    border-radius: 9px;
  }
  .dinShadow .premiumBtnMod {
    visibility: hidden;
    transition: 0.1s;
  }
  .dinShadow:hover .premiumBtnMod {
    visibility: visible;
    transition: 0.1s;
  }
  .premium_elispis {
    overflow: hidden;
    height: 68px;
    line-height: 25px;
    margin: 20px;
  }
  
  .premium_elispis:before {
    content: "";
    float: left;
    width: 5px;
    height: 200px;
  }
  
  .premium_elispis>*:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
  }
  
  .premium_elispis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -25px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
    background-size: 100% 100%;
    /* 512x1 image,gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
  }
  .premiumBtn {
    font-size: 1rem;
  }
  .white-skin .footer21 {
    background-color: #080f28;
  }
  .grey-skin .footer21 {
    background-color: silver;
    border-top-style: solid;
    border-width: thin;
  }
  .mdb-skin .footer21 {
    background-color: #243a51;
    border-top-style: solid;
    border-color: white;
    border-width: thin;
  }
  .light-blue-skin .footer21 {
    background-color: #BFEAF5;
    border-top-style: solid;
    border-color: white;
    border-width: thin;
  }
  .black-skin .footer21 {
    background-color: #000;
  }
  .pink-skin .footer21 {
    background-color: #FCD1D1;
    border-top-style: solid;
    border-color: white;
    border-width: thin;
  }
  .indigo-skin .footer21 {
    background-color: #3C6255;
    border-top-style: solid;
    border-color: white;
    border-width: thin;
  }
  .deep-purple-skin .footer21 {
    background-color: #7f7e91;
    border-top-style: solid;
    border-color: white;
    border-width: thin;
  }
  .mdb-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, #243a51, #243a51)!important;
  }
  .grey-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, silver, silver)!important;
  }
  .deep-purple-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, #7f7e91, #7f7e91) !important;
  }
  .light-blue-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, #BFEAF5, #BFEAF5)!important;
  }
  .pink-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, #FCD1D1, #FCD1D1)!important;
  }
  .black-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, #000, #000)!important;
  }
  .indigo-skin .footer21 .bg-gradient {
    background: linear-gradient(0deg, #3C6255, #3C6255)!important;
  }
  .cyan-skin .footer21 {
    background-color: #114861;
  }
  .white-skin .footer-copyright21 {
    background-color: #080f28;
  }
  .footerH2 {
    padding: 4% 0;
  }
  .footer21Link {
    font-size: 1.5rem;
    color: #fff;
  }
  .pink-skin .footer21Link {
    color: #000!important;
  }
  .pink-skin .icon-phone {
    color: black!important;
  }
  .pink-skin .icon-location{
    color: black!important;
  }
  .pink-skin .icon-facebook-f{
    color: black!important;
  }
  .pink-skin .icon-instagram{
    color: black!important;
  }
  .pink-skin .icon-linkedin{
    color: black!important;
  }
  .pink-skin .icon-youtube {
    color: black!important;
  }
  .pink-skin .icon-envelope{
    color: #1e2023!important;
  }
  .deep-purple-skin .footer21Link {
    color: #1e2023!important;
    font-weight: bold;
  }
  .deep-purple-skin .icon-phone{
    color: #1e2023!important;
  }
  .deep-purple-skin .icon-envelope{
    color: #1e2023!important;
  }
  .deep-purple-skin .icon-location{
    color: #1e2023!important;
  }
  .deep-purple-skin .icon-facebook-f{
    color: #1e2023!important;
  }
  .deep-purple-skin .icon-instagram{
    color: #1e2023!important;
  }
  .deep-purple-skin .icon-linkedin{
    color: #1e2023!important;
  }
  .deep-purple-skin .icon-youtube {
    color: #1e2023!important;
  }
  .white-skin .icon-phone{
    color: #fff!important;
  }
  .white-skin .icon-envelope{
    color: #fff!important;
  }
  .white-skin .icon-location{
    color: #fff!important;
  }
  .white-skin .icon-facebook-f{
    color: #fff!important;
  }
  .white-skin .icon-instagram{
    color: #fff!important;
  }
  .white-skin .icon-linkedin{
    color: #fff!important;
  }
  .white-skin .icon-youtube {
    color: #fff!important;
  }
  .grey-skin .contactTd {
    color: #1e2022!important;
    font-weight: bold;
  }
  .grey-skin .footer21Link {
    color: #1e2022!important;
    font-weight: bold;
  }
  .grey-skin .icon-phone {
    color: #1e2022!important;
  }
  .grey-skin .icon-envelope{
    color: #1e2022!important;
  }
  .grey-skin .icon-location{
    color: #1e2022!important;
  }
  .grey-skin .icon-facebook-f{
    color: #1e2022!important;
  }
  .grey-skin .icon-instagram{
    color: #1e2022!important;
  }
  .grey-skin .icon-linkedin{
    color: #1e2022!important;
  }
  .grey-skin .icon-youtube {
    color: #1e2022!important;
  }
  .indigo-skin .icon-phone{
    color: #fff!important;
  }
  .indigo-skin .icon-envelope{
    color: #fff!important;
  }
  .indigo-skin .icon-location{
    color: #fff!important;
  }
  .indigo-skin .icon-facebook-f{
    color: #fff!important;
  }
  .indigo-skin .icon-instagram{
    color: #fff!important;
  }
  .indigo-skin .icon-linkedin{
    color: #fff!important;
  }
  .indigo-skin .icon-youtube {
    color: #fff!important;
  }
  .light-blue-skin .footer21Link {
    color: #000!important;
  }
  .light-blue-skin .contactTd {
    color: #000!important;
  }
  .light-blue-skin .icon-phone{
    color: #000!important;
  }
  .light-blue-skin .icon-envelope{
    color: #000!important;
  }
  .light-blue-skin .icon-location{
    color: #000!important;
  }
  .light-blue-skin .icon-facebook-f{
    color: #000!important;
  }
  .light-blue-skin .icon-instagram{
    color: #000!important;
  }
  .light-blue-skin .icon-linkedin{
    color: #000!important;
  }
  .light-blue-skin .icon-youtube {
    color: #000!important;
  }
  .deep-purple-skin .contactTd {
      color: #1e2023!important;
      font-weight: bold;
  }
  .pink-skin .contactTd {
    color: black!important;
  }
  .pink-skin .footer-copyright21 a {
    color: #000!important;
  }
  .grey-skin .footer-copyright21 a {
    color: #1e2022!important;
  }
  .light-blue-skin .footer-copyright21 a {
    color: #000!important;
  }
  .deep-purple-skin .footer-copyright21 a {
    color: #1e2023!important;
  }
  .social-icon {
    color: #fff;
    font-size: 2rem;
  }
  .socialDiv {
    padding: 3rem 0 0;
  }
  .contactTd {
    font-size: 1.2rem;
  }
  .premiumHead {
      text-align: left;
      font-size: 3rem;
      font-weight: bold;
      padding: 3rem 0 1rem;
      color: #080f28;
  }
  .dinBackground {
      background-color: #f7f8f6;
      padding: 3rem 0;
  }
  .dinPadding {
    padding: 3rem;
  }
  .dinShadow {
    background-color: #fff;
    box-shadow: 4px 0 6px rgb(131 134 163 / 12%);
  }
  .dinShadow:hover {
    background-color: #fff;
    box-shadow: 0 0 55px rgb(131 134 163 / 40%);
    z-index: 1;
  }

  .dinCol {
    padding: 0rem 5rem 0 1rem;
  }
  .dinCol2 {
    padding-left: 0;
  }
  .deep-purple-skin .premiumHead {
    color: gray;
  }
  .grey-skin .premiumHead {
    color: #1e2022;
  }
  .grey-skin .swiper-slide {
    background: silver!important;;
  }
  .deep-purple-skin .swiper-slide {
    background: #1e2023!important;;
  }
  .grey-skin .swiper-slide .card{
    background: silver!important;
    color: #fff;
  }
  .grey-skin .swiper-slide .card-body{
    background: silver!important;
    color: #fff;
  }
  .grey-skin .swiper-slide .card-body h6{
    background: silver!important;
    color: #fff;
  }
  .grey-skin .swiper-slide .card-body a{
    background: silver!important;
    color: #fff;
  }
  .grey-skin .swiper-slide .card-body a:hover {
    color: #1e2022;
  }
  .reserveText {
    font-size: 33px;
    color:black;
    margin-top: -20px; 
    font-weight: bold;
  }
  .reservationText {
    color:black!important;
    margin-top: 0px; 
    font-weight: bold; 
    font-size: 33px!important;
    box-shadow: none!important;
    border-color: white!important;
  }
  .descB {
    display: block;
  }
  .mobB {
    display: none;
  }
  .reservationText2 {
    color:black!important;
    margin-top: 0px; 
    font-weight: bold; 
    font-size: 33px!important;
    box-shadow: none!important;
    border-color: white!important;
    border-radius: 15px;
  }
  .white-skin .reservationText2 {
    color:white!important;
    background-color: #bab6a0;
    
  }
  .reservationText:hover {
    box-shadow: none!important;
  }
  .reservationText:focus{
    box-shadow: none!important;
  }
  .reservationText:active {
    box-shadow: none!important;
  }
  #adults_amount{
    font-size: 33px!important;
    font-weight: bold;
  }
  #kids_amount {
    font-size: 33px!important;
    font-weight: bold;
    border-bottom-style: none;
  }
  .res-div2 {
    margin-top: 6px;
  }
  .picker__box {
    z-index: 3;
  }
  #checkout_date::placeholder, #kids_amount::placeholder, #adults_amount::placeholder, #checkin_date::placeholder {
    color:black!important;
    font-weight: bold; 
    font-size: 33px!important;
  }

  .roomDiv {
    overflow: hidden;
  }
  .roomPadding {
    padding-top: 8rem;
  }
  .roomBackground {
    padding: 1rem 0 8rem;
  }
  .white-skin .roomBackground {
    background-color: white;
  }
  .grey-skin .roomCard .md-form label {
    box-shadow: none!important;
  }
  .roomHead {
    font-weight: bold;
    padding: 2rem 0;
    text-align: center;
  }
  .white-skin .roomHead {
    color: #080f28;
  }
  .roomArrow {
    padding: 2rem 0 0;
  }
  .white-skin .roomArrowIcon {
    color: #080f28;
  }
  .roomCard {
    border-style: solid;
    border-width: thin;
  }
  .white-skin .roomCard {
    background-color: #bab6a0;
    border-color: #ffffff82;
  }
  .grey-skin .roomCard .card-body{
    background-color: silver;
  }
  .grey-skin .roomCard {
    background-color: silver!important;
    border-color: silver!important;
  }
  .light-blue-skin .roomCard {
    background-color: #BFEAF5;
    border-color: #BFEAF5;
  }
  .pink-skin .roomCard {
    background-color: #FCD1D1;
    color: #fff;
  }
  .cyan-skin .roomCard {
    background-color: #114861;
    border-color: #081f2a;
  }
  .mdb-skin .roomCard {
    background-color: #243a51;
    border-color: #243a51;
  }
  .indigo-skin .roomCard {
    background-color: #3C6255;
    border-color: #3C6255;
  }
  .white-skin .roomCard2 {
    background-color: #bab6a0;
  }
  .rColor {
    font-weight: bold!important;
  }
  .white-skin .rColor {
    color: white;
  }
  .pink-skin .rColor {
    color: black;
  }
  .mdb-skin .rColor {
    color: white;
  }
  .indigo-skin .rColor {
    color: white;
  }
  .cyan-skin .rColor {
    color: white;
  }
  .cyan-skin .datepicker {
    color: white;
  }
  .cyan-skin #adults_amount{
    color: white;
  }
  .cyan-skin #kids_amount{
    color: white;
  }
  .pink-skin .datepicker {
    color: black;
  }
  .pink-skin #adults_amount{
    color: black;
  }
  .pink-skin #kids_amount{
    color: black;
  }
  .mdb-skin .datepicker {
    color: white;
  }
  .mdb-skin #adults_amount{
    color: white;
  }
  .mdb-skin #kids_amount{
    color: white;
  }
  .indigo-skin .datepicker {
    color: white;
  }
  .indigo-skin #adults_amount{
    color: white;
  }
  .indigo-skin input[type=email]:focus:not([readonly]), .indigo-skin input[type=text]:focus:not([readonly]), .indigo-skin input[type=password]:focus:not([readonly]), .indigo-skin input[type=number]:focus:not([readonly]), .indigo-skin textarea.md-textarea:focus:not([readonly]) {
    border-color: #fff;
    box-shadow: 0 1px 0 0 #fff;
    color: #fff;
  }
  .indigo-skin #kids_amount{
    color: white;
  }
  .roomProperties {
    padding: 3rem 0px;
    font-weight: bold;
  }
  .white-skin .roomProperties {
    color: #080f28;
  }
  .roomAmenity {
    padding-right: 1rem; 
    font-weight: bold;
  }
  .white-skin .roomAmenity {
    color: #080f28;
  }
  .roomDescription {
    font-weight: bold;
  }
  .white-skin .roomDescription {
    color: #080f28;
  }
  .roomAmenityHead {
    font-weight: bold;
    padding: 2rem 0;
  }
  .white-skin .roomAmenityHead {
    color: #080f28;
  }
  .roomCheckinout {
    font-weight: bold;
    padding: 2rem 0;
  }
  .white-skin .roomCheckinout {
    color: #080f28;
  }
  .roomCheck {
    font-weight: bold;
  }
  .white-skin .roomCheck {
    color: #080f28;
  }
  .roomCheck .badge {
    background-color: transparent!important;
    box-shadow: none;
    font-weight: bold;
    font-size: 1rem;
  }
  .roomBackground #adults_amount {
    font-size: 15px!important;
  }
  .white-skin .roomBackground #adults_amount {
    color: white;
  }
  .white-skin .roomBackground #adults_amount:focus {
    box-shadow: none;
    border-color: white;
  }
  .roomBackground #kids_amount {
    font-size: 15px!important;
  }
  .white-skin .roomBackground #kids_amount {
    color: white;
  }
  .white-skin .roomBackground #checkin_date {
    color: white;
  }
  .white-skin .roomBackground #checkout_date {
    color: white;
  }
  .white-skin .roomBackground #kids_amount:focus {
    box-shadow: none;
    border-color: white;
  }
  .roomBackground .roomMod {
    border-style: solid;
    border-width: thin;
  }
  .deep-purple-skin .roomMod:hover {
    color: gray!important;
  }
  .white-skin .roomBackground .roomMod {
    border-color: white;
  }
  .roomsMainDiv {
    padding: 10rem 4rem;
  }
  .roomsMainDiv .form-horizontal {
    display: none;
  }
  .roomsH3 {
    font-size: 2rem;
    font-weight: bold!important;
  }
  .roomsP {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .detailsH3 {
    display: initial;
    padding-right: 2rem;
    font-weight: bold;
    font-size: 2rem;
  }
  .amenity-padding {
    padding: 0 13rem;
  }
  .galleryDiv {
    min-height: 100vh;
    padding: 11rem 0;
  }
  .white-skin .galleryDiv {
    background-color: #bab6a0;
  }
  .galleryImg {
    width: 100%;
    border-radius: 15px;
    height: 19rem;
    object-fit: cover;
  }
  .contactDiv {
    padding: 10rem 0 0;
    justify-content: center;
  }
  .contactBg {
    padding: 4rem 0;
  }
  .white-skin .contactBg {
    background-color: #bab6a0;
  }
  .pink-skin .contactBg {
    background-color: #FCD1D1;
  }
  .light-blue-skin .contactBg {
    background-color: #BFEAF5;
  }
  .cyan-skin .contactBg {
    background-color: #114861;
    color: #fff;
  }
  .indigo-skin .contactBg {
    background-color: #3C6255;
    color: #fff;
  }
  .indigo-skin .Tw {
    color: #fff!important;
  }
  .light-blue-skin .Tw {
    color: #000!important;
  }
  .mdb-skin .contactBg {
    background-color: #243a51;
    color: #fff;
  }
  .mdb-skin .contactBtn:hover {
    color: #33b5e5;
    border-color: #33b5e5;
  }
  .light-blue-skin .contactBtn:hover {
    background-color: #91D8E4;
  }
  .indigo-skin .contactBg {
    background-color: #3C6255;
    color: #fff;
  }
  .indigo-skin .contactBtn:hover {
    color: #3C6255;
    background-color: #fff;
    border-color: #3C6255;
  }
  .pink-skin .contactBtn {
    color: #000;
    border-color: #000;
  }
  .pink-skin .contactBtn:hover {
    color: #fff;
    border-color: #fff
  }
  .black-skin .contactBg {
    background-color: #222;
    color: #fff;
  }
  .cyan-skin .contactBtn:hover {
    color: #ffa742;
    border-color: #ffa742;
  }
  .black-skin .contactBtn:hover {
    color: #ffffff80;
    border-color: #ffffff80;
  }
  .black-skin .Tw {
    color: #fff!important;
  }
  .black-skin .reserveBtn {
    background-color: #222;
    color: #fff;
    border-style: solid;
    border-width: thin;
    border-color: #fff;
  }
  .black-skin .reserveBtn:hover {
    background-color: #fff;
    color: #222;
    border-color: #222;
  }
  .light-blue-skin .reserveBtn {
    background-color: #BFEAF5;
    color: #000!important;
  }
  .light-blue-skin .reserveBtn:hover {
    background-color: #91D8E4;
    color: #000!important;
    border-color: #BFEAF5;
  }
  .indigo-skin .reserveBtn {
    background-color: #3C6255;
    color: #fff;
    border-style: solid;
    border-width: thin;
    border-color: #fff;
  }
  .indigo-skin .reserveBtn:hover {
    background-color: #fff;
    color: #3C6255;
    border-color: #3C6255;
  }
  .contactHead {
    font-weight: bold;
  }
  .white-skin .contactHead {
    color: #bab6a0;
  }
  .white-skin .Tw {
    color: white;
  }
  .contactFormMod {
    font-weight: bold;
    border-style: solid;
    border-width: thin;
    border-radius: 12px!important;
  }
  .white-skin .contactFormMod {
    background-color: #bab6a0;
    color: white;
    border-color: white;
  }
  .white-skin .contactFormMod::placeholder {
    color: white;
  }
  .white-skin .contactFormMod:focus {
    border-color: white!important;
    box-shadow: none!important;
  }
  .contactBtn {
    box-shadow: none;
    border-radius: 12px;
    font-weight: bold;
    border-style: solid;
    border-width: thin;
  }
  .contactBtn:hover, .contactBtn:focus, .contactBtn:active {
    box-shadow: none!important;
  }
  .white-skin .contactBtn {
    color: white;
    border-color: white;
  }
  .catchMap .gmap_canvas{
    border-radius: 12px;
  }
  .catchMap .mapouter {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .premiumMainDIv {
    padding: 12rem 0 0;
  }

  .white-skin .premTitle {
    color: #000;
  }
  .cyan-skin .premTitle {
    color: #114861;
  }
  .white-skin .premDescription {
    color: #000;
  }
  .cyan-skin .premDescription {
    color: #114861;
  }
  .white-skin #price {
    color:  #bab6a0;
  }
  .cyan-skin #price {
    color: #114861;
  }
  .white-skin .premVal {
    color:  #bab6a0;
  }
  .cyan-skin .premVal {
    color: #114861;
  }
  .premBtn {
    border-style: solid;
    border-width: thin;
    font-weight: bold;
  }
  .premPadding {
    padding-bottom: 8rem;
  }
  .white-skin .premBtn {
    color:  #bab6a0;
    border-color: #bab6a0;
  }
  .white-skin .premBtn:hover {
    color:  #000;
    border-color: #000;
  }
  .cyan-skin .premBtn {
    background-color: #114861;
    border-color: #114861;
    color: #fff;
  }
  .cyan-skin .premBtn:hover {
    border-color: #114861;
    background-color: #fff;
    color: #114861;
  }
  .mdb-skin .premBtn {
    background-color: #243a51;
    border-color: #243a51;
    color: white;
  }
  .mdb-skin .premBtn:hover {
    background-color: #fff;
    border-color: #243a51;
    color: #243a51;
  }
  .deep-purple-skin .premBtn {
    background-color: transparent;
    border-color: gray;
    color: gray;
  }
  .deep-purple-skin .premBtn:hover {
    background-color: transparent;
    border-color: white;
    color: white;
  }
  .pink-skin .premBtn {
    background-color: #FCD1D1;
    border-color: #FCD1D1;
    color: #fff;
  }
  .pink-skin .premBtn:hover {
    background-color: transparent;
    border-color: #000;
    color: #000;
  }
  .indigo-skin .premBtn {
    background-color: #3C6255;
    color: #fff;
    border-color: #3C6255;
  }
  .indigo-skin .premBtn:hover {
    background-color: transparent;
    color: #3C6255;
    border-color: #3C6255;
  }
  .light-blue-skin .premBtn {
    background-color: #BFEAF5;
    color: #000;
    border-color: #BFEAF5;
  }
  .light-blue-skin .premBtn:hover {
    background-color: transparent;
    color: #000;
    border-color: #00000045;
  }
  .mySwiperPremium .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 39rem;
  }
  .white-skin .valute-button {
    color: black!important;
    border-color: silver;
}
#kids_amount:focus::placeholder {
  color: transparent!important;
}
#adults_amount:focus::placeholder {
  color: transparent!important;
}
  @media screen and (max-width:1600px) {
    .amenity-padding {
      padding: 0 8rem;
    }
    .reservation-div21{
      padding: 0 10%;
    }
  }
  @media screen and (max-width: 1400px) {
    .amenity-padding {
      padding: 0 2rem;
    }
  }
  @media screen and (max-width: 1280px) {
     .collectionTitle {
        font-size: 1.6rem;
     }
     #home {
      height: 81vh!important;
     }
     .collectionLink {
        height: 89px;
     }
     .reservation-div21{
        padding: 0 4%;
     }
      #checkout_date::placeholder, #kids_amount::placeholder, #adults_amount::placeholder, #checkin_date::placeholder {
        font-size: 20px!important;
     }
     #adults_amount {
        font-size: 20px!important;
     }
     #checkin_date {
      font-size: 20px!important;
    }
    #checkout_date {
      font-size: 20px!important;
    }
    .res-divX {
      margin-top: 22px;
    }
     .res-div2 {
        margin: 0px;
        margin-top: 22px;
     }
     #kids_amount {
        font-size: 20px!important;
     }
     .reservationText {
        font-size: 20px!important;
        margin-top: 1rem;
     }
     .reservationText2 {
      font-size: 20px!important;
      margin-top: 1rem;
     }
     .h1-responsive {
       font-size: 1.6rem!important;
     }
     .mainSlideBtn {
        font-size: 1.6rem!important;
     }
  }
  @media screen and (max-width: 1154px) {
    .dinMb {
      margin-bottom: 1.5rem;
    }
    .dinCol2 {
      padding: 1rem;
    }
  }
  @media screen and (max-width: 992px) {
    .featuredOrder1 {
      order: 2;
    }
    .dinShadow .premiumBtnMod {
      visibility: visible;
    }
    .dinCol {
      padding: 0rem 1rem 0 1rem;
    }
    .featuredText {
      display: none;
    }
    .amenity-padding {
      padding: 0 7rem;
    }
    .roomsMainDiv {
      padding: 10rem 1rem;
    }
    .featuredOrder2 {
      order: 1;
    }
    .roomSize {
      padding: 10% 1% 2%;
    }
    .reservation-div21 {
      padding: 0 2%;
    }
    .reservation-main-div {
      padding: 1rem 0 0 0!important;
    }
    .mobPos1 {
      position: absolute;
    }
    .mobPos2 {
      position: absolute;
      right: 15px;
    }
  }
  @media screen and (max-width: 850px) {
    .hotelLogo {
      width: 4rem;
    }
    #home {
      height: 100vh!important;
    }
    .navbar-brand {
      margin-right: 0;
    }
    .reservationSubmit {
      font-size: 24px!important;
    }
    .btn-submit-badru {
      padding: 7px 15px 7px 15px!important;
    }
    .catchMap .gmap_canvas{
      border-radius: 0px;
    }

  }
  @media screen and (max-width: 767px) {
    .collection21 {
      padding: 8% 3%;
    }
    .collectionMobile {
      overflow: hidden;
      height: 48px;
    }
    .collectionLink {
      position: relative;
      transform: translate(0px, 0px);
      top: 0%;
      left: 0%;
      text-align: center;
    }
    .collectionTitle {
      font-size: 1.4rem;
    }
    .roomsName {
      font-size: 2rem;
    }
    .roomText {
      font-size: 1rem;
    }
    .reserveText {
      font-size: 24px;
    }
    #checkout_date::placeholder, #kids_amount::placeholder, #adults_amount::placeholder, #checkin_date::placeholder {
      font-size: 16px!important;
    }
    #adults_amount {
      font-size: 16px!important;
    }
    #kids_amount {
      font-size: 16px!important;
   }
    .reservationText {
      font-size: 13px!important;
      margin-top: 1.3rem;
    }
    .descB {
      display: none;
    }
    .mobB {
      display: flex;
      justify-content: center;
    }
    .reservationText2 {
      font-size: 16px!important;
      display: block;
    }
    .reservation-div21 {
      padding: 0 0%;
    }
    .reservePlaceholder {
      padding: 0.375rem 0!important;
    }
    .h1-responsive {
      font-size: 1.1rem!important;
    }
    .mainSlideBtn {
       font-size: 1.1rem!important;
    }
    .slider_text {
      left: 2%;
      transform: translate(-2%, -50%);
    }
  }
  @media screen and (max-width:620px) {
    #checkout_date::placeholder, #kids_amount::placeholder, #adults_amount::placeholder, #checkin_date::placeholder {
      font-size: 12px!important;
    }
    .h1-responsive {
      font-size: 1rem!important;
    }
    .mainSlideBtn {
       font-size: 1rem!important;
    }
    .premiumHead {
      font-size: 2rem;
    }
    .slider_text {
      left: 2%;
      transform: translate(-2%, -50%);
    }
    .featuredImgSize {
      height: 19rem!important;
    }
    #prev_Button {
      display: none;
    }
    #next_Button {
      display: none;
    }
    .sliderarrows {
      display: none;
    }
  }
  @media screen and (max-width:450px) {
    .hotelLogo {
      width: 4rem;
    }
    .dinPadding {
      padding: 1rem;
    }
    .contactHead{
      font-size: 1.6rem;
    }
    .amenity-padding {
      padding: 0 2rem;
    }
    .nav21 {
      padding: 0 0 0 1rem!important;
    }
    .alert2 {
      width: 24rem;
    }
    .jz35 {
      padding: 5rem 0 0;
    }
    .side-special {
      font-size: 28px;
    }
    .closebtn {
      font-size: 40px;
    }
    .welcomeHead {
      font-size: 1.5rem;
    }
    .welcome-text {
      font-size: 1.1rem;
      padding: 0 5%;
    }
    .amenity21 {
      padding: 0 5%;
    }
    .amenityHead {
      font-size: 1.5rem;
      
    }
    .amenity-text {
      font-size: 1.1rem;
    }
    .reservePlaceholder::placeholder {
      font-size: 0,4rem;
    }
    .reservationSubmit {
      padding: 1rem 0!important;
      font-size: 17px!important;
    }
    .premiumMainDIv {
      padding: 7rem 0 0;
    }
    .mySwiperPremium .swiper-slide img {
      height: 19rem;
    }
    .carousel-inner {
      padding-top: 0rem;
    }
    .mobPos2 {
      right: 0;
    }
  }
  @media screen and (max-width:350px) {
    #checkout_date::placeholder, #kids_amount::placeholder, #adults_amount::placeholder, #checkin_date::placeholder {
      font-size: 12px!important;
    }
  }