@charset "UTF-8";
/* CSS Document */


body {

	
font-family: "Open Sans", sans-serif;	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;

		background-color:#e7f1ff;


	font-size: 120%;
}

html {
  scroll-behavior: smooth;
}


.maps iframe{
    pointer-events: none;
}



.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 15;
	top:6px;
	position: relative;
}



#container {
	
	width: 100%;
	text-align: left;
	margin:0px;
} 

.quoteMarks {
	
	
	font-size:130%;
font-weight: bolder;
	line-height: 30px;
	
}


#navbar #logo {
float:left;
text-align: center;
z-index: 9999;	
width:28%;
transition: 0.4s;
	padding:5px 0px 0px;

}



#navbar #logo a {
	
	
	font-weight: normal;
	color:black;


}


#navbar #logo a img {
	
	width:95%;
	height:auto;
	
}

.logos {
	width:7%;
	display:inline-block;
	text-align: left;
	padding: 0px 2% 0px 3%;


}





.headerText {
	

display:inline-block; 

text-align: left;
padding:0px 1% 0px 1% ;
font-size:90%;
margin-top:55px;
color:rgba(0,0,0,.5);
vertical-align: top;
letter-spacing: 1px;	

}




.socialMediaIcons {
	
display: block;
text-align: center;
padding: 0px;

margin-top:45px;
	

	
}

.socialMediaIcons img {

width:5%;
height:auto;


	

}




.socialPages {
	
	text-align: left;
}

.socialPages a{

	color:rgba(208,54,59,1.00);
	font-weight: bold;

}

.snippet a {
	

	font-weight: bold;
	text-decoration: underline;
}

.snippet.snippetWhite ul li a {
	
	text-transform: capitalize;
	
}


.snippetWelcome {  
	
color:black;
text-align:center;
padding: 125px 16%;
line-height: 50px;
font-weight: normal;	

background-color:rgba(200,223,221,1.00);

}
	

.snippetWelcome a {
	
	color:black;
	text-decoration: underline;
}

.snippetLogo a img {
	
	width:5%;
	height:auto;
	margin: 0% auto ;
	  
	  }


.snippetLogo img {
	

	  
	  }

.snippetWelcome:hover{
	
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}



.snippetWhite {  
	
   color:black;
	background-color:white;

}

.snippetWhite a {
	
	color:black;
}

.snippetColor{  
color:black;
background-color:rgba(73,183,232,1.00);
	background-color:#e7f1ff;
	
}

.snippetColor a {
	color:black;
}



.snippetQuote a{
	
	color:black;
	text-decoration: underline;
}





.snippetQuote {
	
	line-height: 35px;
	
	font-weight: normal;	
	list-style-image: url("images/icons/checkmark.png");
	list-style-position: outside;
	
	
}



.snippetImagesDiv img{
	
	
	display: inline-block;
	margin:25px 0px;
	width:40%;
		height:auto;
	float:left;
}


.rentalPolicy {
	
	line-height: 40px;
	font-weight: normal;	
	text-align:left;
	margin-top:100px;

}



.about {
	align:left;

	
}



.about a {
	
	color:white;
	text-decoration: underline;
}

.specials {
	
	padding: 50px;
	background-color:#7B8400;
	margin: 50px 0px 0px;
	color: white;
}

.specials img {
	
	width:25%;
float:left;
	margin:0px 25px 25px 0px;
		clear:left;
	overflow:auto;
}

.clearfix {
	
	overflow:auto;
}


.specials a {
	
	
	text-decoration: underline;
	color: white;
}



.repusoHome {

	min-height: 300px;
	
	padding:50px 5% 20px;
	background-color:rgba(255,255,255,.9);


		

	
}

.repusoReviewPage {

	min-height: 450px;
	
	padding:125px 3%;

}



.fb-page {
	
	text-align:center;
	width:50%;
	
}





.buttonBox a {
color:rgba(255,255,255,0);
	}


.contentHeader{
	
	color: black;
	
}


.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
	
	
	
}

.animate-first {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

.animate-second {
  -webkit-animation-delay: 800ms;
     -moz-animation-delay: 800ms;
       -o-animation-delay: 800ms;
          animation-delay: 800ms;
}

.animate-third {
  -webkit-animation-delay: 1100ms;
     -moz-animation-delay: 1100ms;
       -o-animation-delay: 1100ms;
          animation-delay: 1100ms;
}


.animate-fourth {
  -webkit-animation-delay: 1400ms;
     -moz-animation-delay: 1400ms;
       -o-animation-delay: 1400ms;
          animation-delay: 1400ms;
}

.animate-fifth {
  -webkit-animation-delay: 1700ms;
     -moz-animation-delay: 1700ms;
       -o-animation-delay: 1700ms;
          animation-delay: 1700ms;
}

.animate-sixth {
  -webkit-animation-delay: 1900ms;
     -moz-animation-delay: 1900ms;
       -o-animation-delay: 1900ms;
          animation-delay: 1900ms;
}

.animate-seven {
  -webkit-animation-delay: 2300ms;
     -moz-animation-delay: 2300ms;
       -o-animation-delay: 2300ms;
          animation-delay: 2300ms;
}


@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
	
	
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}





#all_slides{
  position: relative;
  height: 100vh;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
	
}

.slide{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 3s;
  -moz-transition: opacity 3s;
  -o-transition: opacity 3s;
  transition: opacity 3s;
}

.active{
  opacity: 1;
  z-index: 2;
}

.slide{
  font-size: 40px;
  padding: 40px;
  box-sizing: border-box;
  background: #333;
  color: #fff;
  background-size: cover;
}

.slide:nth-of-type(1) {
	
	
	
	
background-image:url("images/headerSlideshow/2025/02/39 - House front.jpeg");

	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}


.slide:nth-of-type(2) {
	

	
	
background-image:url("images/headerSlideshow/2025/02/59 - Front of house.jpg");
	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
	
}


.slide:nth-of-type(3) {
	

background-image:url("images/headerSlideshow/2025/02/Copy of Front ariel.jpg");
	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}


