.white-skin .bg1 {
  background-image: url('../../../assets/images/backgrounds/Dts.jpg')!important;
}
.black-skin .premium_box {
  background-color: #000;
  color: #fff;
}
.prMr {
  margin-top: 10rem;
}

.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;
}

.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;
}
.dinamicBlock img {
  border-radius: 12px;
}


.bg1 {
  padding-top: 9rem;
}
.dinamicBlock p{
  overflow: hidden;
  text-align: center;
}
/*
.dinamicBlock img {
  padding: 0 1rem 1rem;
}
*/
.black-skin .bg1 {
  background-color: #000;
  color: #ffffffb3;
}
.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;
}
.mobNavLogo {
  padding: 1rem 0;
}
.logoDiv {
  padding: 1rem 0;
}
#logoDiv {
  position: relative;
}
.sliderImg22 {
  height: 90vh;
  object-fit: cover;
}
.sliderImg22M {
  height: 64rem;
  object-fit: cover;
}
.pMobile {
  min-height: 4rem;
}
.logoDivi {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sideMenuLogo {
  padding: 1rem 0;
}
.md-form label.active {
  transform: translateY(-26px) scale(.8);
}
.roomBackground #checkin_date {
  color: #000;
}
.roomBackground #checkout_date {
  color: #000;
}
.cyan-skin .bg1 {
  background-color: #114861;
  color: #fff;
}
.light-blue-skin .bg1 {
  background-color: #BFEAF5;
}
.indigo-skin .bg1 {
  background-color: #3C6255;
  color: #fff;
}
.pink-skin .bg1 {
  background-color: #FCD1D1;
  color: #000;
}
.mdb-skin .bg1 {
  background-color: #243a51;
  color: #fff;
}
.cyan-skin .featuredBg {
  background-color: #114861;
  color: #fff;
}
.light-blue-skin .featuredBg {
  background-color: #BFEAF5;
  color: #000;
}
.indigo-skin .featuredBg {
  background-color: #3C6255;
  color: #fff;
}
.pink-skin .featuredBg {
  background-color: #FCD1D1;
  color: #000;
}
.pink-skin .roomsBtn {
  border-style: solid;
  border-width: thin;
  border-color: #000;
  font-weight: bold;
}
.roomDiv .swiper-slide img {
  height: 35rem;
  object-fit: cover;
}
.roomDiv {
  padding-bottom: 2rem;
}
.premiuminner_bg .card-img-top {
  height: 35rem!important;
  object-fit: cover;
}
.pink-skin .collectionTitle {
  color: #000;
}
.pink-skin .footer {
  background-color: #FCD1D1;
  color: #000!important;
}
.pink-skin .overlay a {
  color: #000;
}
.pink-skin .premium_bg {
  background-color: #FCD1D1;
  color: #000!important;
}
.pink-skin .premiuminner_bg {
  background-color: #FCD1D1;
  color: #000!important;
}
.pink-skin .galleryDiv {
  background-color: #FCD1D1;
}
.pink-skin .descRoom {
  background-color: #FCD1D1;
}
.pink-skin .roomPrem {
  background-color: #FCD1D1;
}
.pink-skin .revBg {
  background-color: #FCD1D1!important;
}
.pink-skin .revBook:hover {
  border-color: #fff;
  color: #fff;
}
.pink-skin #checkin_date{
  background-color: #fff;
}
.pink-skin #checkout_date {
  background-color: #fff!important;
}
.pink-skin .reserv_btn {
  background: white;
  font-weight: bold;
}
.pink-skin #bookContainer {
  background-color: #FCD1D1;
  color: #000!important;
}
.pink-skin .revBook {
  box-shadow: none;
  border-style: solid;
  border-width: thin;
  border-color: #000;
}
.pink-skin #myNav {
  background-color: #FCD1D1;
  color: #000!important;
}
.pink-skin .footer a {
  color: #000!important;
}
.pink-skin .footer .nav-link {
  color: #000;
}
.pink-skin .footerName {
  color: #000!important;
}
.deep-purple-skin .featuredBg {
  background: #1e2023!important;
  color: gray;
}
.mdb-skin .featuredBg {
  background-color: #243a51;
  color: #fff;
}
.cyan-skin .featuredHeadText {
  color: #fff;
}
.indigo-skin .featuredHeadText {
  color: #fff;
}
.deep-purple-skin .featuredHeadText {
  color: gray;
}
.mdb-skin .featuredHeadText {
  color: #fff;
}
.black-skin .featuredHeadText {
  color: #ffffffb3;
}
.white-skin .roomSize {
  color: #000;
}
body:not(.home) #botNav {
  display: none!important;
}
body:not(.home) #logoSubdiv {
  display: none!important;
}
body:not(.home) #logoDiv {
  display: block!important;
}
body:not(.home) #descNavigation {
  background-color: #fff!important;
}
body:not(.home) #mainLang {
  color: #000!important;
}
body:not(.home) .otherLangs {
  color: #000!important;
}
.grey-skin .roomCard .md-form label {
  box-shadow: none!important;
}
.roomCard {
  border-style: solid;
  border-width: thin;
}
.cyan-skin #myNav {
  background-color: #114861;
}
.indigo-skin #myNav {
  background-color: #3C6255;
}
.deep-purple-skin #myNav {
  background: #1e2023!important;
}
.mdb-skin #myNav {
  background-color: #243a51;
}
.black-skin .footer {
  background-color: #000; 
}
.cyan-skin .footer {
  background-color: #114861;
}
.light-blue-skin .footer {
  background-color: #BFEAF5;
}
.light-blue-skin .footer a {
  color: #000;
}
.light-blue-skin .footerName {
  color: #000!important;
}
.light-blue-skin .icon-keyboard_arrow_right {
  color: #000!important;
}
.light-blue-skin .footer-copyright a {
  color: #000!important;
}
.light-blue-skin #bookContainer {
  background-color: #BFEAF5;
}
.light-blue-skin .reserv_btn {
  font-weight: bold;
  border-color: black!important;
}
.light-blue-skin #checkin_date {
  background-color: #fff;
}
.light-blue-skin #checkout_date {
  background-color: #fff;
}
.light-blue-skin #myNav {
  background-color: #BFEAF5;
}
.light-blue-skin #myNav .nav-link {
  color: #00000094!important;
}
.light-blue-skin #myNav .nav-link:hover{
  color: #000!important;
  font-weight: bold;
}
.light-blue-skin .premium_bg {
  background-color: #BFEAF5;
}
.light-blue-skin .premiuminner_bg {
  background-color: #BFEAF5;
}
.light-blue-skin .premiumBtn {
  color: #000!important;
}
.light-blue-skin .galleryDiv {
  background-color: #BFEAF5;
}
.light-blue-skin .roomPrem {
  background-color: #BFEAF5;
}
.light-blue-skin .reserveBtn {
  color: #000;
  border-color: #000;
}
.light-blue-skin .reserveBtn {
  color: #000!important;
}
.light-blue-skin .revBook {
  box-shadow: none;
  border-color: #000;
  border-style: solid;
  border-width: thin;
  color: #000;
  font-weight: bold;
}
.grey-skin .featuredBg {
  background: silver;
  color: #1e2022;
}
.grey-skin #myNav {
  background-color: silver;
}
.grey-skin #myNav .nav-link {
  color: #0000007d!important;
}
.grey-skin #myNav .nav-link:hover {
  color: #000!important;
}
.grey-skin #bookContainer {
  background-color: silver;
}
.grey-skin #bookContainer #checkin_date {
  background-color: #fff;
}
.grey-skin #bookContainer #checkout_date {
  background-color: #fff;
}
.grey-skin .footer .nav-link {
  font-weight: bold;
  color: black;
}
.grey-skin .reserv_btn {
  border-color: black!important;
  font-weight: bold;
}
.light-blue-skin .revBg {
  background-color: #BFEAF5!important;
}
.light-blue-skin .roomBackground #checkin_date {
  background-color: #BFEAF5!important;
}
.light-blue-skin .roomBackground #checkout_date {
  background-color: #BFEAF5!important;
}
.light-blue-skin .footer .nav-link {
  color: #000;
}
.indigo-skin .footer {
  background-color: #3C6255;
}
.deep-purple-skin .footer {
  background: #1e2023!important;
}
.mdb-skin .footer {
  background-color: #243a51;
}
.black-skin .nav-link {
  color: white!important;
}
.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;
}
.black-skin .roomCard {
  background-color: #000;
}
.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;
}
.indigo-skin .roomCard {
  background-color: #3C6255;
  border-color: #fff;
}
.indigo-skin .roomsBtn {
  color: #fff;
  border-color: #fff;
  border-style: solid;
  border-width: thin;
}
.indigo-skin .roomsBtn:hover {
  color: #fff;
}
.deep-purple-skin .roomCard {
  background: #1e2023!important;
  color: gray;
}
.mdb-skin .roomCard {
  background-color: #243a51;
  border-color: #000;
}
.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;
}
.black-skin .rColor {
  color: white;
}
.pink-skin .rColor {
  color: black;
}
.mdb-skin .rColor {
  color: white;
}
.indigo-skin .rColor {
  color: white;
}
.cyan-skin .rColor {
  color: white;
}
.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;
}
.reviewPt {
  padding-top: 12rem;
}
.black-skin .revtable {
  color: white;
}
.black-skin .revBg {
  background-color: #000!important;
}
.revBook {
  box-shadow: none;
}
.deep-purple-skin .review_box .table {
  color: #fff;
}
.white-skin .revBook {
  background-color: #000;
  color: #fff;
}
.black-skin .SwipBtn {
  color: white;
}
.cyan-skin .SwipBtn {
  color: white;
}
.indigo-skin .SwipBtn {
  color: #fff;
}
.deep-purple-skin .SwipBtn {
  color: gray;
}
.mdb-skin .SwipBtn {
  color: #fff;
}
.cyan-skin .premiumCardMod {
  color: #000;
}
.indigo-skin .premiumCardMod {
  color: #000;
}
.indigo-skin .premiumBtn1 {
  color: #000;
}
.indigo-skin .footer .nav-link {
  color: #fff;
}
.indigo-skin .footer a {
  color: #fff;
}
.indigo-skin .footer a:hover {
  color: #fff;
  font-weight: bold;
}
.indigo-skin #myNav .nav-link {
  color: #ffffffb0;;
}
.indigo-skin #myNav .nav-link:hover {
  color: #fff;
}
.indigo-skin #bookContainer {
  background-color: #3C6255;
}
.indigo-skin .premium_bg {
  background-color: #3C6255;
  color: #fff;
}
.indigo-skin .premiuminner_bg {
  background-color: #3C6255;
  color: #fff;
}
.indigo-skin .galleryDiv {
  background-color: #3C6255;
}
.indigo-skin .contactBtn:hover {
  box-shadow: none;
  color: #ffffff85;
  border-color: #ffffff85;
}
.indigo-skin .Tw {
  color: #fff!important;
}
.indigo-skin .roomPrem {
  background-color: #3C6255;
  color: #fff;
}
.indigo-skin .reserveBtn {
  color: #fff;
  border-color: #fff;
}
.indigo-skin .reserveBtn:hover {
  color: #fff;
  border-color: #fff;
}
.indigo-skin .reservationBox .picker__input {
  color: #000;
}
.indigo-skin .reservationBox #adults_amount {
  color: #000;
}
.indigo-skin .reservationBox #kids_amount {
  color: #000;
}
.indigo-skin .reservationBox #kids_amount:focus {
  color: #000;
}
.indigo-skin #checkin_date {
  background-color: #fff;
}
.indigo-skin #checkout_date {
  background-color: #fff;
}

