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


body {

	 
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	background-color:white;
	font-size: 140%;

    letter-spacing: 2px;
}


* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}



h1, h2, h3 {
    
    
  
    letter-spacing: 2px;
  font-weight: 400;
  font-style: normal;
}







.video-container-youtube {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
    margin-top:110px;
}

.video-container-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



   .video-container {
  margin-top: 110px;
  position: relative;
  z-index: -1;
}

   .video-containerTest {
  margin-top:         110px;
  position: relative;
  z-index: -1;
       margin-bottom: -50px;
}

#myVideo {
 width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  font-size: 0;
  display:block;
    position: relative;
    min-height:450px;
    
}

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


.columnsWrapper {
  display: flex;
  flex-wrap: wrap; /* optional, allows wrapping on smaller screens */
  gap: .5%; /* optional spacing between columns */
    text-align: center;
    width:100%;
    padding:0px;
    margin:0px;
    justify-content: center;
    margin-top:50px;
}






figure {
    margin:0px;
    padding:0px;
}







.checked {
  color:rgba(237,29,36,1.00);
}


.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 */
}

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


#navbar #logo {
position: absolute;
float:left;
text-align: center;
z-index: 9999;	
width:230px;
transition: 0.4s;
padding-left: 2%;
}



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


}


#logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

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


}





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

margin-top:45px;
	

	
}

.socialMediaIcons img {

width:5%;
height:auto;


	

}




.snippet a {
	
	color:black;
	font-weight: bolder;
	text-decoration: underline;
}

.snippet a img {
	
	width:15%;
	height:auto;
}

.snippet li {
	

	list-style-image: url("images/icons/checkmark-scooter-rentals-virgin-islands.png");
	
	
}




.snippetLogo a img {
	
	width:7%;
	height:auto;
	margin: 1% auto ;
	  
	  }


.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;
    
clear:left;
padding:50px 10%;
    
position: relative;
	
}

.snippetTransparent {  

    background-color: rgba(30,59,112,.3);
    padding: 250px 20% 250px 35%;
    clear: left;
    position: relative;
    margin-bottom: -40px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    color: #1E3B6F;

    background-image:
        linear-gradient(
            rgba(30,59,112,0.6),
            rgba(30,59,112,0.6)
        ),
        var(--bg-image);
  
}

.transparentBG-01 {
        --bg-image: url("images/gallery/028-water-action-lindbergh-bay-virgin-islands.jpg");

    
}


.transparentBG-02 {

    
        --bg-image: url("images/home/jet-ski-9-st-thomas-us-virgin-islands-emerald-beach-resort-caribbean.jpg");
 
    
}

.snippetColor{  
color:white;
	text-align: center;
line-height: 45px;
    
    padding:50px 15%;
   
    background-color: rgba(30,59,112,1.00);
}


.snippetColorInfo{  
color:white;
text-align: left;
padding:50px 0%;
   background-color: #1E3B6F;
      display: flex;
  flex-wrap: wrap;
  
}

.snippetColorSimple{  
color:white;
	text-align: left;
line-height: 37px;
    
    padding:50px 5%;
   background-color: #1E3B6F;
  
  
}

.snippetColorInfo .col {


    
  min-width: 0;    /* IMPORTANT: allows shrinking */
  display: flex;
  flex-direction: column;
  padding: 50px;
  box-sizing: border-box;
}


/* 70% column */
.widerCol {
  flex: 0 0 70%;
}

/* 30% column */
.smallerCol {
  flex: 0 0 30%;
    border-radius: 25px;
    background-color:rgba(69,128,188,1.00);
    line-height:35px;
}


.snippetColorInfo .col a {
 color:white;  
    
}




/* Push button to bottom */
.col button {
  margin-top: auto;
}

button {
  padding: 8px 20px;
  cursor: pointer;
    background-color:transparent;
    border: white 1px solid;
    border-radius: 25px;
    color:white;
    display: inline-block;
    margin-right: auto;
    margin-left:auto;
}


.snippetColor h1, .snippetColor h2 {
	
}