.slide:nth-of-type(4){
	
background-image:url("images/headerSlideshow/2025/02/11 - Beach.jpeg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}


.slide:nth-of-type(5){
	
background-image:url("images/headerSlideshow/2025/02/13 - Bedroom 3.jpeg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}



.slide:nth-of-type(6){
	
background-image:url("images/headerSlideshow/2025/02/21 - 2nd floor balcony.jpg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}



.slide:nth-of-type(7){
	
background-image:url("images/headerSlideshow/2025/02/27 - Dining area.jpeg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}

.slide:nth-of-type(8){
	
background-image:url("images/headerSlideshow/2025/02/29 - Kitchen island.jpeg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}


.slide:nth-of-type(9){
	
background-image:url("images/headerSlideshow/2025/02/50 - Beach.jpg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}


.slide:nth-of-type(10){
	
background-image:url("images/headerSlideshow/2025/02/Family Room (1).jpg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}

.slide:nth-of-type(11){
	
background-image:url("images/headerSlideshow/2025/02/Master Bathroom 2 (1).jpg");


	
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
	
}

 .mainContentHeaderContainer {
	position: absolute;
	width: 100%;
	text-align: center;
	height: auto;
	margin-top:100px;
	 
}


.clearfloat { 
	
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}



#footer {
	
	width: 100%;
	margin:0px auto 0px;
	line-height: 30px;
	
	
background-color:black;
	
	color:white;

} 

#footer:hover  {
	 opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


#coolestcaribLogo {
	color:transparent;
	
}

#footerText {
	
	font-size: 80%;
	text-align: left;
	padding:50px 10% 50px;	
color:white;
}

#footerText a {
	
	color:white;
	text-decoration: underline;
	
}

h1, h2, h3 {
	
	
 font-family: "Lobster", serif;
  font-weight: 400;
  font-style: normal;
letter-spacing: 1px;
}



h1, h2, h3, h4 {
	
font-weight: normal;
margin:0px;
padding:0px;
}

.snippetQuote h2, .snippetQuote h1, .snippetWhite h1, .snippetWhite h2, .snippetColor h2 {
	

padding:15px 0px 15px 0px;
margin-bottom:25px;
margin-top:25px;
	
	
font-size:160%;
line-height: 55px;
	
font-weight: bold;
	text-align: left;
	

	
}

.snippetColor h1, .snippetWhite h1 {
	padding: 25px 0px;
	margin-bottom:25px;
	
	border-bottom: 5px solid rgba(255,217,38,1.00);

	
	
}


.snippet h2 {
	
padding-bottom: 15px;
margin-bottom:15px;


	
}


.snippetWhite h1, .snippetWhite h2, .snippetColor h1, .snippetColor h2 {
	

text-align: center;
	
	
}


.snippetWhite h2 {
	

}

.snippetColor h2 {
	
	
}



.about h2 {
	
	padding-left:60px;

	margin-top:50px;
	
	
}

.about ul {
  list-style: none;
}

.about ul li::before {
  content: "\2022";
  color: rgba(253,222,83,1.00);
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
	outline-color: rgba(253,222,83,1.00);
}




#columnsContainer {
	
	padding: 0px 0px 0px ;
	text-align: center;

}





#columnsBigBox {
	width: 90%;
	padding:75px 5%;
	text-align: center;
		
}

.columnContent img {
	
	width:100%;
	height:auto;
}




.column {
	text-decoration: none;
	background-color: rgba(255,255,255,0);
	width: 31%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 1%;
	height: auto;
	display: inline-block;
	
	}



.column:hover {
	background-color:rgba(255,255,255,.4);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}
.columnHeader {
	
	 font-family: "Lobster", serif;

	padding:10px 0%;
	line-height: 37px;
	text-align: center;
	font-style: normal;
background-color:black;

	width: 100%;
	color: white;
	font-size: 130%;

}




.columnContent {
	padding: 0px;
	height: 100px;
	width: 100%;
	text-align: left;

}







.columnHeader a {

	color:black;

	
}



.columnContent:hover img
{
  opacity: 0.7;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}


.selectIndex #selectIndex,
.selectExplore#selectExplore, 
.selectAbout #selectAbout, 
.selectVillas #selectVillas, 
.selectNews #selectNews, 
.selectGallery #selectGallery,
.selectContact #selectContact,
.selectReviews #selectReviews , 
.selectTel #selectTel, 
.selectMap #selectMap, 
.selectCoolest #selectCoolest, 
.selectNews #selectSNews, 
.selectReservations #selectReservations, 
.selectLocation #selectLocation 



{


}

.selectIndex #selectIndex a,  
.selectAbout #selectAbout a, 
.selectNews #selectNews a, 
.selectContact #selectContact a,
.selectVillas #selectVillas a,
.selectGallery #selectGallery  a, 
.selectTel #selectTel a, 
.selectMap #selectMap a,
.selectCoolest #selectCoolest a, 
.selectNews #selectNews a, 
.selectReviews  #selectReviews a, 
.selectReservations #selectReservations a, 
.selectLocation #selectLocation a,
.selectExplore #selectExplore a

 {
	
color:white;
	

}





.myTable {

	font-weight: normal;
	font-style: normal;
	
	width:100%;
	margin: 50px 0px 0px;
	padding: 0px;
	color:black;
		border-spacing: 0px;
	
	border: 1px #F7F9FB solid;
	font-size:120%;
	line-height: 25px;
	
}

.myTable th {
	
	padding:30px;
	font-size:100%;
	font-weight: normal;	
	background-color:white;
	color:rgba(172,22,0,1.00);
text-transform: capitalize;
}


.myTable tr {
	
	
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.myTable tr td {
	
	
	padding:10px;

	margin: 0px;
	
}

/*(even) or (2n+0)*/
.myTable tr:nth-child(even) { 
	
background-color:rgba(245,231,0,1.00);
color:brown;
}

/*(odd) or (2n+1) ; */
.myTable tr:nth-child(odd) { 
	background-color:rgba(245,231,0,.5);

	
}


.myTable img {
	
	width: 100%;
	margin: 0px;
}


.tableStyle {
	
	margin: 25px 0px 50px;
	padding:2%;
	width:96%;
	border:none;
	background-color:rgba(255,255,255,.8);
	line-height: 30px;
}
	






.tableStyle td {
	vertical-align:left;
	border-bottom:1px solid #000000;
	text-align:left;
	padding:5px;
	color:#000000;
}

.tableStyle th {
	color: rgba(153,0,0,1);
	vertical-align: left;
	border-bottom: 1px solid #000000;
	text-align: left;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}



.buttonBox {
	
	text-align: center;
padding: 15px;
	
	background-color:transparent; 
	color:white;
	border: 2px white solid;
	display: inline-block;
	font-size:80%;
	font-weight: normal;
	margin:5px 0px;

}

.buttonBox2 {
	
	background-color:rgba(255,255,255,1.00);
	padding:75px 0px 75px;
	margin-bottom: 0px;	
	text-align: center;
		

}

.buttonBox img:hover {


}


a {
	
	text-decoration: none;
}

 
 





.snippet .telNum  a  {


color:black;
	
}

.telNum {
	


}


.addressBox {
	width:100%;
	text-align: center;
	padding: 0px 0px 10px 0px;

	background-image:url(images/background/background-header-paper-coffee-shop-old-san-juan-puerto-rico.png);
	
	min-height: 35px;
	
}

.socialIcons{
	
	background-color:rgba(33,119,174,1.00);
	
	width:100%;
	text-align: center;
	display: block;
	clear:both;
	padding:100px 0%;
	
	background-image:url("images/logos/wave-pattern-pizza-pasta-lindbergh-bay.png");
	
	background-position: top;
	
	background-repeat: repeat-x;
		  
	  }

.socialIcons img{
	 
	width:8%;
	height:auto;
	margin-right:15px;
margin-bottom:15px;
	
	
}

.socialIcons img:hover{
	 
	background-color: rgba(255,255,255,1.00);
	
}


.addressBox img {
	
	margin-right:10px;
	
}

.addressBox a {
	
	color: black;
	text-decoration:underline;
}

.addressBox a:hover {
	
	color: rgba(255,255,255,1);
	text-decoration:underline;
}




.columnAbout {
	
	text-align: left;
	
	padding:220px 0% 25px;

	color:black;
	
}

.white {
	color: white;
}

.white a {
	color: white;
	text-decoration: underline;
}


.columnReservation {
	
	text-align: left;
	min-height:220px;
	padding:250px 0px 25px;
	height:auto;
	line-height:35px;
	color: white;
	
}

.columnAbout h1 {
	
	line-height: 60px;
}

.columnBooks {
	
	text-align: center;
	padding:220px 12% 25px;
	color: black;
	
}

.columnBooks img {
	
	border: 1px solid rgba(134,134,134,1.00);
	box-shadow: 0px 0px 4px #222;
	margin:10px;
	
}



.columnReservation {
	
	text-align: left;
	padding:100px 5% 25px;
	height:auto;
	line-height:40px;
	color: black;
	min-height: 500px;
	
}

.columnAboutIntro {
	
	text-align: center;
	padding:25px 15%;
	height:auto;	
	line-height:45px;

	
}

.background {
	

	text-align: center;
	padding:150px 15%;
	height:auto;
	


}

.reviewBlock {
	
text-align: center;
padding:50px 5% ;
min-height: 700px;
		


}

.columnLocation {
	
	text-align: left;
	padding:250px 10% 100px ;
	line-height:40px;
	color:white;
	min-height: 1000px;

}

.standardBlock {
	
	text-align: left;
	padding:100px 10% 0px;
	line-height:40px;
	
	min-height: 500px;
		
}

.socialBlock {
	
padding:110px 5% 0px;
	min-height: 500px;
	text-align: center;
		
}

.caribbeanDirectoryDiv {
	
	text-align: left;
	padding:250px 3% 10%;
	height:auto;	
	line-height:50px;
	
	font-size:80%;
	
}

.caribbeanDirectoryDiv h1 a {
	
color:black;
	
}

.photoFrameLeft {
	
	float: left;
	margin-right:30px;
	width:30%;
	heigth:auto;
	margin-bottom: 30px;
	
}

.photoFrameRight {
	
	float: right;
	margin-left:30px;
	width:30%;
	heigth:auto;
	margin-bottom: 30px;
	
}

.photoFrameLeft img {
	
	width:100%;
	height:auto;
}


.emphasizeWORD {
	
	color:rgba(226,24,54,1.00)
}

.emphasizeWORD2 {
	
	color: #FFFF00;
}




a .telNum  {
	

	color:white;
}

.readMoreDiv {
	
	
	
	text-align: center;
		
		

padding: 10px 0px;

}

.readMoreDiv img:hover {
	
	background-image: url("images/logos/logo-hover-gandorTV-we-create-caribbean-website.png");
	background-position: center;
	background-repeat: no-repeat;
	 	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}


.readMoreDivBlack {
	
  
		width:60%;
	text-align: center;
	padding: 10px 0px;
	margin: 25px 20%;
	text-decoration: none;
	background-color: black;
	font-size:170%;

}


a .readMoreDivBlack  {
	color:white;
	text-decoration: none;
}


.readMoreDivBlue {
	
width:30%;
text-align: center;
margin: 75px 35%;
background-color:rgba(2,51,102,1.00);
line-height:80px;
height:80px;
color: white;
	
}

a .readMoreDivBlue {
	font-size:150%;
	
}




	.locallyOwned {
	
		
		
	font-size:90%;
		line-height: 25px;
	
}

.bookHere {
	
		
  width:26%;
  margin: 50px 38%;
text-align: center;
  height:70px;
	line-height: 70px;
	text-decoration: none;
	font-size:160%;

}





.logoHome {

	visibility: visible;
	display:block;
	padding:15px;
	text-align: center;
	width:60%;
	margin:0px 20%;
	background-color: rgba(255,255,255,0.90);
	
	

}

.logoHome img {
	
	display:block;
	padding:0px;
	width:100%;
	height:auto;
	margin:0px;
	
}



.welcomeTitle {
	
	  font-family: "Lobster", serif;
  font-weight: 400;
  font-style: normal;

	position: absolute;
	z-index: 888;
	padding:0px 0px;	
text-align: center;
	margin:300px 10% 0px;
width:80%;
color:rgba(255,255,255,1);
font-size:280%;
	
	text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8);
	
}

.welcomeTitle img {
	
	
	
}

.welcomeTitle {

	font-weight: 600;
	
	
	
}

.logoHome a{
	
	color:white;
}

a .bookHere {
	
color:white;
text-shadow: 0px 1px 1px black;
	
}



.bookHereColor {

background-color:rgba(73,183,232,1.00);
	font-weight: bold;
padding:12px 25px;
	display:inline-block;
margin:10px 0px 2px;
	border-radius: 150px;
}

.bookHereWhite {

background-color:white;

}


.bookHereColor a   {
color:white;
	text-decoration: none;
}

a .bookHereColor hover  {
color:rgba(95,95,95,1.00);
	
}

a .bookHereWhite   {
color:black;
	text-decoration: none;
}

a .bookHereColor hover  {
color:rgba(200,223,221,0.80);
	
}


	
a .bookHere {
	
	text-decoration: none;
}
	



.columnReviews {
		
	text-align: center;
	padding:200px 4% 0%;
	font-size: 200%;
	min-height:750px;
	
	
}


.contentWide {
	
	font-size: 120%;
	width: 100%;
	margin: 0% 0%; 
	padding:190px 0% 2% 0%;
	line-height: 40px;
	position: relative;
	background-color: rgba(255,255,255,1);
	z-card:-999;
	
	
}

#bookHere {
	
	min-height:600px;
	background-color:rgba(255,255,255,1.00);
	padding-top:220px;

	
}

.columnSmall {
	
	width: 29%;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	display:inline-block;
	
}

.columnSmall img {
	
width:100%;	
height:auto;
	
}


#video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

#video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-container {
	
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:25px;
	
}

.video-container iframe, .video-container object, .video-container embed {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-card:-100;
	
	
}






.readMore img {
	
	width: 30%;
}


#google_translate_element {
		  
	padding:0px 0px 0px 6%;
	text-align: center;
	min-height: 50px;
	margin-bottom: 25px;

	
	  }

.goog-logo-link {
   display:none !important;
} 

.goog-te-gadget{
   color: transparent !important;
}


#coolestcaribLogo {
	
	background-color:white;
	width:100%;
	
}

.ReserveMobile {
	
	display:none;
}

.cruise {
	
	text-align: center;
	width: 100%;
}


.cruise img {
	
	width: 49%;

}

.backHome {
	
	background-color: rgba(14,37,79,1.00);
	text-align: center;
	padding:15px;
	width:50%;
	margin:0px 25%;
	
	
}

.backHome h1 a {
	
	color:white;
	
}


.share {
	
text-align: center;
	color:black;


	
}

.share  a img:hover{
	
	
	opacity: 0.6;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}

.share a img {

padding:7px;
margin:5px;	
	width:5%;
	height:auto;
	opacity: 1;
	
}


	  
	  





.foodMenu {
	text-align: left;
	padding: 0px 10% 100px;
	background-color: black;
}


.foodMenu img {
	
	padding:0px;
	
	width: 100%;
	height:auto;
	
}



.behindText {
	

	background-color:rgba(40,154,225,.9);
	padding:15px 5%;
	margin:0px 15%;
}



.overlay {
background:transparent;
position:relative;
width:100%; /* your iframe width */
height:480px; /* your iframe height */
top:480px; /* your iframe height */
margin-top:-480px; /* your iframe height */
}






.welcomeVideo {
	
	background-color: white;
	padding:175px 15%;
	background-image:url("images/background/background-fort-lauderdale-kite-surfing-kite-boarding-south-florida-coolestcarib.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 170%;
}






.elfsight {
	
min-height: 550px;
padding:0px 2%;
width:96%;
margin-top:10px;
	z-index: 999;
}

.drawings {
	
padding:25px 5%;
	
}

.center {
	text-align: center;
}




.callUS {
	
	padding:15px;
	background-color:#F5A600;
	font-size:130%;
	color:black;
}

.callUS a {
	
	color:black;
	font-weight:bold;
}







.moreSpace {
	
	padding-top:130px;
}



.newsSocialMediaDiv {
	
	margin-top:200px;
	padding:0px 2%;
	min-height:600px;
}



.reservationsFrame {
	
	margin-top:200px;
	padding:0px 10%;

}

.reservationHeadingText {
	
	padding:25px 0%;

	
}








.pics {
	
display:inline-block;
}

.pics img {
	
	width:47%;
	height:auto;
	text-align: center;
	margin:0px;
	
}

figure {
 

position:relative;
box-sizing: border-box;
  padding:0px;
	margin:0px;
}

figcaption {
 
 padding: 15px 0px;
  text-align: center;
background-color:white;

color:black;
height:auto;

}



#bookingDivCheckfront {
	
	padding:150px 10%;
}


.whitePadding {
	
	padding:15px;
	background-color: white;
}

.quicklinks{
	
	
	padding:15px 0px;
	color:black;
		line-height: 30px;
	font-size:70%;
}

.quicklinks a {
	
	color:black;
	
}

.tours {
	background-color:rgba(20,154,145,.1);
	padding:50px;
	color: black;
	margin-bottom:50px;
	line-height: 35px;
}


.tours h2 {
	
	border-bottom:rgba(36,154,145,.2) 3px solid;
	margin-bottom:25px;
	
}

.tours img {
	
	width:40%;
	height:auto;
	float:left;
	margin:0px 35px 10px 0px;
	clear: both;
}

.tours ul {overflow: hidden;}



.top {
	width:30%;
	margin: 25px 33%;
	padding:5px 2%;
	background-color:rgba(34,133,208,1.00);
	text-align: center;
}

.top a {

	text-decoration: none;
color:white;
}



.snippetImagesDiv {
	
	text-align: center;
	display: block;
	
	
}

.snippetImagesDiv img{
	
	
	display: inline-block;
	margin:0px 25px 15px 0px;
	width:48%
}

.elfsight-app-7082d1e0-bb7e-4c01-899e-19e62e03c0ff, 
.elfsight-app-d845b634-902d-46c9-8c84-ddec65e423b6 {
	
	padding:0% 7%;

}



.safetyImages img {
	
	width:100%;
	height:auto;
	
}

.snippetLogo {
	margin-bottom:10px;
	text-align: center;
}



.headline {
	

	background-color:black;
	padding:0px 15px;
	color:white;
	margin-bottom:25px;
	
}

.contentImage {
	
	float:left;
	width:30%;
	margin: 0px 25px 10px 0px;
	height:30%;
}

.contentImage img{
	
	width:100%;
}

.column2Container {
	
	text-align: center;
	
}

.column2 {
	
	width:24%;
	
	margin:0px 4%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	vertical-align: text-top;
	line-height: 32px;
	font-size: 85%;
}

.column2 h3 {
	
	padding-bottom:15px;
	border-bottom: solid 1px rgba(2,51,102,1.00);
	margin-bottom:15px;
}

.quicklinksBox {
	
	background-color: black;
	color:white;
	padding:5px 10px;
	margin-right:15px;
	
}

.quicklinksBox a {
	
	color:white;
	text-decoration: none;
}






.coolest {
	padding:75px 3%;
	background-color:white;
}

.coolestHeading {
	
	padding-left:2%;
}

.coolest a {
	
	color:black;
}


.belowMenu {
	
	background-color:rgba(254,209,0,1.00);
	padding: 0px 3% 0px 3%;
	text-align: left;
	color:black;
	position: absolute;
	top:85px;
	width:94%;
	z-index:99;
	font-size:90%;
height:50px;
	line-height: 50px;
	
}

.belowMenu img {
	
	vertical-align:middle;
	
}


.quotes {
	
	color:black;

	text-align: center;
	padding-top:25px;
	padding-bottom:0px;
	padding-left:5%;
	padding-right:5%;
	font-size:200%;
	line-height: 65px;
}

.flags {
	
	text-align: center;
}

.flags img {
	
	width:49%;
	height:auto;
	display: inline-block;

	
}

.fixed {
	
	height:auto;
	padding:350px 5%;
	
	overflow:hidden;
	 text-align: center;
    background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
 box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4), 
inset 0 7px 9px 7px rgba(0,0,0,0.4);


}

.fixed-1 {
	
background-image:url("images/headerSlideshow/2025/02/21 - 2nd floor balcony.jpg");

    

}

.fixed-2 {
	
background-image:url("images/headerSlideshow/2025/02/11 - Beach.jpeg");

}

.fixed-3 {
	
	
	background-image: url("images/headerSlideshow/2025/02/50 - Beach.jpg");
    

}

.fixed-4 {
	
	
	background-image:url("images/headerSlideshow/2025/Aerial Beack View (2).jpeg");
	background-position: top center;
    

}


.fixed-5 {
	
	
	background-image: url("images/headerSlideshow/2025/64 - Clear paddle board.jpg");
    

}


.fixed-6 {
	
	
background-image: url("images/headerSlideshow/2025/02/Copy of Front ariel.jpg");
    
    

}






.gallery {
	
text-align: center;

	
	
	
}


.gallery img {
	
	width: 45%;
	height:auto;
	display:inline-block
}

.snippet {
	padding:50px 7%;
	font-weight:100;
		
}

.bckgrndShade {
	
	background-color:rgba(255,255,255,.8);
	padding:25px 50px 50px 50px;
	margin:100px 0px;
	text-align: left;
	transition:0.5s;
	
}




.note {
	
	background-color: rgba(200,223,221,.3);
	padding:25px;
	margin:100px 0px 50px;
	
}

.snippetQuote .color-corporate h1{
		
		border-bottom: none;
	color:rgba(85,154,238,1.00);
	}



#background-video {
	width:100%;
	height:auto;
}

.cottageVideos {
	padding:50px 0% 10px;
}

.virtual {
	
	padding:175px 5% 0px;
	
}

.pleaseNote {
	
	background-color:rgba(85,154,238,1.00);
	padding:25px;
	color:white;
	margin-bottom:25px;
}

.pleaseNote a {
	

	color:white;
}

.IconsInDiv img {
	
	margin-bottom:-10px;
}


#menuCoolestPageBG {
	
	background-color:rgba(237,245,254,1.00);
width:100%;
	height:190px;
	position: fixed;
	z-index: 999;
}


#myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  width: 100%; 
  height: 100%;
	object-fit: cover;
	opacity:.9;
	margin:0px;
	font-size: 0;
	display: block;
}