.indigo-skin .picker__input {
  color: #fff;
}
.indigo-skin #adults_amount {
  color: #fff;
}
.indigo-skin #kids_amount {
  color: #fff;
}
.indigo-skin #kids_amount:focus {
  color: #fff;
}
.indigo-skin input[type=number]:focus:not([readonly])+label {
  color: #fff!important;
}
.indigo-skin input[type=number]:focus:not([readonly]) {
  box-shadow: none!important;
  border-color: #fff!important;
}
.indigo-skin #reserve_form .table {
  color: #fff;
}
.indigo-skin .revBg {
  background-color: #3C6255!important;
}
.indigo-skin .revBook {
  border-color: #fff;
  border-style: solid;
  border-width: thin;
  color: #fff;
  box-shadow: none;
}
.indigo-skin .contactBtn{
  box-shadow: none;
  border-color: #fff;
  color: #fff;
}
.indigo-skin .premiumText {
  color: #fff;
}
.indigo-skin .premiumBtn {
  color: #fff;
}
.indigo-skin .reservationBox {
  color: #fff;
}
.indigo-skin .reserv_btn:hover {
  color: #fff;
}
.indigo-skin .collectionTitle {
  color: #000;
}
.mdb-skin .premiumCardMod {
  color: #000;
}
.black-skin .revBook {
  color: #000;
  background-color: #fff;
}
.black-skin .revBook:hover {
  color: #fff!important;
  background-color: #ffffff75;
}
.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;
}
.dinamicDiv {
  min-height: 100vh;
}
.white-skin .alert2 {
  background-color: #0c222bba;
}
.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;
}