.snippetColor a{  
color:white;
text-decoration: underline;
	font-weight: bold;
}





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





.snippetQuote {
	
	line-height: 45px;
	
	font-weight: normal;	
	list-style-image: url("images/logos/checkmark-car-rentals-st-croix-united-states-virgin-islands.png");
	list-style-position: outside;
    font-size:120%;
	
	
}



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





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


.contentHeader{
	
	color: black;
	
}



#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 {
	

	margin:0px;
	padding:0px;
}

h3 {
    
    font-size:120%;
}

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

	padding:25px 0px;
	margin-bottom:25px;
	margin-top:5px;
	font-size:180%;
	line-height: 45px;
	text-align: center;

	
}



.snippet h1 {
		
	margin-bottom:25px;
	padding:25px 0px;
	text-align: center;
}

 .snippet .blockFull h2 {
		
	margin-bottom:0px;
	padding:15px 0px 15px 75px;
	 
	
}



.snippetWhite h2 {
	

	
}






#columnsContainer {
	background-color:white;
	padding-top: 100px;
	padding-bottom: 50px;
	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: 24%;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 2%;
	height: 145px;
	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 {
	padding:2%;

	line-height: 37px;
	text-align: center;
	font-style: normal;
	
    background-color: #1E3B6F;

	
	color: white;
	font-size: 110%;
text-transform: uppercase;
	font-weight: bold;
}




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







.columnHeader a {

	color:white;

	
}



.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,
.selectGallery #selectGallery, 
.selectAbout #selectAbout, 
.selectNews #selectNews, 
.selectMore #selectMore,
.selectRates #selectRates,
.selectContact #selectContact,
.selectReviews #selectReviews , 
.selectCoolest #selectCoolest, 
.selectReservations #selectReservations, 
.selectLocation #selectLocation



{
	


}

.selectIndex #selectIndex a,  
.selectAbout #selectAbout a,
.selectContact #selectContact a,
.selectGallery #selectGallery  a,
.selectRates #selectRates a,
.selectContact #selectContact a, 
.selectNews #selectNews a, 
.selectReviews  #selectReviews a, 
.selectReservations #selectReservations a, 
.selectLocation #selectLocation a,
.selectMore #selectMore a

 {
	
color: white;
   background-color: #1E3B6F;
	 

}





.myTable 

{
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 50px;
	padding: 0px;
	
	background-color: rgba(255,255,255,1);
	-webkit-border-radius: 5px;
	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}


.myTable th 
{
	background-color:#ED1D24;
	color: white;
	padding:0px;
}

.myTable tr 
{
margin:0px;	
padding-left:10px;
}

.myTable tr td 
{
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 130%;
	margin: 0px;
	
}


.myTable tr:nth-child(2),
.myTable tr:nth-child(10),
.myTable tr:nth-child(18){
	

	
}



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

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

a {
	
	text-decoration: none;
}

 

.socialIcons {
	
padding:0px;
    margin-bottom:25px;
}


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

.socialIcons img:hover{
	 
    opacity:0.5%;

}


.snippetMainLogo a img {
	
	width:25%;
	height:auto;
	margin-bottom: -15px ;
 
}


.white {
	color: white;
}

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


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

.caribbeanDirectoryDiv h1 a {
	
color:black;
	
}



.buttonBox {
	
    display: flex;
	text-align: center;

	clear: both;

}

.buttonBoxLeft {
	
  
	text-align: left;

	clear: both;

}

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

}

.buttonBox img:hover {


}


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

.emphasizeWORD2 {
	
	color: #FFFF00;
}




.telNum a  {
	

	color:white;
		text-decoration: underline;

}


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



.welcomeTitle {

position: absolute;
z-index: 888;
	
text-align: center;
margin:200px 0% 0px 0%;
width:100%;
	
}

.welcomeTitleHeading {
    
line-height: 75px;
	
color:white;
font-size:300%;
margin:10px 0px;
    

font-weight: bolder;
    

    
text-shadow:
0 1px 2px rgba(0,0,0,0.8),
0 4px 12px rgba(0,0,0,0.6),
0 0 2px rgba(0,0,0,0.9);
  
	
}

