@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');
    html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%}
body {
    line-height: 1.3em;
    text-align: left;
    letter-spacing: 0;
    font-weight: 400;
	font-size: 0.9rem;
    font-family: Poppins, sans-serif;
    background: #fff;
    color: #000 !important;
    position: relative;
}
a:link, a:visited {
    color: #000;
    text-decoration: none;
    outline: none;
}
#demo	{font-size: 1.8rem; overflow:visible;}
h1 {font-family: Poppins, sans-serif;margin: 0px auto 20px auto;font-size: 2.8rem;font-weight: 400;color:#25316B!important;}
h2 {font-family: Poppins, sans-serif;font-size: 2.5rem;font-weight: 400;color:#25316B!important;}
h3 {font-family: Poppins, sans-serif;font-size: 2rem;font-weight: 400;color:#25316B!important;}
h4 {font-family: Poppins, sans-serif;font-size: 1.5rem;font-weight: 400;color:#25316B!important;}
h5 {font-family: Poppins, sans-serif;font-size: 1.2rem;font-weight: 400;color:#25316B!important;}
h6 {font-family: Poppins, sans-serif;font-size: 1.1rem;font-weight: 400;color:#25316B!important;}
.navbar { background:#25316B !important;}
.navbar-dark .navbar-nav .nav-link { color:#ffffff !important;}
.bannerhome	{background-image: url("../images/bannerhome.webp"); background-repeat:no-repeat; background-position:center; background-size:cover; min-height:200px;}
.banner1	{background-image: url("../images/banner1.webp"); background-repeat:no-repeat; background-position:center; background-size:cover;min-height:200px;}
.banner2	{background-image: url("../images/banner2.webp"); background-repeat:no-repeat; background-position:center; background-size:cover;min-height:200px;}
.banner3	{background-image: url("../images/banner3.webp"); background-repeat:no-repeat; background-position:center; background-size:cover;min-height:200px;}
.bannercity	{background-image: url("../images/citybreak.jpg"); background-repeat:no-repeat; background-position:center; background-size:cover;min-height:200px;}
.bannerhome h1, .banner1 h1, .banner2 h1, .banner3 h1, .bannercity h1	{font-size: 1.8rem !important;}
.bannerhome h1 .em	{font-size: 1.1em; font-weight:500}
.bg1	{background:#25316B; color:#ffffff !important;}
.bg2	{background:#A7DAF0; color:#000000;}
.bg1 .card	{background:none;}
.bg1 .card h5	{color:#ffffff !important;}
.bg1	{background:#25316B; color:#ffffff !important;}
.btn-blue	{background:#19AEFF; color:#ffffff !important;}
.btn-blue1	{background:#25316B; color:#ffffff !important;}
.btn.btn-blue1:hover {border:1px solid #25316B !important;; color:#25316B !important;}
.btn:hover {border:1px solid #19AEFF !important;; color:#19AEFF !important;}
.textblue1	{color:#25316B !important;}
.textblue2	{color:#19AEFF !important;}
.featuredhotels .card .card-body	{padding:0.5rem;}
.social	i	{font-size: 1.5rem;}
.bi	{color:#19AEFF !important;}
.concierge	{background-image: url("../images/join-bg.jpg"); background-repeat:no-repeat; background-position:top; background-size:cover;}
.moli	{background-image: url("../images/moli.jpg"); background-repeat:no-repeat; background-size:cover; min-height:350px;}
.resortimg6	{height:250px; background-repeat:no-repeat; background-position:bottom; background-size:cover;}
.resortimg4	{height:270px; background-repeat:no-repeat; background-position:bottom; background-size: cover; }
.resortimg3	{height:250px; background-repeat:no-repeat; background-position:bottom; background-size:cover;}
.resortimg2	{height:250px; background-repeat:no-repeat; background-position:bottom; background-size:cover;}

.testimonial-slider .carousel-indicators button {width: 10px; height: 10px; background-color: #19AEFF; border-radius: 100%;}
.testimonial-slider {padding: 10px 0px 40px;}

.card-type    {width:100%;background:#25316B; padding: 4px; color:#19AEFF;}
.card-type h4, .card-type h3    {color: #ffffff !important; margin-bottom: 2px;}
.card-bg-image    {width:100%; height:260px; position: relative;}
.special    {width:180px; float: right}
.specialofferOver     {position: absolute; width: 100px; top:10px; right: 10px; z-index: 1000}
.specialoffericons     {position: absolute; width: 80%; bottom:10px; left: 10px; z-index: 1000}
.specialoffericons .specialicon    {background: rgba(23,52,113,0.8); color: #ffffff;}
#search-frame select {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    word-wrap: normal;
}

.footer	{ background:#25316B !important;color:#ffffff;}
.footer a	{color:#19AEFF !important;}
.footer  ul	{ 
	padding:0;
	margin:0 0 20px 0; text-align:center;	list-style:none
	}
#footer li a	{ border-bottom:1px solid #999; padding-top:10px; padding-bottom:10px;}
/* pulse button styling */
.pulsingButton {
background:#07587F; color:#ffffff !important;font-size: 1.5rem;
  text-align: center;
  white-space: nowrap;
  padding: 20px 20px 15px 20px;
  box-shadow: 0 0 0 0 rgba(7, 88, 127, 0.7);
  border-radius: 4px;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1),pulse 1.25s linear infinite;;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}
a.pulsingButton:hover {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  animation: none;
  color: #ffffff;
}


/* Animation */

@keyframes pulse {
    0% {
     transform: scale(0.95, 0.95);
    }

    50% {
     transform: scale(1, 1);
    }

    100% {
    transform: scale(0.95, 0.95);
    }
}
@-webkit-keyframes pulsing {
	to {
    box-shadow: 0 0 0 30px rgba(7, 88, 127, 0);
  }
}

@-moz-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(7, 88, 127, 0);
  }
}

@-ms-keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(7, 88, 127, 0);
  }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(7, 88, 127, 0);
  }
}
/* end pulse button styling */
@media only screen and (min-width:576px) {
.bannerhome, .banner1, .banner2, .banner3, .bannercity	{min-height:250px;}
.resortimg6	{height:300px;}
.resortimg4	{height:160px;}
.resortimg3	{height:180px;}
.resortimg2	{height:300px;}
.dynamic-calendar	{font-size: 2.3rem; line-height:1.6rem}
}@media only screen and (min-width:768px) {
.bannerhome, .banner1, .banner2, .banner3, .bannercity		{min-height:300px;}
.bannerhome h1, .banner1 h1, .banner2 h1, .banner3 h1, .bannercity h1	{font-size: 2rem !important}
.resortimg6	{height:90px;}
.resortimg4	{height:170px;}
.resortimg3	{height:130px;}
.resortimg2	{height:300px;}
.footer li	{display:inline-block;}
.footer li a	{ padding:0 10px; border-bottom:none;}
}
@media only screen and (min-width:992px) {
.banner1, .banner2, .banner3		{min-height:300px;}
.bannerhome, .bannercity		{min-height:400px;}
.bannerhome h1, .banner1 h1, .banner2 h1, .banner3 h1, .bannercity h1	{font-size: 2.5rem !important}
.concierge	{background-position:center;}
.moli	{min-height:450px;}
.resortimg6	{height:110px;}
.resortimg4	{height:200px;}
.resortimg3	{height:160px;}
.resortimg2	{height:280px;}
.special    {width:150px;}
}
@media only screen and (min-width:1200px) {
.banner1, .banner2, .banner3		{min-height:350px;}
.bannerhome, .bannercity		{min-height:450px;}
.bannerhome h1, .banner1 h1, .banner2 h1, .banner3 h1, .bannercity h1	{font-size: 2.8rem !important}
.resortimg6	{height:130px;}
.resortimg4	{height:180px;}
.resortimg3	{height:180px;}
.resortimg2	{height:270px;}
.dynamic-calendar	{font-size: 1.3rem; }
.special    {width:200px;}
}
@media only screen and (min-width:1400px) {

.resortimg2	{height:300px;}

}