.closebtnNote {
  margin-left: 15px;
  color: #fff;
  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;
}
.notificationBg {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
}
.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%);
}

.room-02 .card-body{
  border-radius: 0 0 15px 15px;
}
.animated {
  -webkit-animation: accentcolor 2s;
  -webkit-animation-name: accentcolor;
}
.roomsMainDiv {
  padding-top: 10rem;
}
.bookImg {
  width: 7rem;
}
.reserveBtn {
  border-style: solid;
  border-width: thin;
  padding: 0.6rem 3rem!important;
  font-weight: bold;
  margin-top: 2rem;
}
.white-skin .reserveBtn {
  border-color: black;
  color: black;
}

.black-skin .reserveBtn {
  color: #000;
  background-color: #fff;
  border-style: none;
}
.black-skin .reserveBtn:hover {
  color: #fff!important;
  background-color: #ffffff75;
  border-style: none;
}
.roomPt {
  padding-top: 3rem;
}
.roomsP{
  line-height: 1.8;
}
.roomContent {
  line-height: 1.8;
}
.roomsH3 {
  padding-bottom: 3rem;
}
.roomsImgMod {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #0000001f;
  padding: 0 1rem;
  color: white;
  border-radius: 15px 0px 0px 15px;
}
.black-skin .descRoom {
  background-color: #000;
}
.room_image {
  height: 36rem;
  object-fit: cover;
}
.roominner {
  padding: 0 8rem;
}
.white-skin .roomsColor {
  background-color: transparent;
}
.black-skin .roomsColor {
  background-color: #000;
}
body:not(.home) .otherLangs:hover {
  color: #000!important;
}
body:not(.home) .pt {
  padding-top: 14rem;
}
.white-skin .footer .social-icon {
  color: #fff!important;
}
.collectionLink {
  display: inline-block;
}
.descNavigation {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
}
#mobNavigation {
  display: none;
}
.slider_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider_h2 {
  font-size: 1.2rem;
}
.premiumImg {
  height: 13rem!important;
  border-radius: 25px 25px 0 0!important;
  cursor: pointer;
  object-fit: cover;
}
.premiumCardMod {
  border-radius: 25px!important;
}
.cardShadow {
  transition: 0.4s;
}
.cardShadow:hover {
  transition: 0.4s;
}
.white-skin .cardShadow {
  background-color: white;
}
.white-skin .cardShadow:hover {
  background-color: #303c471a;
}
.black-skin .cardShadow {
  background-color: #303c471a;
}
.black-skin .cardShadow:hover {
  background-color: white;
  color: #000;
}
.descSlide {
  display: block;
}
.mobSlide{
  display: none;
}
.logo {
  width:6rem;
}
.cbg {
  background-color: transparent;
}
.mobLang {
  position: absolute;
  right: 5px;
}
.mobNav {
  position: absolute;
  left: 5px;
  top: 5px;
}
.white-skin .mobLang  a{
  color: black!important;
}
#prem_next {
  display: none;
}
#prem_prev {
  display: none;
}
.premium_elispis {
  overflow: hidden;
  height: 73px;
  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);
}
.premBlock {
  padding-bottom: 4rem;
}
.black-skin .Tw {
  color: #fff!important;
}
.sliderShadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000005c;
}
.res_text {
  font-size: 2rem;
}