.welcomeTitle img {
	
	width:13%;
	height:auto;

}

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

.welcomeTitle h1 {

	font-weight: 600;
	font-size:200%;
	
	
}

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

#container .welcomeTitle .logoHome a{
	
	text-decoration: none;
	font-size:150%;
}


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

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










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



.backHome h1 a {
	
	color:white;
	
}


.shareContainer {
	   background-color: #1E3B6F;

	padding-top: 50px;
	padding-bottom: 50px;
border-bottom:1px solid white;
}


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

	
}

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



.elfsight {
	
min-height: 550px;
	padding:0px 2%;

width:96%;

	margin-top:10px;
	
}

.center {
	text-align: center;
}




.callUS {
	
padding:15px 25px;
	

background-color: #B8573B;
text-decoration: none;
border-radius:5px;
margin:10px auto;

display: block;
	
}

.callUSLeft {
	
padding:15px 25px;
	

border: 2px solid white;
text-decoration: none;
border-radius:5px;
margin:10px auto;

display: inline-block;
	
}

.callUSLeft a {
	
color:white;
    text-decoration: none;
	font-weight: bold;
}



.callUS:hover {
	box-shadow:none;
	
}

.callUS a {
	
	color: #52BEC9;
    color:white;
text-decoration: none;
	
}



.moreSpace {
	
	padding-top:170px;
}

.moreSpaceAboveHeader {
	
	padding-top:110px;
}

.moreSpaceAboveElfsight {
background-color:rgba(30,59,112,1.00);
	padding-top:110px;
}



.newsSocialMediaDiv {
	
padding:0px 0%;
	min-height:1200px;
	
}



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

.reservationHeadingText {
	
	padding:0px 0% 75px;

}









figure {
 
 width:100%;
	position:relative;
  
}

figcaption {
 
  color: white;
  
  padding: 0px 1% 2%;
  text-align: center;
	margin-top: -65px;
	font-style:90%;
	line-height:25px;
	
}



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

.quicklinks a {
	
	color:black;
	
}


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



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

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






.coolest {
	padding:75px 3%;
}

.coolestHeading {
	
	padding-left:2%;
}

.coolest a {
	
	color:black;
}



.fixed {
	
height:600px;
   
padding-top:305px;
overflow:hidden;
text-align: center;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
    
}



.fixedHeader {
	
height:620px;
   
padding-top:255px;
overflow:hidden;
text-align: center;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
   
    
}

.fixedHeader a {
    color:white;
}




.fixed-1 {
	
background-image:url("images/gallery/017-water-action-lindbergh-bay-virgin-islands.jpg");

     background-position: center center;

}

.fixed-2 {
	
background-image:url("images/fixed/01-jetski-st-thomas-usvi.jpg");
    background-position: bottom center;

}

.fixed-3 {
	
background-image:url("images/gallery/018-water-action-lindbergh-bay-virgin-islands.jpg");

     background-position: bottom center;

}





.fixed-4 {
    background-image: url("images/gallery/015-water-action-lindbergh-bay-virgin-islands.jpg")
}

.fixed-5 {
    background-image: url("images/gallery/001-water-action-lindbergh-bay-virgin-islands.jpg");
    background-position: bottom center;
}


#headerImage {
    margin-top:110px;
}

.fixed-6 {

    background-image: url("images/gallery/008-water-action-lindbergh-bay-virgin-islands.jpg");
    background-position: top center;

}

.fixed-7 {
     background-image: url("images/gallery/017-water-action-lindbergh-bay-virgin-islands.jpg");
    
       background-position: center center;
}


.fixed-8 {
     background-image:url("images/gallery/013-water-action-lindbergh-bay-virgin-islands.jpg");
    
       background-position: bottom center;
}

.fixed-9 {
     background-image:url("images/gallery/020-water-action-lindbergh-bay-virgin-islands.jpg");
    
       background-position:  center;
}