.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}





.aboutContainer {
	display: flex;
  flex-wrap: wrap;
	padding:100px 0px;
}

.aboutColumns {
	width:25%;
	padding:0px 4%;
	display: inline-block;
	text-align: center;
}

.aboutColumns ul li {
	text-align: left;
	
}

.flex {
	padding:.5% .5%;
	margin:0;
	display: flex;
	flex-wrap: wrap;
	background-color: white;
}

.flex img:nth-last-of-type(1) {
  
}


.flex img {
  width: 19%;
  flex-grow: 1;
	margin:.5%;
}




.block1 {

	color:white;
	
	
}

.block2 {

background-image:url("images/headerSlideshow/02-exuma-bahamas-villa-rentals.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center bottom;
	
}

.block3 {

background-image:url("images/headerSlideshow/02-exuma-bahamas-villa-rentals.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center bottom;
	
}

.blockHalf {
	
	width:40%;
	display:inline-block;
	padding:5%;
	text-align: left;
	font-weight: 100;
	color:black;
}


.block1 img {
	
	text-align: center;
	width:100%;
	margin:10px 0% 0px;
}

.block2 img {
	
	text-align: center;
	width:70%;
	margin:10px 15%;
}

.blockHalf a {
	
	color:black;
	font-weight: bold;
	text-decoration: underline;
}



.blockContainers {
	display: flex;
  flex-wrap: wrap;
	clear: both;
	margin:0px;
	padding:0px;
	background-color: white;
	color:black;
}


.emphasis {
	font-weight: normal;
	
}

.bold {
	font-weight: bold;
}

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);

}