#logoSubdiv {
  display: none;
}
.openDiv {
  padding: 1.3rem;
}
.logoDiv {
  text-align: center;
}
.openNavbtn {
  background: white;
  border-radius: 50px;
  border-color: #fff;
  font-size: 1rem;
  padding: 0.8rem 1.13rem!important;
}
.openNavbtn2 {
  background: white;
  border-radius: 50px;
  border-color: #fff;
  font-size: 1rem;
  padding: 0.8rem 1.13rem!important;
}
.closeNav2 {
  background: white;
  border-radius: 50px;
  border-color: #fff;
  font-size: 1rem;
  padding: 0.8rem 1.13rem!important;
  position: absolute;
  top: 1.3rem;
  left: 1.3rem;
}
.langDiv {
  text-align: end;
  padding: 1.3rem;
}
.mainLang {
  background-color: transparent!important;
  font-size: 1.4rem;
  border-radius: 50px;
  font-weight: bold;
}
.otherLang {
  min-width: 4rem!important;
  background: transparent;
  border-color: #fff;
}
.langSize {
  font-size: 1.2rem!important;
  color: #fff!important;
  font-weight: bold!important;
}
.langSize:hover {
  background-color: transparent!important;
  color: #fff!important;
  font-weight: bold!important;
}
.wallNav {
  list-style: none;
  display: inline-flex;
  padding: 1rem 0 0;
  font-size: 1rem;
  color: white;
  cursor: pointer;
}
.psm {
  padding: 0 1rem;
}
.otherLang {
  z-index: 3;
}
.mobNavSt {
  display: none!important;
}
.wallNav2 {
  font-weight: bold;
  list-style: none;
  display: inline-flex;
  padding: 2.3rem 0 0;
  cursor: pointer;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
}
.white-skin .overlay {
  background-color: #0d222b;
}
.black-skin .overlay {
  background-color: #000;
}
.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  list-style: none;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  display: block;
  transition: 0.3s;
  font-weight: bold;
}
.white-skin .overlay a {
  color: #fff;
}
.white-skin .overlay a:hover {
  color: #fff9!important;
}
.white-skin .overlay a:focus {
  color: #fff9!important;
}
.black-skin .overlay a {
  color: #ffffffb3!important;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.black-skin .overlay a:hover {
  color: #fff!important;
}
/*collection carousel*/