.fixed-10 {
     background-image:url("images/gallery/021-water-action-lindbergh-bay-virgin-islands.jpg");
    
       background-position: center center;
}
.fixed-11 {
     background-image:url("images/gallery/028-water-action-lindbergh-bay-virgin-islands.jpg");
    
       background-position: center center;
}









.snippet {
padding:75px 10%;
	line-height: 37px;
}




.snippetQuote .color-corporate h1{
		
		border-bottom: none;
	color:#ED1C24;
	}








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

#myVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.9;
  font-size: 0;
  display: block;
    
       min-height:450px;
}




.flex {
	padding:0;
	margin:0;
	display: flex;
	flex-wrap: wrap;
	background-color: black;
}

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


.flex img {
  height: 41vh;
  flex-grow: 1;
}



.bold {
	
	font-weight:bold;
}

.telNumContent {
	
	padding:5px 10px;
	display: inline-block;
}

.shareHeader {
	padding:0px 2%;
}

.shareHeader h2 {
	
	color:white;
}



#ack-message {
	font-size:150%;
	color:red;
	font-weight: bold;
    line-height:50px;
}


.color-corporate {
	
	font-weight: bold;
       
 color: #1E3B6F;

}

.color-corporate2 {

color:rgba(68,128,188,1.00);
font-weight: bold;
}


.rates .price {

color: #1E3B6F;
font-weight: bold;
}

.price {
    
    font-weight: bold;
    color:rgba(176,9,12,1.00);
    color:rgba(229,245,10,1.00);

}






#bookingDiv {
	
padding: 10px 15%;
}

















.fixedContent {
    
      
    letter-spacing: 3px;
  font-weight: 300;
  font-style: normal;
  
   
    font-size:230%;
	overflow: hidden;
	padding:0px 5% 0px;
    
    height:310px;
  
	display:block;

    color:white;
    
     
    
      text-shadow:
    0 1px 2px rgba(0,0,0,0.8),
    0 4px 12px rgba(0,0,0,0.6),
    0 0 2px rgba(0,0,0,0.9);
  


    
}

.waveDivContent {
	
	padding:150px 15%;
	display:block;
	letter-spacing: 1px;
	font-size:120%;
}

.waveContainer {
  position: relative;
  background: #2c3e50;
  height: 50vh;
}


.wave {
  position: absolute;
  height: 37px;
  width: 100%;
  background: #2c3e50;
  bottom: 0;
}

.wave::before, .wave::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50% 100%;
}

.wave::before {
  width: 55%;
  height: 100%;
  background-color: #2c3e50;
  right: -1.5%;
  top: 40%;
}
.wave::after {
  width: 55%;
  height: 109%;
  background-color: #fff;
  left: -1.5%;
  top: 60%;
}









 .slide::before
{   
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  bottom: -0.3%;
   
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 0vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  80' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 59L50 55C100 51 200 44 300 30C400 15 500 -6 600 1C700 8 800 44 900 59C1000 73 1100 66 1150 62L1200 59V80H1150C1100 80 1000 80 900 80C800 80 700 80 600 80C500 80 400 80 300 80C200 80 100 80 50 80H0V59Z' fill='rgba(255, 255, 255, 1)'/></svg>");
}


.slide::after, .fixed::after, .snippetWhite::after
{
  content: "";
  width: 100%;
  height: 15px;
  position: absolute;
  top: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: 0vw top;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 80' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 59L50 55C100 51 200 44 300 30C400 15 500 -6 600 1C700 8 800 44 900 59C1000 73 1100 66 1150 62L1200 59V80H1150C1100 80 1000 80 900 80C800 80 700 80 600 80C500 80 400 80 300 80C200 80 100 80 50 80H0V59Z' fill='rgba(255, 255, 255, 1)'/></svg>");
  transform: scaleY(-1); /* This flips the SVG vertically */
    
    
}

.editorial {
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index: 5;
  bottom: 0;
  position: relative;
  left: 0px;
  float: left;
    margin-bottom:-5px;
}

.editorialUpsideDown {
    
     display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index: 5;
  bottom: 0;
  position: relative;
  left: 0px;
  float: left;
  margin-bottom: -60px;
    background-color: transparent;

  transform: scaleY(-1);

}