.left {
  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg);

}

.up {
  -webkit-transform: rotate(-135deg);
	  transform: rotate(-135deg);

}

.down {
 
  -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
}



.introHome {
	
	display:block;
	text-align: center;
	padding:50px 1%;
	background-color:white;
	font-weight: normal;
	
}

.introHomeColumns {
	font-size:70%;
	width:26%;
	display:inline-block;
	background-color:#e7f1ff;
	
	color:black;
	position: relative;
  text-align: left;
	margin:1%;
	padding:2%;
	border-radius:20px;
	line-height: 20px;
}

.introHomeColumns img {
	
	width:100%;
	display:block;
	margin:0px 0px 10px;
	
	
}

.IntroHomeText {
	
	background-color:
transparent;
	
	

}



.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}








.desc-content {
	
	text-align: left;
	display:inherit;
}

.block3 {
	
}


.introHomeHeading {
	
	padding:0px 5%;
	color:black;
	line-height: 30px;
}

.introHomeHeading h1{
	
	
	line-height: 45px;
}



.lighter {
	
	background-color: 
rgba(73,183,232,0.60);
}

.color-corporate {
	color:
rgba(73,183,232,1.00)
}

.color-corporate a {
	font-weight: bold;
	color:
rgba(73,183,232,1.00)
}