.MainPage2{
  padding: 5% 0;
}
.y1{
  background: #fff;
  color: #000;
  width: 691px;
  height: 504px;
  padding: 12% 9%;
  transform: translate(-412px, 49px)!important;
  box-shadow: -9px 14px 18px #88888854;
  position: relative;
}
.y2{
  padding: 0;
}
.y4{
  max-height: 600px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
.openDiv2 {
  position: absolute;
  top: 1.3rem;
  left: 1.3rem;
}
.sliderBox {
  position: relative;
  overflow: hidden;
}
.sliderBg {
  background-color: #00000045;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}
.bookBox {
  position: fixed;
  right: 32px;
  z-index: 3;
  bottom: 85px;
}
.bookBox2 {
  position: fixed;
  right: 32px;
  z-index: 11;
  bottom: 32px;
}
.closeBookBox {
  position: fixed;
  right: 32px;
  z-index: 3;
  bottom: 32px;
}
.bookBtn {
  background: white;
  font-weight: bold;
  border-radius: 50px!important;
  padding: 2.2rem 1rem!important;
  transition: 0.3s;
  border-style: solid;
  border-radius: 50px;
  border-color: #c0c0c06e;
  border-width: thin;
}
.bookBtn:hover {
  background: silver;
  color: #fff;
  font-weight: bold;
  border-radius: 50px!important;
  padding: 2.2rem 1rem!important;
  transition: 0.3s;
}
.closeBookbtn {
    background: white;
    font-weight: bold;
    border-radius: 50px!important;
    padding: 2.2rem 2rem!important;
    transition: 0.3s;
    border-style: solid;
    border-color: #c0c0c06e;
    border-width: thin;
}
.contactMt {
  margin-top: 9rem;
}
  .closeBookbtn:hover {
    background: silver;
    color: #fff;
    font-weight: bold;
    border-radius: 50px!important;
    padding: 2.2rem 2rem!important;
    transition: 0.3s;
  }
.booktext {
  font-size: 1.5rem;
  margin-right: 1rem;
  font-weight: bold;
}
.white-skin .booktext {
  color: #0C222B;
}
.black-skin .booktext {
  color: #ffffffb3;
}
.reserv_div {
  display: inline-flex;
}
.reservationBox {
  display: inline-block;
}
#checkin_date {
  border-style: none none solid;
  border-width: thin;
  font-size: 1.5rem;
  font-weight: bold;
}
.white-skin #checkin_date {
  background: transparent;
  border-color: silver;
  color: #0C222B;
}
.black-skin #checkin_date {
  background: transparent;
  border-color: silver;
  color: #fff;
}
.black-skin #checkin_date:focus {
  border-color: silver;
}
.black-skin #checkin_date:active {
  border-color: silver;
}
#checkout_date {
  border-style: none none solid;
  border-width: thin;
  font-size: 1.5rem;
  font-weight: bold;
}
.white-skin #checkout_date {
  background: transparent;
  border-color: silver;
  color: #0C222B;
}
.black-skin #checkout_date {
  background: transparent;
  border-color: silver;
  color: #fff;
}
.black-skin #checkout_date:focus {
  border-color: silver;
}
.black-skin #checkout_date:active {
  border-color: silver;
}
#adults_amount {
  border-style: none none solid;
  border-width: thin;
  font-size: 1.5rem;
  font-weight: bold;
}
.white-skin #adults_amount {
  background: transparent;
  border-color: silver;
  color: #0C222B;
}
.black-skin #adults_amount {
  background: transparent;
  border-color: silver;
  color: #fff;
}
.black-skin #adults_amount:focus {
  border-color: silver;
}
.black-skin #adults_amount:active {
  border-color: silver;
}
#kids_amount {
  border-style: none none solid;
  border-width: thin;
  font-size: 1.5rem;
  font-weight: bold;
}
.white-skin #kids_amount {
  background: transparent;
  border-color: silver;
  color: #0C222B;
}
.black-skin #kids_amount {
  background: transparent;
  border-color: silver;
  color: #fff;
}
.black-skin #kids_amount:focus {
  border-color: silver;
}
.black-skin #kids_amount:active {
  border-color: silver;
}
.black-skin input[type=number]:focus:not([readonly]) {
  border-color: silver;
  box-shadow: 0 1px 0 0 #fff;
}
.reserv_btn {
  transition: 0.3rem;
  border-style: solid;
  border-width: thin;
}
.reserv_btn:hover {
  border-style: solid;
  border-width: thin;
  transition: 0.3rem;
}
.cyan-skin .reserv_btn {
  background-color: #114861;
  color: #fff;
}
.deep-purple-skin .reserv_btn {
  background: #1e2023!important;
  color: white;
}
.deep-purple-skin .deep-style {
  background-color: transparent!important;
  color: #fff;
}
.white-skin .reserv_btn {
  background-color: #0C222B;
  color: #fff;
  border-color: #fff;
}
.white-skin .reserv_btn:hover {
  background-color: #fff;
  color: #000;
  border-color: silver;
}
.black-skin .reserv_btn {
  color: white!important;
  background-color: #ff000075;
  border-color: #fff;
}
.black-skin .reserv_btn:hover {
  color: #ffffff75!important;
  background-color: #ff000075;
  border-color: silver;
}
.black-skin .premium_bg {
  background-color: #000;
  color: #fff;
}
.cyan-skin .premium_bg {
  background-color: #114861;
  color: #fff;
}
.mdb-skin .premium_bg {
  background-color: #243a51;
  color: #fff;
}
.black-skin .premiuminner_bg {
  background-color: #000;
  color: #fff;
}
.cyan-skin .premiuminner_bg {
  background-color: #114861;
}
.mdb-skin .premiuminner_bg {
  background-color: #243a51;
}
.bookNav {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
}
.white-skin .bookNav {
  background-image: url('../../../assets/images/backgrounds/Dts.jpg')!important;
}
.black-skin .bookNav {
  background-color: #000;
}
.bookContent {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  list-style: none;
}