.parallax1 > use {
  animation: move-forever1 10s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax2 > use {
  animation: move-forever2 8s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax3 > use {
  animation: move-forever3 6s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax4 > use {
  animation: move-forever4 4s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}





.waveHeader {
   
   margin-top:-40px;
 
}

.waveFooter {
   
   margin-bottom:40px;
 
}






.reservationsDiv {
    
    padding:100px 5% 0px;
    text-align: center
}


.reservationsDiv h1 .reservationsDiv h2 {
    
    padding:0px;
    margin:0px;
}


  



.contact {
    
    text-align: center;
    padding:0px 5% 30px;
   word-spacing: 1px;
    line-height: 50px;
}

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


.snippetColor .contact a {
    
    color:white;
    font-weight: normal;
    
}

.heroVideo {
    
    width:100%;
    height:auto;
}

.rates {
    text-align: left;
}

.fixedGeneral {
    
    position: fixed;
    display: block;
}

.background {
   
     position: relative;
  width: 100%;
  min-height: 70vh;
 

 
  background-size: cover;
  background-position: center;
        background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;
        
        
   

  /* Desktop "fixed" effect */
  background-attachment: fixed;
}

.backgroundBlue {
   
     background-image: url("images/backGround/background-jet-ski-st-thomas-us-virgin-islands.jpg");

 
  background-size: cover;
  background-position: bottom center;
        background-repeat: no-repeat;


}

.bg-01 { 
    
    background-image: url('images/gallery/018-water-action-lindbergh-bay-virgin-islands.jpg');

}


.bg-02 {
    
    background-image: url('images/gallery/017-water-action-lindbergh-bay-virgin-islands.jpg')
}

.bg-07 {
    
    background-image: url('images/gallery/021-water-action-lindbergh-bay-virgin-islands.jpg')
}


.bg-08 {
    
    background-image: url('images/gallery/028-water-action-lindbergh-bay-virgin-islands.jpg')
}

.bg-06 {
    
    background-image: url('images/gallery/001-water-action-lindbergh-bay-virgin-islands.jpg')
}


.bg-03 {
    
    background-image: url('images/gallery/013-water-action-lindbergh-bay-virgin-islands.jpg')
}


.bg-04 {
    
    background-image: url('images/fixed/01-jetski-st-thomas-usvi.jpg');
    
    background-position: center 100px;
}

.bg-05 {
    
    background-image: url('images/gallery/008-water-action-lindbergh-bay-virgin-islands.jpg');
    
    background-position: top;
}

/* Overlay text */
.overLayText {
  color: white;
  font-size: 4rem;
  text-align: center;
  padding: 20px;
    letter-spacing: 3px;

       text-shadow:
    0 1px 2px rgba(0,0,0,0.8),
    0 4px 12px rgba(0,0,0,0.6),
    0 0 2px rgba(0,0,0,0.9);
 

}








.behindBookingCalendar {
    
  
    text-align: center;
    
}

.snippetTransparentText {
    font-size:140%;
     color: white;
}

    
    



/* To display background images */
@media (hover: none) and (pointer: coarse) {
  .background {
    background-attachment: scroll;
     
  }
}







/* iPad landscape */
@media (max-width: 1024px)  {
  /* styles */
	
.welcomeTitle {

margin:100px 0% 0px 0%;
}
    
    
    #navbar #logo {
    
	position: relative;

	text-align:center;
	float:none;
	width:40% !important;
margin:0px 55% 0px 5%;
padding:25px 0px;


}
    
    .reservationsDiv h1 {
    
   font-size:140%;
}	
    
  
.reservationsDiv h2 {
    
   font-size:120%;
}	  
    
 
	
	
#navbar	#logo a img{
		
		width:100%;
		height:auto;

	}   
    
    
    
.moreSpaceAboveHeader {
	
	padding-top:0px;
}
    
.snippetColorInfo .col {
padding: 25px;

}
    
.smallerCol {

    line-height:30px;
}
    
    
.fixedHeader {
	
height:450px;
   
padding-top: 65px;	
overflow:visible;
text-align: center;
background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll;

}
    
    
.snippetColor{  


line-height: 40px;
    
    padding:50px 10%;
}
    
    .snippetTransparent {  
        
       
        
        
padding:250px 5%;
  
	
    margin-bottom:-40px;
    
      background-size: 180%;
  background-position: top left;
       line-height: 35px;
font-size:100%;
color:white;
  
}



.columnHeader {

	font-size: 100%;
line-height: 45px;
}
	
	

   
    
    
.fixedContent {
		
	padding:80px 3% 0px;
	letter-spacing:normal;
	font-size:190%;
     height:340px;
}
	
	
	

    
    
.video-container {
margin:0px;
	
}
    
    
.video-containerTest {
margin-top:0px;
}
    
.waveHeader {
   

}
    
    

.background {
   
   
  min-height: 50vh;
  background-attachment: scroll;
}
    
    
.video-container-youtube {

    margin-top:0px;
}


}


/* iPhone */
@media (max-width: 768px) {
 
	  
	  
	  
body {
	
    -webkit-text-size-adjust: 100%;
}
    
    
    .background {
   
   
  min-height: 40vh;


}
    
    .reservationsDiv {
        
        padding-top:150px;
    }
    
    
    .reservationsDiv h1 {
    
   line-height: 45px;
}	  
   
    
    
    /* Overlay text */
.overLayText {

  font-size: 2.5rem;
line-height: 40px; 
  

}
    
.snippetColorInfo .col {
  
    
flex: 1 1 100%; /* 1 column */
 padding: 30px;
  }
    


    
   
	  
#container {
	
	margin-bottom: 0px;
} 
    
    
    #headerImage {
    margin-top:0px;
}
    
 
    
    
       .fixedHeader {
	
height:250px;
   
padding-top: 65px;	
overflow:visible;
text-align: center;
background-size: 120%;



}
    
      
   

    

    
    
    .columnCentered {
        
        width: 114%;
        top: 60%;
        left: 49%;
    }
	
	