.textColumns {
	columns: 100px 2;
	column-gap:50px;
}


.blockOnPhoto {
	
	width:49.7%;
	text-align: left;

	padding:50px;
	box-sizing: border-box;
	position:absolute;
	margin:200px 0px 0px 100px;
	border-radius: 10px;
	font-size: 140%;
	background-color: rgba(251,251,251,.3);

}




.tableVillaIcons {
	table-layout: fixed;
	width:100%;
	margin:5px 0px 10px;
}

.video {
	
	padding:25px 3%;
}

.fix101 {
	
	background-image: url("images/backGround/19 - Back Arial copy.jpg");
	background-position: center center;
	
	
}


.fix102 {
	
		background-image: url("images/backGround/Copy of 22 - Sunrise.jpg");
	
	background-position: center center;
	
}



.fixed.snippetWhite h2 {
	
	border-bottom:none;
}

.fixed.snippetColor h2 {
	border-bottom:none;
	
}


#columnsBox {
	
	padding:20px 1% 25px;
	text-align: center;
}

.fixed-7 {
	background-image: url("images/headerSlideshow/2025/Front of KPOW.jpg");
    
}

.fixed-8 {
	

	background-image: url("images/headerSlideshow/2025/38 - Front aerial.jpeg");
    
	
}

.videoGallery  {
	text-align: center; 
	padding:0 20%;
}