.bookNav a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  display: block;
  transition: 0.3s;
  font-weight: bold;
}

.header-content {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  justify-content: center;
}
.welcome-text {
  font-size: 1.2rem;
  font-weight: bold;
}
.wellcomeBox {
  padding: 1% 0 5%;
}
.featuredBox {
  position: relative;
  overflow: hidden;
}
.featuredImg {
  animation: animate 15s infinite;
  height: 35rem;
  object-fit: cover;
}
@keyframes animate {
  0%   {transform: translateX(-20px);}
  25%  {transform: translateX(20px);}
  50%  {transform: translateX(20px);}
  100% {transform: translateX(-20px);}
}
.featuredBlock {
  transform: scale(1.4);
}
.white-skin .featuredBg {
  background-image: url('../../../assets/images/backgrounds/Dts.jpg')!important;
}
.featuredBg {
  background-color: #000;
  color: #ffffffb3;
}
.jz35 {
  background-image: url('../../../assets/images/backgrounds/Dts.jpg')!important;
}
.roomsName {
  font-weight: bold;
  font-size: 2.5rem;
  padding-bottom: 2rem;
}
.roomText {
  text-align: left;
  font-weight: 600;
  line-height: 1.7;
  font-size: 1.2rem;
}
.roomBtnDiv {
  text-align: left;
}
.white-skin .roomsBtn {
  background-color: #080f28;
  color: #fff!important;
}
.black-skin .roomsBtn {
  color: #000;
  background-color: #fff;
}
.black-skin .roomsBtn:hover {
  color: #fff!important;
  background-color: #ffffff75;
}
.SwipBtn {
  background: transparent;
  border-color: transparent;
}
.arrowBoxPadding {
  padding-top: 6rem;
}
.SwiperPrev {
  text-align: right;
}
.featuredHeadText {
  text-align: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 4rem;
  color: #080f28;
}
.FeaturedRoom22 {
  padding: 6% 5%;
  position: relative;
  overflow: hidden;
}
.featuredCollection22 {
  padding: 9% 0%;
  position: relative;
  overflow: hidden;
}