#myVideo {
    
padding:0px;
    min-height:225px;
}


	
	
.welcomeTitle {

margin:0px;


padding:60px 0px;

}
	
	
	.welcomeTitleHeading {
	
font-size:170%;
margin:0px 0px 50px;
line-height: 45px;
}
	
	.subHeader {
	
	
	font-size:90%;
	padding:10px 15px;
	display:inline-block;

		

}
	
	.welcomeTitle img {
	
	width:50%;
	height:auto;
		
}

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

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

	
	
	.coolest {
	padding:25px 2%;
	
}
	
.coolestHeading {
	
	padding-left:3%;
}
	
	.coolest h1{
		
	font-size:	150%;
	}
	
	
 


	
.logoHome {
		
margin:0px 1%;
width:92%;
	font-weight:bold;
padding:3px 2%;
border-radius: 10px;
		
	}
	
	.logoHome a {
		
		
	}
	
	#container .welcomeTitle .logoHome a {
		
		font-size:80%;
	}
	
	
	.snippetQuote h1, .snippetWhite h1, .snippetQuote h2, .snippetWhite h2,
	.snippetColor h1,
	.snippetColor h2{
		
	
		line-height: 45px;
	}
	
	
	

	
	
	.top {
	width:60%;
	margin: 25px 20%;
	
}


	  
	  
.snippetWhite {  
	
	padding: 50px 5%;
	margin-top:0px;
	
}
    
    
    .snippetTransparent {  
        
         
        
        
        

background-color:rgba(143,160,186,1.00);
padding:150px 5% 50px 5%;
  
	
    margin-bottom:-40px;
    
      background-size: 250%;
  background-position: top left;
       line-height: 35px;
font-size:80%;
color:white;
  
}
    
    .snippetTransparentText {
        
        color:white;
    }
	

	
.snippetQuote {
		
padding: 0px 0%;
	line-height:35px;
		
	}
	

	

	  