.videoGallery video  {
	width:50%;
}

.temporary {
    
    padding: 50px 20%;
    text-align: center;
}

.temporary  ol {
    
    text-align: left;
}

  .color-box {
      width: 150px;
      height: 100px;
      margin: 10px;
      display: inline-block;
      color: white;
      font-family: sans-serif;
      text-align: center;
      line-height: 100px;
      border-radius: 8px;
    }

    .blue1 { background-color: #e0f7fa; color: #000; }   /* Light Cyan */
    .blue2 { background-color: #b3e5fc; color: #000; }   /* Light Blue */
    .blue3 { background-color: #4fc3f7; }                /* Sky Blue */
    .blue4 { background-color: #0288d1; }                /* Medium Blue */
    .blue5 { background-color: #01579b; }                /* Dark Blue */
    .blue6 { background-color: #0d47a1; }                /* Navy Blue */
    .blue7 { background-color: #1a237e; }                /* Indigo */
    .blue8 { background-color: #3f51b5; }                /* Indigo Blue */
    .blue9 { background-color: #2196f3; }                /* Primary Blue */
    .blue10 { background-color: #0a74da; }               /* Facebook-like Blue */


/* iPhone and mobile  */

@media (max-width: 770px) {
	  
	  
	  
body {
	
    -webkit-text-size-adjust: 100%;
}
	
	
	.textColumns {
	columns: 100px 1;
}
	
	
	/*for the text on photos     */
	.bckgrndShade {
	

	padding:15px;
	margin:0px;
}
	  
	  
#container {
	
	margin-bottom: 0px;
} 
	

	
	
	.welcomeTitle {


	margin:70px 10% 10px 10%;
width:80%;
	
line-height: 45px;

	font-size:180%;
	
	
}
	
	
	
.welcomeTitle img {
	
	
	
}
	
	
	.blockOnPhoto {
		
position:relative;
width:100%;
margin:0px;
padding:25px 5%;
box-sizing: border-box;
		background-color: white;
	}
	
	.snippetLogo {
	margin-top:10px;

}
	
	
	
.snippetLogo a img {
	
		
	width:15%;
	height:auto;
	margin: 1% auto ;
	  
	  }
	
	
	
	.introHome {
	
	
	padding:25px 1%;
	
}

.introHomeColumns {
	font-size:85%;
	width:85%;
	display:block;
padding:4%;
	margin:25px 3%;
}
	
	.flex {padding:0;}
	
	
.flex img {
 
	width:50%;
	height:auto;
	margin:0px;
}
	
	.blockHalf{
		
		width:88%;
		padding:6%;
		font-weight: 200;
	}
	
	
	.block2 {
		
		display: none;
	}
	
	.block3 {
		
		display: none;
	}
	
	
	
	.specials img {
	
	width:100%;
float:none;
	margin:0px 0px 25px 0px;
		clear:none;
	overflow:auto;
}

	
	.virtual {
	
	padding:50px 5% 0px;
	
}
	
	

	
	
	.coolest {
	padding:25px 0%;
	
}
	
.coolestHeading {
	
	padding-left:3%;
}
	
	.coolest h1{
		
	font-size:	150%;
	}
	
	
	
.fixed {
	
 background-size: 130%;
padding:150px 0px;	
background-attachment: scroll;
	

}
	
	
	.note {
	margin:50px 0px 50px;
	
}
	
	
.logoHome {
		
visibility: hidden
		
	}
	
	

	
	.tours img {
	
	width:100%;
	height:auto;
	float:none;
	margin:0px auto 10px;
	clear: both;
}
	
	
	.top {
	width:60%;
	margin: 25px 20%;
	
}


	
#reference {
		   
		  font-size:110%;
		  
	  }
	
	
	.flags {
		
		padding:5px 0px;
	}
	
	
	.flags img {
	
		display:block;
	width: 100%;
	height:auto;
}

	
	
	.bookHere {
	
width:69%;
	line-height: 60px;
	height:60px;
text-align: center;
	margin:90px 15% 0px;
		font-size:140%;
	
	
}
	  
	  
.snippetWhite {  
	
	padding: 0px 3%;
	margin-top:0px;
	
}
	
.snippetQuote {
		
padding: 0px 0%;
	line-height:35px;
		
	}
	

	

	
	.repusoReviewPage {

	min-height: 150px;
	
	padding:15px 1%;

}
	  
	  
.moreSpace {
	
	padding-top:0px;
}
	  
	  
	
.portfolio img {
	
	width: 92%;
	
	
}
	  
	  h1, h2, h3 {
	
	

	letter-spacing:normal;
}
	  
.welcomeVideo {
		  
padding:50px 5%;

	  }
	  
.blackBlock {
	
	width:96%;
	background-color: black;
	color:white;
	padding:50px 2%;
	text-align: center;
	font-size: 200%;

}
	  
.giftshopPhoto {
	
	
	width:100%;
	height:auto;
	float:none;
	margin-bottom:25px;
}

	  
	
	  

	  
	
	.snippet h1{
		
		font-size:180%;
	}
	
	
	.snippetColor h1 {
		
		background-image:none;
		padding-left:0px;
		
	}
	
	.snippet h2{
		
		font-size:130%;
	}
	  
	
	  
	   .behindText img a {
		  
		  width:100%;
			height:auto ;
		  
	  }
	  
	  
.about {

	
	
}
	  
.about h2 {

margin-bottom:10px;
		  
	  }
	  
.about h1 {

	line-height: 50px;
		  
	  }
	  
.snippet a img {
	
	heigh: 120px;
	  
	  }
	  
 
.availbg table tr td img {
		  
		 display:none;
	visibility: hidden;

	  }


	
	

#all_slides {

  height: 330px;
		margin-top:00px;
	}
	
	
	.slide {
			overflow:hidden;
	z-index: -1000;
	width:100%;
	height:330px;
		
	}
	
	
	
	

.contentContainer {
	
	padding-top:0px;	
}  
	  
	  


.buttonBox {
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding:10px 15px;
	font-size:100%;
	
}

	  
.buttonBox img {
	
	margin-top: 0px;
	width:70%;
	height:auto;
}


.mainContentHeaderContainer {
	
	
	width: 100%;
	text-align: center;
	margin: 0px;
	height: auto;
	padding-top:5px;
		
}


.maincontentBox {
	
	width: 100%;
	margin:0px;
	
	}
	
.maincontentBox h1 {
	
	line-height:35px;
	
	}
	
.maincontentBoxHeader {
	
}
	

.contentContent {
	
	padding-right: 3%;
	padding-top: 15px;
	padding-left: 3%;
	
}

	  


	  
.maincontentBoxContent {
	
	padding-right: 30px;
	padding-left: 30px;
	
}


.addressBox {
	
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;

	

	
}
	  
.addressBox a img {
		  
		  z-index:-1;
	  }
	  


	  


#columnsBigBox {
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
		
}

.column {

	width: 85%;
	height:auto;
	padding:15px 30px;

	}
	
.columnHeader {
	padding-left:0%;
	padding-right:0%;
	width: 100%;
	heigth:100px;
	padding-top:25px;
	padding-bottom:25px;
	font-size: 170%;
	
}
	
.columnContent img{
	
	width: 100%;
	
}




#pleaseNote {
	
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

#reservationsBox {
	
	width:100%;	
	margin-right:0px;
	margin-left:0px;
	
}

	
#locationMap {
	
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
}

#columnsBox img {

}

.myTable {
	
	font-size:90%;	
	line-height:40px;
	margin-top:100px;
}

.myTable tr td {
	
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	
}


.share {
	
	
	
}

.share a img {

padding:5px;
margin:5px;	
	width:25%;
	height:auto;
	
}

#share {
	
	width: 100%;
	text-align: center;
	margin-left: 0%;
	margin-right: 0%;
	padding: 40px 0px;

	
}
	  
	  
  #share a img:hover {

background-color:rgba(255,255,255,.5);	
	
}

	
#tripadvisor {
	
	padding-right: 0%;
	margin-bottom: 0px;
	padding-left: 0%;
	text-align: center;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size:90%;
	
}
	  
#navbar #logo {
	

	text-align:center;
	float:none;
	width:100% !important;
	padding:15px 0px;

	
}
	
	
#navbar	#logo a img{
		
		width:80%;
		height:auto;
	}
	

	
