@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
}
body {
	font-size:1rem;background: #FFFFFF;	margin: 0;padding: 0;color: #000000;font-family: Helvetica, Roboto, Segoe UI, Arial, sans-serif;}
h1{font-size:2rem;font-weight:bold; color:#2D2D2D; }
h2{font-size:1.7rem; font-weight:bold; color:#2D2D2D; }
h3{font-size:1.5rem; font-weight:bold; color:#2D2D2D; }
h4{font-size:1.2rem; font-weight:bold; color:#2D2D2D;}
h5{font-size:1.1rem; font-weight:bold;color:#2D2D2D;}
a	{color: #11AAF6; text-decoration:none}
a:hover	{color: #000000 }
.nav	{color:#ffffff!important;}
.navbar-dark .navbar-toggler { color: rgba(255,255,255); border-color: rgb(255, 255, 255);}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(249,192,80, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.logo img	{width:150px}
.sitecolor1	{color: #11AAF6 !important;}
.sitecolor2	{color: #88E3D3 !important;}
.sitecolor3	{color: #F9C050 !important;}
.sitecolor4	{color: #B4BBFF !important;}
.sitecolor5	{color: #FF9393 !important;}
.sitecolor6	{color: #94DDFF !important;}

.sitecolor1bg	{background-color: #11AAF6; color:#ffffff!important;}
.sitecolor2bg	{background-color: #88E3D3 ;}
.sitecolor3bg	{background-color: #F9C050;}
.sitecolor4bg	{background-color: #B4BBFF;}
.sitecolor5bg	{background-color: #FF9393;}
.sitecolor6bg	{background-color: #94DDFF;}
.sitecolor1bg a	{color: #F9C050; text-decoration:none}
.sitecolor1bg h4	{color:#ffffff!important;}

.sitecolor1fade	{background-color: rgb(231, 246, 254);}
.sitecolor2fade	{background-color: rgb(228, 245, 239);}
.sitecolor3fade	{background-color: rgb(253, 243, 224);}
.sitecolor4fade	{background-color: rgb(229, 232, 253);}
.sitecolor5fade	{background-color: rgb(255, 237, 237);}

.linkcolor a	{color: #000000; }
.linkcolor a:hover	{color: #11AAF6; }
.icons p	{margin-bottom:0.4rem;}
.icon	{line-height: 0;height: 56px;width: 56px;min-width: 56px;text-align: center;border-radius: 9999px;}
.diamondicon	{height: 56px;width: 56px; margin-bottom:20px;}
.trending	{font-size:1.1rem; font-weight:bold;}
.booknow	{font-weight:bold;font-size:1.1rem;color:#2D2D2D; }
.banner	{background-image: url("../images/bg.jpg"); background-size:cover; background-position:center;color:#ffffff;}
.banner1	{background: url("../images/bg1.jpg"); background-image: url("../images/bg1.jpg"); background-size:cover; background-position:center;color:#ffffff;}
.banner2	{background-image: url("../images/bg2.jpg"); background-size:cover; background-position:center;color:#ffffff;}
.banner3	{background-image: url("../images/bg5.jpg"); background-size:cover; background-position:center;color:#ffffff;}
.banner4	{background-image: url("../images/bg4.jpg"); background-size:cover; background-position:center;color:#ffffff;}
.banner5	{background-image: url("../images/bg3.jpg"); background-size:cover; background-position:center;color:#ffffff;}
.banner h1, .banner1 h1, .banner2 h1, .banner3 h1, .banner4 h1, .banner5 h1	{color:#ffffff;}
.banner h1, .banner1 h1	{font-size:2.8rem;}
.banner h2, .banner1 h2, .banner2 h2, .banner3 h2, .banner4 h2, .banner5 h2	{font-size:2.2rem;color:#ffffff; }
.banner h3, .banner1 h3, .banner2 h3, .banner3 h3, .banner4 h3, .banner5 h3	{color:#ffffff; }
.banner h4, .banner1 h4, .banner2 h4, .banner3 h4, .banner4 h4, .banner5 h4	{color:#ffffff; }

.img-resortframe {
  height: 0px;
  padding-bottom: 175px;
  position: relative;
  overflow: hidden;
  border-radius: 0px;
}
.img-resort {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  object-fit: cover;

}
.img-resort-descframe {
  position: absolute;  left: 8px;  top: 8px;
}
.img-resort-desc {
  padding: 7px 16px;line-height:1rem;font-weight:500; color:#000000
}
.managebooking	{font-size:1.1rem; font-weight:bold; color:#2D2D2D;}
.resortimg3 {height:250px;background-size: cover; background-color: #ddd; width:100%; background-repeat:no-repeat;background-position:center}
.resortimg4 {height:250px; background-size: cover; background-color: #ddd; width:100%;   background-repeat:no-repeat; background-position:top;object-fit: cover}
.resortimg4s	{height:250px; background-repeat:no-repeat; background-position:bottom; background-size:cover;}
.resortimgcountry	{height:300px;}
.promographic {background-position: top left;background:#11AAF6 url('../images/promotion.jpg'); background-size: cover;background-repeat: no-repeat;  }
.footer	{background-color: #11AAF6;color:#ffffff!important;}
.footer a	{color: #F9C050; }
.footer a:hover	{color: #ffffff; }
.footer ul	{color: #bca480; list-style:square;padding-left: 20px;}
.footer ul li	{border-color: rgba(255,255,255,0.1); padding-top:10px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer ul li a	{color:#ffffff;}
.footer img	{width:150px}
@keyframes pulse {
    0% { transform: scale(0.6); }
    50% { transform: scale(1.2); }
    100% { transform: scale(0.6); }
}

.pulse {
  animation: pulse 0.7s ease-in-out infinite;
}
/* pulse button styling */
.pulsingButton {
background:#11AAF6; color:#ffffff !important;font-size: 1.5rem;
  text-align: center;
  white-space: nowrap;
  padding: 10px 20px 15px 20px;
  box-shadow: 0 0 0 0 rgba(17, 170, 246, 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) {
.banner, banner1, banner2, banner3, banner4	{min-height:400px;}
.banner .carousel-item {height: 400px;}
.banner .carousel-item img {min-height: 400px;}
.icons img	{padding-left:0px; padding-right:0px;}
.resortimg3  	{height:100px;}
.resortimg4  	{height:300px;}
.resortimg4s	{height:180px;}
.resortimglarge	{height:160px;}
}

@media only screen and (min-width:768px) {
.banner, banner1, banner2, banner3, banner4	{min-height:450px;}
.banner .carousel-item {height: 450px;}
.banner .carousel-item img {min-height: 450px;}
.icons img	{padding-left:20px; padding-right:20px;}
.resortimg3  	{height:120px;}
.resortimg4 	{height:180px;}
.resortimg4s	{height:130px;}
.resortimgcountry	{height:240px;}
.promographic {background-position: bottom right;}
.footer .social img	{width:22%}

@media only screen and (min-width:992px) {
.banner, banner1, banner2, banner3, banner4	{min-height:450px;}
.banner .carousel-item {height: 450px;}
.banner .carousel-item img {min-height: 450px;}
.icons img	{padding-left:50px; padding-right:50px;}
.booknowbanner	{font-size: 3rem;}}
.resortimg3 	{height:180px;}
.resortimg4 	{height:150px;}
.resortimg4s	{height:160px;}
.resortimgcountry	{height:240px;}
.footer .social img	{width:16%}
}
@media only screen and (min-width:1200px) {
.banner, banner1, banner2, banner3, banner4	{min-height:500px;}
.banner .carousel-item {height: 500px;}
.banner .carousel-item img {min-height: 500px;}
.icons img	{padding-left:80px; padding-right:80px;}
.resortimg3 	{height:200px;}
.resortimg4 	{height:200px;}
.resortimg4s	{height:180px;}
.footer .social img	{width:12%}
}