.animAdd:not(.animated).collectionTitle{
  color: green;
  font-size: 3rem!important;
}

#NextId {
  display: none;
}
#PrevId {
  display: none;
}
.amenityBox {
  padding: 4rem 0 5rem;
}
.collectionArrowBox {
  position: absolute;
  right: 15rem;
  display: inline-flex;
}
.anenityText {
  padding: 1rem;
  text-align: left;
}
.white-skin .anenityText {
  background: white;

}
.amenityCheck {
  position: absolute;
  right: 37px;
}
#NextId2 {
  display: none;
}
#PrevId2 {
  display: none;
}
.collection22 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mySwiper2 {
  overflow: hidden;
}
.white-skin .footer {
  background-color: #0c222b!important;
}
.footerName {
  border-bottom-style: solid;
  border-bottom-width: thin;
  padding: 3rem 0 1rem;
}
.footNav {
  justify-content: center;
}
.review_box {
  margin-top: 14rem;
}
.galleryDiv {
  padding-top: 10rem;
}
.cyan-skin .galleryDiv {
  background-color: #114861;
}
.mdb-skin .galleryDiv {
  background-color: #243a51;
}
.cyan-skin .roomPrem {
  background-color: #114861;
}
.mdb-skin .roomPrem {
  background-color: #243a51;
}
.cyan-skin #reserve_form .table {
  color: #fff!important;
}
.deep-purple-skin #reserve_form .table {
  color: gray!important;
}
.mdb-skin #reserve_form  .table {
  color: #fff;
}
.cyan-skin .revBg {
  background-color: #114861!important;
}
.mdb-skin .revBg {
  background-color: #243a51!important;
}
.mdb-skin .reserv_btn {
  background-color: #243a51;
  color:#fff;
}
.cyan-skin .revBook {
  border-style: solid;
  border-width: thin;
  border-color: #fff;
  box-shadow: none;
}
.deep-purple-skin .revBook {
  border-style: solid;
  border-width: thin;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.deep-purple-skin .revBook:hover {
  color: gray;
  border-style: solid;
  border-width: thin;
  border-color: gray;
  box-shadow: none;
}
.deep-purple-skin .contactBtn {
  color: gray;
  border-style: solid;
  border-width: thin;
  border-color: gray;
  box-shadow: none;
}
.deep-purple-skin .contactBtn:hover {
  border-style: solid;
  border-width: thin;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.mdb-skin .revBook {
  border-style: solid;
  border-width: thin;
  border-color: #fff;
  box-shadow: none;
}
.cyan-skin #checkout_date {
  background-color: #fff;
}
.cyan-skin #checkin_date {
  background-color: #fff;
}
.deep-purple-skin #checkout_date {
  background-color: #fff;
}
.deep-purple-skin #checkin_date {
  background-color: #fff;
}
.mdb-skin #checkout_date {
  background-color: #fff;
}
.mdb-skin #checkin_date {
  background-color: #fff;
}
.mdb-skin .revBook:hover {
  color: #33b5e5;
  border-color: #33b5e5;;
}
.cyan-skin #bookContainer {
  background-color: #fff;
}
.deep-purple-skin #bookContainer {
  background-color: #fff;
}
.mdb-skin #bookContainer {
  background-color: #fff;
}
.contactDiv {
  padding-top: 13rem;
}
.contactBtn {
  border-style: solid;
  border-width: thin;
  border-color: #0000005c;
}