.headerText {
display:block; 
width:100%;
text-align: center;


font-size:80%;
padding-top:0px;
padding-left:0px;
	margin-top:-10px;

}
	
	.backgroundColor {
	
	background-color: rgba(34,133,208,1.00);
	color:white;
	margin-top: -0px;
	
}
	

	
	.headerText .animate-third  {
		
		display:block;
		padding:5px 0px;
	}
	
	.headerText .animate-fourth {
		
		display:block;
		padding:15px 0px 25px;
	}
	
		.headerText .animate-fifth {
		
		display:block;
		padding:25px 0px;
			background-color: #076ECD;
			color:white;
	}
	
		
	
	.headerTel {
display:block; 
	width:100%;
	text-align: center;

		padding:0px;
		font-size:88%;
		line-height:30px;
		margin-top:0px;
		letter-spacing: normal;
}
	
		.headerTel a {

		font-size:80%;
		line-height:40px;
}
	
	
	.locallyOwned {
	
	font-size:80%;
	line-height:35px;
}
	
	.socialMediaIcons {
	
	
	text-align: center;
	padding: 0px 0% 0px 0px;
	display: block;
		
		margin-top:0px;


	
}
	
.logos a img {

width:50%;
	
	text-align: center;
	float: none;
	
	}
	  

	  
