@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');
body {
    line-height: 1.3em;
    text-align: left;
    letter-spacing: 0;
    font-weight: 400;
   font-size: 0.9rem;
    font-family: Poppins, sans-serif;
    background: #ffffff;
    color: #3B3B3B;
}


a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

a:link {
	color: #25316B;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #25316B;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
}


h1 {font-family: Poppins, sans-serif;margin: 0px auto 20px auto;font-size: 2.2rem;font-weight: 400;color:#25316B!important;}
h2 {font-family: Poppins, sans-serif;font-size: 1.9rem;font-weight: 400;color:#25316B!important;}
h3 {font-family: Poppins, sans-serif;font-size:1.7rem;font-weight: 400;color:#25316B!important;}
h4 {font-family: Poppins, sans-serif;font-size: 1.4rem;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;}

.ui-datepicker    {z-index: 2000 !important;}
.keytop	{display:none;}

.small {font-size:0.7em;}
.xl	{font-size:1.3em}
.sitecolour	{color: #25316B!important;}
.sitecolour1	{color: #39C5FF!important;}

.btn-sitecolour		{background:#5DC5E9; color:#ffffff !important;}
.btn-sitecolour1	{background:#32D5C2; color:#ffffff !important;}
.btn-sitecolour2	{background:#FFAC12; color:#ffffff !important;}
.rev-btn {background-color: #FFAC12 !important;}
.rev-btn a {color:#ffffff !important;}
.bg1	{background:#25316B; color:#ffffff !important;}
.bg2	{background:#A7DAF0; color:#3B3B3B}
.bg3	{background:#eeeeee; color:#3B3B3B;}
.bg4	{ background:#00192C; color:#FFF;}
.bg1 .card	{background:none;}
.bg1 .card h5	{color:#ffffff !important;}
.btn-blue	{background:#39C5FF; color:#ffffff !important;}
.btn-blue1	{background:#25316B; color:#ffffff !important;}
.btn.btn-blue1:hover {border:1px solid #25316B !important; color:#39C5FF !important;}
.btn:hover {border:1px solid #39C5FF !important; color:#39C5FF !important;}
.textblue1	{color:#25316B !important;}
.textblue2	{color:#39C5FF !important;}
.borderblue    {border:1px solid #39C5FF !important;}

#nav .logo {width:250px; height:80px; transition: all linear .3s; background-image: url("../images/weblogo.webp"); background-size: contain; background-repeat:no-repeat; background-position: center center}


.card {}
.card .card-title {color: #39C5FF;}
.accordion-item {  border: none;}
.accordion-button {color:#25316B;}
.accordion-button:not(.collapsed) {  color: #39C5FF;  border:#093254 !important;}
.accordion-button:focus { border-color: #39C5FF; box-shadow: 0 0 0 .25rem rgba(50,213,194,.25);
}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2332D5C2'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2332D5C2'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}

.icons img	{padding-left:20px; padding-right:20px;}
.icons h5 {padding-top:10px; font-size:0.9rem}
.icons2		{font-size:0.9rem; font-weight:bold;}
.faq li {padding-bottom: 15px; font-size: 1.5rem; font-weight: bold}
.faq li li {padding-bottom: 5px; font-size: 1rem; font-weight: normal}
.faq li .faqtext {font-size: 1rem; font-weight: normal}
.resortimg3 {height:250px;background-size: cover; background-color: #ddd; width:100%; background-repeat:no-repeat}
.resortimg4 {height:250px; object-fit: cover; background-color: #ddd; width:100%; background-repeat:no-repeat}
.resortimg4s	{height:250px; background-repeat:no-repeat; background-position:bottom; background-size:cover;}
.resortimgcountry	{height:300px;}

.reasonsline	{ background:#5DC5E9; width:80%; margin:0 auto; clear:both; height:1px; margin-bottom:0.8em}
.promographic {background-position: top left;background:#FFAC12 url('../images/promotion2.jpg'); background-size: cover;background-repeat: no-repeat;  }

/* pulse button styling */
.pulsingButton {
background:#FFAC12; 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(241, 152, 27, 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 */


.footer	{ background:#25316B; color:#FFF; font-size:0.9rem}
.footer	ul{margin:0;padding:0;list-style:none}
.footer li{border-bottom:1px solid #364E87;padding:3px 0;}
.footer a:hover{color:#39C5FF}
.footer a {color:#FFF!important;}
.footer .tel {color:#39C5FF !important; font-size:1.6rem; font-weight: 400; line-height:1.1rem}
.footer .support {font-size:1.4rem;}
.footer .fa {color:#39C5FF !important;}
.footer .social img	{padding:10px 5px 5px 0px;}
.footer h2, .footer h3, .footer h4  {color:#39C5FF!important;}

@media only screen and (min-width:576px) {
.banner	{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	{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:16%}
.footer li{text-align:left;}
}
@media only screen and (min-width:992px) {
.banner	{height:450px;}
.banner .carousel-item {height: 450px;}
.banner .carousel-item img {min-height: 450px;}
.banner h1, .bannerrd h1	{font-size: 2.5rem;}
.banner h3, .bannerrd h3	{font-size: 1.7rem;}
.icons img	{padding-left:50px; padding-right:50px;}
.resortimg3 	{height:180px;}
.resortimg4 	{height:150px;}
.resortimg4s	{height:160px;}
.resortimgcountry	{height:240px;}
.footer .social img	{width:13%}
}
@media only screen and (min-width:1200px) {
.banner	{height:500px;}
.banner h1, .bannerrd h1	{font-size: 2.8rem;}
.banner h3, .bannerrd h3	{font-size: 1.8rem;}
.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:170px;}
.resortimg4s	{height:180px;}
.footer .social img	{width:10%}
}