.black-skin .contactBtn {
  color: #000;
  background-color: #fff;
}
.black-skin .contactBtn:hover {
  color: #fff!important;
  background-color: #ffffff75;
}
.mobRoom {
  display: none;
}
.descRoom {
  display: block;
}
.premiumText {
  font-weight: bold!important;
}
.black-skin .fcw {
  color: white!important;
}
.black-skin .galleryDiv {
  background-color: #000;
}

.black-skin .premiumBtn {
  color: #000;
  background-color: #fff;
  padding: 0.7rem 0.6rem;
  border-radius: 2px;
  margin-top: 1rem;
  position: relative;
  top: 1rem;
}
.black-skin .premiumBtn:hover {
  color: #fff!important;
  background-color: #ffffff75;
}
  .roomHead {
  padding: 11rem 0 2rem 0;
  text-align: center;
}
.black-skin .roomBackground {
  background-color: #000;
  color: #ffffffb3;
}
.roomBackground #checkin_date {
  font-size: 1rem!important;
}
.roomBackground #checkout_date {
  font-size: 1rem!important;
}
.roomBackground #adults_amount {
  font-size: 1rem!important;
}

@media screen and (max-width: 1500px) {
  
  #logoSubdiv {
    display: none!important;
  }
  #botNav {
    display: none!important;
  }
  .roominner {
    padding: 0 2rem;
  }
  .sliderImg22M {
    height: 60rem;
  }
}
@media screen and (max-width: 1350px) {
  .descSlide {
    display: none;
  }
  .mobSlide{
    display: block;
  }
  .sliderImg22M {
    height: 46rem;
  }
}
@media screen and (max-width: 1150px) {
  .sliderImg22M {
    height: 39rem;
  }
}
@media screen and (max-width:991px) {
  .ordX {
    order:2;
    padding-top: 3rem;
  }
  .sliderImg22 {
    height: 45rem;
  }
  .ordY {
    order: 1;
  }
  .alert {
    min-width: 25rem;
  }
  .paddingicon {
    order:2;
  }
  .mobRoom {
    display: block;
  }
  .descRoom {
    display: none;
  }
  .roomsImgMod {
    left: 0;
    right: auto;
    border-radius: 0 15px 15px 0;
  }
}
@media screen and (max-width:950px) {
  .FeaturedRoom22 {
    padding: 6% 2%;
  }
}
@media screen and (max-width:767px) {
  .roomsName {
    font-size: 2rem;
  }
  .contactMt {
    margin-top: 3rem;
  }
  .roomText {
    font-size: 1rem;
  }
  
}
@media screen and (max-width:650px) {
  #descNavigation {
    display: none;
  }
  #mobNavigation {
    display: block;
  }
  .mobNavSt {
    display: flex!important;
  }
  .bg1 {
    padding-top: 2rem;
  }
  .contactDiv {
    padding: 5rem 2rem;
  }
  .contactHead {
    font-size: 1.8rem;
  }
  .alert2 {
    max-width: 22rem;
  }
}
@media screen and (max-width:480px) {
  .review_box {
    margin-top: 2rem;
  }
  .logo {
    width: 4rem;
  }
  .roomHead {
    padding: 4rem 0 2rem 0;
    text-align: center;
  }
  .alert {
    min-width: 19rem;
  }
    .prMr {
    margin-top: 1rem;
  }
  .premiumImg {
    height: 17rem!important;
    object-fit: cover;
  }
  .overlay-content {
    top: 3%;
  }
  .mobcollectionImg {
    height: 30rem;
    object-fit: cover;
  }
  .featuredImg {
    height: 30rem;
    object-fit: cover;
  }
  .sliderImg22 {
    height: 45rem;
  }
  .dinamicBlock img {
    width: fit-content;
    height: 200px!important;
    padding-bottom: 1rem;
  }
  .ordX {
    order: 2;
    padding-top: 4rem;
  }
  .ordY {
    order: 1;
  }
  .bookImg {
    width: 5rem;
  }
  .bookBox {
    right: 5px;
    bottom: 7px;
  }
  .overlay a {
    font-size: 25px;
  }
  .closeNav2 {
    top: 0.5rem;
    left: 0.6rem;
  }
  .roomsMainDiv {
    padding-top: 3rem;
  }
  .galleryDiv {
    padding-top: 4rem;
  }
  body:not(.home) .pt {
    padding-top: 2rem;
  }
}