.moreSpace {
	
	padding-top:20px;
}
    
   
    
    .moreSpaceAboveElfsight {
	padding-top:0px;
}
	  
	  

	  
	  h1, h2, h3 {
	
	

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

	  }
	  
  
	
	  

	  
	
	.snippet h1 {
		
		background-attachment:none;
		padding-left:0px;
		font-size:150%;
	}
	
	.snippet h2{
		
		font-size:130%;
		line-height: 30px;
		
	}
	
	.snippetWhite h2 {
	
	padding-left:0px;
	background-image: none;

	
}
	  

	  

	  
.snippet a img {
	
width:80%;
	height:auto;
	  
	  }
	
.snippetColor .snippetLogo a img {
	
	width:auto;
	height:70px;
	margin: 1% auto ;
	  
	  }
	  

	
	
	

.contentContainer {
	
	padding-top:0px;	
}  
	  
	  


.buttonBox {
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0px;
}

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





	  


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

.column {

	width: 86%;
	height:auto;
	padding:15px 7%;

	}
	
.columnHeader {
	padding-left:0%;
	padding-right:0%;
	width: 100%;
	height:auto;
	padding-top:15px;
	padding-bottom:10px;
	font-size: 130%;
	
}
	
.columnContent img{
	
	width: 100%;
	
}




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

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

#columnsBox img {

}

.myTable {
	
	font-size:70%;	
	line-height:30px;
	margin-top: 0px;
}
	
	.myTable th 
{
	
	padding-left: 0px;
	line-height: 30px;
	padding-top:0px;
}

.myTable tr 
{

padding-left:5px;
}



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


.share {
	
	font-size:90%;
	
}

.share a img {

padding:5px;
margin:10px;	
	width:20%;
	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);	
	
}

	


	  

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


	
	
	  

	  

	  
.caribbeanDirectoryDiv {
	
padding:150px 1%;
	
}
	  
  


	  
.buttonBox2 {
		  
padding:50px 0px;

	  }
	  

	  



	  
.buttonBox2 img {

	width:90%;
}
	  

	
	.callUS {
		
	font-size:160%;
		margin-top:25px;
	}
    
    
    .callUSLeft {
		
	font-size:160%;
		margin-top:25px;
        border: 2px solid white;
	}
    
     .callUSLeft a {
		
	color:white;
	}
	
	

	  
.telNum {
		  
font-size:120%;

    
}
	  


	
	
	


	

	
	
	.elfsight {
	
	
		
	min-height: 550px;
	padding:0px 0px;


	
}
	
	.snippet {
	padding:25px 5%;
}
	

	
	.newsSocialMediaDiv {
	
padding:0px 0%;
	
}
	
	

	
	
	.fixedContent {
		
padding:0px 2% 0px;
letter-spacing:normal;
font-size:220%;
height:150px;
line-height: 45px;

}
	

	
	.snippetColor a img {
		
		width:90%;
		
	}
	
	.snippetColor h1 {
		
		font-size:130%;
	}
	







.waveDiv {
    
    background-color: green;
    margin-bottom:0px;
    position: relative;

    z-index: 20;
    
    
}

.slide::before, .fixed::before {    
    height: 7.5px
  }  
	  
#bookingcalendar {
    height:1500px;
}
    
    .mobileNextLine {
    display:block;
}
    
    
    .contact {

    padding:50px 5% 30px;

    line-height: 40px;
}
	
    
    .snippetColorSimple{  

line-height: 35px;
    padding:50px 3%;
 
  
  
}
    
      .socialIcons{
	 
	text-align: center;
padding:0px 20%;
	display: block;
	
}
    
    .socialIcons a img{
	 
	width:50%;

	
	
}
    
        .snippetMainLogo {
	
	text-align: center;
            margin:0px;
        
	  
	 
}
    
      .snippetMainLogo a img {
	
	width:100%;
	height:auto;
	margin:15px 0px;
      
	  
	 
}
    
    .snippetColor{  

    
    padding:50px 5%;
 
}
    

    
}







.aboveNavigation {
    
    background-image: url("images/backGround/background-body-jet-ski-st-thomas-us-virgin-islands.jpg");
        background-position:-70px -120px;
    background-size: 200%;
}