.logoTop {
		  
	display:inline-block;
	width:100%;
	height:auto;
	  
	  }
	  

	  
.columnAbout {
	
padding:3% 3% 3%;
		
}
	  
	  
.columnBooks {
	
padding:3% 3% 3%;
		
}
	  
.columnReservation {
	
padding:7% 3% 3%;

}
	  
.socialBlock {
	
padding:7% 3% 3%;

	
	  }

	  
	  
.standardBlock {
padding:7% 3% 3%; 
	line-height:35px;
	  }
	  
.columnLocation,   .columnReviews {
	
padding:7% 2% 5%;
line-height:35px;
	
}
	  
	

	  

	  
.contentContainer {
	
	padding-top:500px;
	
} 
	  

	  
	  
#footer {
	
	
	width: 100%;
	margin:0px;
	text-align: center;
	color: #999;
	line-height: 40px;
	padding:0%;
	opacity:1;

} 
	  
#footerText {
		  
		  padding:70px 5%;
	  }
	  
	 
.contentGallery {
	
	padding-top: 50px;
	  
}
	  
.border {
		  
		  width:400px;
		  height:400px;
	  }
	  
  
	  
.socialMediaIcons img {
	
	margin: 5px 5px 0px;
	
	width:15%;
	height:auto;
	
	
}
	
	  	  

.readMore img {
	
	width: 70%;
}
	  
	  
	  .readMoreDiv img:hover {
	
	background-image:none;
	background-position: center;
	background-repeat: no-repeat;
	 	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
}
	  
	  
.contentWide {
	
	
padding:0px;
	

	
}
	  
.tintup {

	
		z-card:-1000;
	
}
	  
#bookHere {
	

	padding-top:50px;

	
}
	  
.caribbeanDirectoryDiv {
	
padding:150px 1%;
	
}
	  
	  
.readMoreDiv {
	
	width:92%;
	margin: 25px 4%;
	
}
	  
a .readMoreDiv  {
	
	
}
	  


	  
	 
.bookHere {
	
	width:80%;
	margin: 40px 10%;
}

	
	
a .bookHere {
	
	font-size:160%;
}	
	  
	  
.readMoreDivBlue {
		  
width:82%;
margin: 25px 9%;

	  }
	  
	  
.readMoreDivBlack
	  {
		  
width:82%;
margin: 25px 9%;

	  }
	  
a .readMoreDivBlack
	  {
		  

	  }
	  
	 
	  
a .readMoreDivBlue  {
	
	font-size:120%;
}
	  
	  
.buttonBox2 {
		  
padding:50px 0px;

	  }
	  
.addressBox img {
	
	margin-bottom:15px;
	margin-right:0px;
	height:auto;
		  
	
}
	  

	  

	  
.buttonBox2 img {

	width:90%;
}
	  
.socialIcons {
		  
width:100%;
text-align: center;
display:inline-block;
clear:both;
	padding:25px 0px;

		  
	  }
.socialIcons img {
		  
width: auto;
heigth:100px
	
	
	  }
	  
.telNum {
		  
	  
}
	  
.telNum2 {
		  
	width:100%;
	text-align: center;
	display:inline-block;
	clear:both;
	padding-bottom:0px;
	margin-top:25px;
	font-size:200%;
			
}

	  
.columnAboutIntro {
	
	padding:25px 3%;
	line-height: 35px;

}
	  
	  
.background {
	
	padding:150px 2% 50px; 
	line-height: 35px;

}
	  
	.reviewBlock {
	
	text-align: center;
	padding:15px 2% ;

}
	
	
	
	.pics {
	
	display:inline-block;
}

.pics img {
	
	width:100%;
	height:auto;
	margin:0px;
	
}
	
	
	.snippetImagesDiv img{
	
	
	display: inline-block;
	margin:25px 0px;
	width:100%;
		height:auto;
}
	
	
	
	.selectIndex #selectIndex a,  
.selectAbout #selectAbout a, 
.selectNews #selectNews a, 
.selectContact #selectContact a,
.selectGallery #selectGallery  a, 
.selectFAQ #selectFAQ a, 
.selectMap #selectMap a,
.selectCoolest #selectCoolest a, 
.selectNews #selectNews a, 
.selectReviews  #selectReviews a, 
.selectReservations #selectReservations a, 
.selectLocation #selectLocation a
 {
	
color: white;

}

	  .quotes {

	font-size:250%;
}
	

.belowMenu	{
	background-color:rgba(254,209,0,1.00);
	padding: 15px 3%;
	text-align: center;
	color:black;
position:absolute;
	top:130px;
	width:94%;
	z-index:99;
	font-size:110%;
	font-size: 5vw;
	line-height: 35px;
	height:140px;	
	}
	
	.block {
		
		display: block;
	}
	
	
.elfsight {
	
min-height: 550px;
padding:0px 0px;


}
	
.drawings {
	
padding:15px 1%;
	
}
	
	.snippet {
	padding:25px 5%;
		font-weight: 200;
}
	
	
	.snippetWhite h1, .snippetWhite h2, .snippetColor h2 {
	
	background-image: none;
	background-position: left center;
	padding-left:0px;
	background-repeat: no-repeat;
	background-size:30px;
line-height: 35px;
		
}
	
	.videoGallery {
	width:100%;
		padding:0px;
	}
	
	.videoGallery video{
	width:100%;
}

    .temporary {
    
    padding: 50px 3%;
    text-align: center;
}
    
    .colorBoxes {
        
        text-align: center;
    }
    
      .color-box {
      width: 60px;
          height: 40px;}
	
	
}






.colorSpan {
    
    
    background-color: #4fc3f7;
    padding:15px;
    line-height: 40px;
    
}