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


body {

    font-family: 'PT Sans Narrow', sans-serif;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:white;
	font-size: 110%;
	font-weight:normal;
}


html {
  scroll-behavior:smooth;
}

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

.contactDivAboveSpan a img{
	

clear: both;
margin-right: auto;
margin-left: auto;
text-align:center;
margin-top:15px;
width:17%;
	
}


.emphasize {
	
	color: gold;
}


.emphasize2 {
	
	color:rgba(194,13,21,1.00);
}



.snippet {
	color:white;
	text-align:center;
	padding: 125px 8%;
	background-color:rgba(194,13,21,1.00);
	
	font-weight: normal;
	background-image: url("images/logos/PuntaCanaPartyBoatTransparentText.png");
	background-position:-center top;
	background-repeat:no-repeat;
	background-size: 100%;

}

.insert {
	color:white;
	text-align:center;
	padding: 25px 8%;
	background-color:rgba(194,13,21,1.00);
	
	font-weight: normal;
	

}

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

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

.specials {
	
	text-align: center;
	padding: 0px 0px 75px;
}


.repuso {

	min-height: 250px;
	margin:50px 0px 0px;
	background-color: transparent;
	
}



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

.eventBeat {
	
	width:50%;
	float: right;
}


.heading {
	
	
	background-color: rgba(218,88,0,1.00);
	padding:1% 1%;
	color:white;
	margin:10px 0px 20px;
}

.headingGallery {
	
	
	background-color: rgba(218,88,0,1.00);
	padding:1% 1%;
	color:white;
	margin:10px 8% 20px;
}

.dottedLine {
	
	text-align: left;
	padding:20px 0%;
	border-bottom:rgba(232,88,9,1.00) solid 3px;
	margin-bottom:50px;
}


.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;
	padding-bottom:25px;
	
	
}

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

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

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


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


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


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

@-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);
  }
}







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


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



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

} 


#coolestcaribLogo {
	color:transparent;
	
}

#footerText {
	
	font-size: 90%;
	text-align: left;
	padding:50px 10% 50px;	color:rgba(255,255,255,1.00);
	line-height:40px;

}

#footerText a {
	
	color:rgba(255,255,255,1.00);
	text-decoration: underline;
	
}

h1, h2 {
	

	letter-spacing: 1px;
	font-weight: normal;

}



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

.headMast {
	position:relative;
	display: Block;
	width: 100%;
	height: 770px;
	z-index: -1000;
	margin-top:0px;
	
}

#photoContainer {
	
	
	overflow: hidden;
	position: relative;
	width:100%;
	height:800px;
	z-index: -1000;
}

.photo {
	
  position: absolute;
  -webkit-animation: round 18s infinite;
  opacity: 0;
	width:120%;
	min-width: 1400px;
	height:auto;
}


@keyframes round {
	
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
}


img:nth-child(7) {
	
   	animation-delay: 18s;
	-webkit-animation-delay: 18s;
  	-moz-animation-delay: 18s;
  	-ms-animation-delay: 18s;
  	-o-animation-delay: 18s;
}



img:nth-child(6) {
	
   	animation-delay: 15s;
	-webkit-animation-delay: 15s;
  	-moz-animation-delay: 15s;
  	-ms-animation-delay: 15s;
  	-o-animation-delay: 15s;
}


img:nth-child(5) {
	
   	animation-delay: 12s;
	-webkit-animation-delay: 12s;
  	-moz-animation-delay: 12s;
  	-ms-animation-delay: 12s;
  	-o-animation-delay: 12s;
}

img:nth-child(4) {
	
  	animation-delay: 9s;
	-webkit-animation-delay: 9s;
  	-moz-animation-delay: 9s;
  	-ms-animation-delay: 9s;
  	-o-animation-delay: 9s;
}

img:nth-child(3) {
	
  	animation-delay: 6s;
	-webkit-animation-delay: 6s;
  	-moz-animation-delay: 6s;
  	-ms-animation-delay: 6s;
  	-o-animation-delay: 6s;
}

img:nth-child(2) {
	
  	animation-delay: 3s;
	-webkit-animation-delay: 3s;
  	-moz-animation-delay: 3s;
  	-ms-animation-delay: 3s;
  	-o-animation-delay: 3s;
}

img:nth-child(1) {
	
	animation-delay: 0s;
	-webkit-animation-delay: 0s;
  	-moz-animation-delay: 0s;
  	-ms-animation-delay: 0s;
  	-o-animation-delay: 0s;
  	
	
}


#sContainer {
	
	padding: 0px 0px 50px;

}



#columnsBigBox {
	
	width: 100%;
padding-top:50px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
background-color:#BD130A;
	

}


.column {
	
	text-decoration: none;
	width: 470px;
	margin-top: 0px;
	margin-bottom: 25px;
	display: inline-block;
	padding: 30px;
	height: 330px;
	
	}



.column:hover {
	
	
	-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 {

	width:410px;
	margin-left:auto;
	margin-right:auto;
	line-height: 37px;
	font-style: normal;
	background-color:rgba(255,255,255,1.00);
	font-weight: bold;	color:rgba(0,0,0,1.00);
	font-size: 150%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;

}

.columnContent {
	
	padding: 0px;
	height: 235px;
	width: 410px;
	display:inline-block;

	background-position: center center;
	 transition: .5s ease;
  backface-visibility: hidden;
}



.columnContent img {
	
	
	height: 235px;
	width: 410px;
	
}

.columnContent iframe {
	height: 235px;
	width: 410px;
	
	
}

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


#menu li .selectIndex,
#menu li .selectCatamarans,
#menu li .selectSocial

{
	
	background-color: rgba(194,13,21,1);
	background-color: rgba(194,13,21,.6);
	color:black;
	border-radius: 5px;
}



#menu li .selectReservations,
#menu li .selectGallery,
#menu li .selectContact


{
	
	background-color: gold;
	background-color: rgba(254,215,0,.5);
		color:black;
	border-radius: 5px;


}


#menu li .selectAbout,
#menu li .selectReviews,
#menu li .selectTel


{
	
	background-color:deepskyblue;
	background-color: rgba(41,191,255,.5);
	color:black;
	border-radius: 5px;
}





.selectIndex #selectIndex,
.selectAbout #selectAbout, 
.selectReservations #selectReservations, 
.selectSpecials #selectSpecials, 
.selectGallery #selectGallery,
.selectContact #selectContact,
.selectStore #selectStore, 
.selectCatamarans #selectCatamarans,
.selectWeekly #selectWeekly,
.selectCaribbean #selectCaribbean, 
.selectLocation #selectLocation, 
.selectSocial #selectSocial, 
.selectReviews #selectReviews


{
	

	
	margin-top:10px;
}





.selectIndex #selectIndex a, 
.selectAbout #selectAbout a, 
.selectSuites #selectSuites a, 
.selectReservations #selectReservations a, 
.selectSpecials #selectSpecials a, 
.selectContact #selectContact a,
.selectGallery #selectGallery  a, 
.selectStore #selectStore a, 
.selectCatamarans #selectCatamarans a, 
.selectWeekly #selectWeekly a,
.selectCaribbean #selectCaribbean a,
.selectLocation
#selectLocation  a, 
.selectSocial #selectSocial a, 
.selectPolicy #selectPolicy a, 
.selectReviews #selectReviews a {
	

}


.bebeTable {
	font-size: 150%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	width:100%;
	
	padding: 0px;
	
}


.bebeTable th {
	
	background-color:black;
	font-size: 160%;
	padding: 25px;
	font-weight: normal;
	line-height: 30px;
}

.bebeTable tr {
	
	margin: 0px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.bebeTable tr td 
{
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 80%;
	margin: 0px;
	
	
}


.bebeTable tr:nth-child(even) 
{ /*(even) or (2n+0)*/
	
	background-color:rgba(248,197,0,.4);
}

.bebeTable tr:nth-child(odd) 

{ /*(odd) or (2n+1) ; */
	background-color:rgba(248,197,0,.2);
	
}








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

.bebeTable h1 {
	
	font-size: 150%;
	padding: 10px;
}





.buttonBox {
	

	text-align: center;
	
}

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

 
 




.telNum a  {


	font-size:250%;
 
}

.telNum:hover {
	
	
}


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

	
	
}

.addressBox a img {
	
	width:15%;
	
}

.socialIcons{
	
	width:100%;
	text-align: center;
	
	display: block;
	clear:both;

		  
	  }

.socialIcons img{
	 
	width:13%;
	margin-right:15px;
	
}


.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:160px 12% 25px;
	height:auto;
	
	color: black;
	
}


.columnAbout img {
	
	width:100%;
	
}


.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:100px 15%;
height:auto;


}

.columnLocation {
	
	text-align: left;
	padding:240px 5% 0px;
	line-height:40px;
	min-height: 500px;
	
}

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

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

.caribbeanDirectoryDiv {
	
	text-align: left;
	padding:200px 0% 10%;
	
	
}

.caribbeanDirectoryDiv h1 a {
	
	color:black;
	
}



.readMoreDiv {
	
	width:38%;
	text-align: center;
padding: 10px 0px;
	margin: 25px 31%;
	background-color:rgba(194,13,21,.8);
	border-radius: 5px;

}

.readMoreDivShort {
	
	width:100%;
	text-align: center;
padding: 10px 0px;
	margin: 25px 0px;
	background-color:rgba(194,13,21,.8)

}

a .readMoreDivShort  {
	color:white;
	font-weight: bolder;
	font-size:200%;
}







.readMoreDivWhite {
	width:54%;
	text-align: center;
	padding: 10px 0px;
	margin: 25px 23%;
	background-color:white;	color:rgba(194,13,21,1.00);

}

.readMoreDivYellow {
	width:54%;
	text-align: center;
	padding: 10px 0px;
	margin: 25px 23%;
	background-color:rgba(254,220,0,1.00);

}





.readMoreDivRed {
	
	width:60%;
	text-align: center;
	padding: 10px 0px;
	margin: 25px 20%;
	background-color:rgba(194,13,21,1.00);	
	color: white;

}

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

.readMoreDivWhite a {
	
}


a .readMoreDiv  {
	color:white;
	font-weight: bolder;
	font-size:200%;
}



a .readMoreDivWhite  {
	color:rgba(194,13,21,1.00);
	font-weight: bolder;
	font-size:200%;	
}

.welcome a .readMoreDivYellow {
	color:black;
	font-weight: bolder;
	font-size:200%;	
	text-decoration: none;
}

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


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

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


.redBlock {
	
	text-align: center;
	color:white;
	padding: 50px 20%;
	background-color:rgba(223,86,8,1.00);
	background-color:rgba(231,89,9,1.00);

}

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


.readMore img {
	
	width: 30%;
}


#google_translate_element {
		  
	padding:0px 0px 0px 4%;
	text-align: center;
	margin-bottom:10px;
	min-height: 50px;
	
	  
	  }

.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;
	padding:50px 5%;
	height:auto;	
	color:black;
	
}

.share a img {

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




#share {
	
	width: 80%;
	text-align: center;
	margin-left: 8%;
	margin-right: 8%;
padding-bottom: 5px;
	color: rgba(255,255,255,1);
}

#share a img {

padding:5px;
margin:10px;	
	
}




.headingLogo {
	
	
	padding:20px 0px 50px 0px;
	margin-bottom:50px;
	border-bottom: rgba(199,10,27,1.00) 10px solid;
	
}



	  
	  .tripadvisorLogos img {
		  
		  width:20%;
		  margin:5%;
		  
	  }



.tripadvisor {
	
	padding:50px 0px;
}



select {
	
	font-size:20px;
	
}





.bookingBoxDiv {
	
	width:92%;
	height:auto;
	
	position:absolute;
	
text-align: center;	
	padding: 50px 4% 0px;
	display: table;
	margin-top:350px;

}

.bookingBox {
	
	
	padding:2% 3% 10px;
	
	text-align:left;
	

	
	display: table-cell;
	width: 33%;
	
 position:relative;
	top:-360px;
	letter-spacing: 1px;
	font-weight:normal;
	
}


.bookingBoxDiv2 {
	
	width:100%;
	height:auto;

text-align: center;	
	padding: 25px 0px;
	display: table;


}

.bookingBox2 {
	
	
	padding:2% 1% 10px;
	text-align:left;
	display: table-cell;
	width: 25%;
 position:relative;
	
	
}



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

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



.safety {
	
	
	padding:75px 15%;
	
	width:70%;
	text-align:left;
	margin:0px;

	background-color: rgba(250,196,0,.1);
	
	list-style-position: outside;
	list-style-image: url(images/checkmark-bebe-catamaran-tours-punta-cana-dominican-republic-coolestcarib-caribbean-info.png);
	list-style-type: none;

}

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


.bookingBoxHeader {
	
	background-color: rgba(250,196,0,1.00);
	padding:10px;
	text-align: center;
	font-size:120%;
	
}


.bookingBoxReadMore {
	
	background-color:rgba(194,13,21,.8);
	padding:10px;
	text-align: left;
font-size:90%;
	margin-top:-10px;
	color:white;
	font-weight: normal;
	
}

.bookingBoxHeaderBig {
	
	background-color: rgba(250,196,0,1.00);
	padding:100px 1% 25px;
	font-size:250%;
	text-align: center;
	
}

.bookingBoxLoad {
	
	font-size:55%;
}

.bookingBoxHeaderBig a {
	
color:black;
	text-decoration: underline;

}


.bookingBoxHeaderBottom {
	
	background-color: rgba(250,196,0,1.00);
	padding:25px 10px;
	font-size:150%;
	text-align: center;
	
}

.bookingBoxHeaderBottom a {
	
color:black;
	text-decoration: underline;

}


.tripadvisorLogos {
	
	padding: 0px;
}

.bookingEmbed {
	padding:100px  15% 50px;
	min-height: 150px;
}

.bookingDetails {
	padding:50px  15%
		
		150px;
	
	background-image: url("images/background/arrow-find-dates.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 25%;
	
	
	list-style-position: outside;
	list-style-image: url(images/checkmark-bebe-catamaran-tours-punta-cana-dominican-republic-coolestcarib-caribbean-info.png);
	list-style-type: none;

}



#party {
	
	 scroll-behavior: smooth;
	
}

#private {
	
	margin-top:100px;
	
}

.logoDiv {
	
	
	height: 40px;
	text-align:left;
	padding:10px 25px;
	background-color: rgba(255,255,255,.9);
}

.logoDiv a img  {
	margin-top:-10px;

}


.socialIconsTop {
	
	text-align: right;
	width:22%;
	float:right;
	padding-top:20px;
	padding-bottom:0px;
}

.socialIconsTop a img {
	
	margin-right:0px;
	margin-left:0px;
	width:20%;
	height: auto;
	padding-bottom: 0px;
}

.logoIcon {
	width:60%;
	float:left;
}

.logoIcon a img {
	
	width:80%;
	height: auto;
}


/* Center the loader */
#loader {
  position: relative;
  left: 50%;
  top: 100px;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
	background-color: transparent;
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  
  text-align: center;
	background-color: transparent;
}



.maincontentBoxFooter {
	

	color: rgba(255,255,255,1);
	

	text-align: center;
}




.maincontentBoxFooter img {
	
margin:3%;
	width:25%;
	height: auto;
	
}




.welcome a img {
	
	width:30%;
	height: auto;
}

.welcomContent {
	
	line-height:45px;
	margin: 50px 0px;
	font-size:95%;
}

.bottomDiv {
	
	bottom:0;
	width:90%;
	margin:0px 5% 0px;
}

.margin-bottom {
	
	margin-bottom: 100px;
}

	  .emphasizeBlock {
		  
		  background-color: gold;
		  padding:15px 10px;
		  margin:15px 0%;
		  color:rgba(194,13,21,1.00);
		  font-size:130%;
		
		 
	  }


	  
	  
.bookingBoxContent {
	background-color:rgba(250,250,250,.9);
	padding:15px;
}

.welcome {
	
}


.emphasize3 {
    background-color: rgba(250,196,0,1.00);
    border-radius: 0px 0px 25px 25px;
    padding: 5px 0px;
    margin: 0px 25% -40px;
    width: 50%;
    font-size: 150%;
    overflow: visible;
    color: black;
    font-weight: bolder;
    position: relative;
    text-align: center;
    
  
}








#absoluteSnorkeling {
	
	position:absolute;
	padding-top: 10px;
	color:white;
	left:40%;
	  transform: translate(-40%, -20%);
	
}

.newRow {
	text-align: center;
}

#socialBox {
	
	min-height: 700px;
}


.halfSize {
	margin:2%;
	width:45%;
	display:inline-block;
	float:left;
	
}

.catamaranContainer {
	text-align:center;
	margin-top:50px;
}

.description {
	
	text-align: left;
	padding:25px;
background-color:rgba(248,197,0,.3);
	line-height:35px;
	font-size:120%;
	margin-top:-5px;

}


/* iPhone and mobile  */

@media only screen and (max-width: 750px) {
	  
	  
body {
    -webkit-text-size-adjust: 100%;
}
	  
	
	
	  
#container {
	
	
	margin-bottom: 0px;
	
} 
	
	.CoolestCaribHeader {
	
	padding:15px 0px 0px 15px;
	
}
	
	
	  
	  
	  .pickUpCalendar {
	transform: scale(0.9, 0.9);
}
	  
	 
	  
	  

	  
.bookingBoxHeaderBottom {
	
	
	padding:25px 2%;
	font-size:140%;
	text-align: center;
	
}
	  
	  
.bookingBoxHeaderBottom {
	
	
	padding:25px 2%;
	font-size:140%;
	text-align: center;
	
}
	  
	  
	  
	  
.bookingBoxDiv {
		  
		  display:block;
		   width:100%;
		  padding:0px;
		  margin-top:20px;
	position:relative;
	  }

	  
.bookingBox 

{
    display: block;
    width: 90%;
	border:0px;
	margin:0px;
	padding:5% 5% 50px;
	top:0px;
	
  }
	
	
	
	.bookingBoxReadMore {
	
font-size:110%;
	
	
}
	
.bookingBoxDiv2 {
		  
display:block;
width:100%;
padding:0px;
margin-top:20px;
position:relative;
	  }

	

	
	
.bookingBox2{
    display: block;
    width: 90%;
	border:0px;
	margin:0px;
	padding:5% 5% 50px;
	top:0px;
	
  }
	  
.bookingBox img {
		  
		  min-width:100%;
		  height:auto;
	  }
	  
	  
.bottomDiv {
	position:absolute;
	bottom:0;
	width:85%;
	margin:0px auto 0px;
}
	
.bookingEmbed {
	padding:20px  2% ;
	min-height: 150px;
}
	  
.bookingDetails {
	
	padding:20px  2% 160px;
	background-size: 50%;
	
	  }

	  
	  
	  
.snippet {
	
	padding: 50px 2%;
	font-size:80%;
	
	
}
	  
	  
.maincontentBoxFooter a img {
	

	width:80%;
}
	  
.bookingBoxLoad {
	
	font-size:50%;
}
	  
#private {
	
	margin-top:0px;
	
}
	  

	  
	  
	  .safety 
	  
	  {
		 padding:25px 5%; 
		  width:90%;
	  }	 
	  	

	  
	  

.availbg table tr td img {
		  
		 display:none;
	visibility: hidden;

	  }

	

.headMast {
	
height:400px;
	margin-top:0px;

	
	}

#photoContainer {
	
	overflow:hidden;
	z-index: -1000;
	height: 430px;
	
	  }
	  
.photo {
		
	height:auto;
		width:100%;
	min-width: 780px;
	
		  
	  }
	  
	  
contentContainer {
	
	padding-top:0px;	
}  
	  
	  


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



}

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




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


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

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

	  
#logo {
	
	height: 55px;
}

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


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

	

	
}
	  
	  .addressBox a img {
		  
		 width:35%;
		  z-index:-1;
	  }
	  
#google_translate_element {
		  
	padding:0px 0px 0px 0px;
	margin-left:-30px;
	text-align: center;
	margin-bottom:10px;
	float:left;
	width:100%;
	min-height: 31px;
	font-size:150%;
	  
	  }
	  
.contactDivAboveSpan2 {
	
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	display:inline-block;
	font-size:150%;
}
	  

#columnsBigBox {
	
	background-color: rgba(0,0,0,1);
	padding-bottom:50px;
	border-bottom: rgba(0,0,0,1.00) 10px solid;
	border-top: rgba(0,0,0,1.00) 10px solid;
	
}

.column {

	width: 80%;
	heigt:auto;
	margin: 15px 10%;
	padding:0px;

	}
	
.columnHeader {
	
	padding-left:0%;
	padding-right:0%;
	width: 100%;
	heigth:150px;
	line-height:50px;
	font-size:160%;
	
}
	  
	  .columnContent {
		  
		  width: 100%;
		  height:auto;
	  }
	
.columnContent img {
	
	width:100%;
	height:auto;
	
}
	  
	  
	  .columnContent iframe {
	height: auto;
	width: 100%;
	
	
}


.directorsColumn {

	width:90%;
	
}


#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: 15px;
	padding-top: 15px;
	
}


.share {
	
	
	
}

.share a img {

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

#share {
	
	width: 100%;
	text-align: center;
	margin-left: 0%;
	margin-right: 0%;
	padding: 40px 0px;
	color: rgba(255,255,255,1);
	
}
	  
	  
  #share a img:hover {

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

	

	  
	  
.contactDivAboveSpan {
	
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	
	
	
}
	  

	  

	  
.contactDivAboveSpan img{
	

	clear: both;
	margin-right: auto;
	margin-left: auto;
	display:inline-block;
	text-align:center;
	
}
	  

.contactDivAboveSpan a img{
	
margin-top:20px;
width:40%;
	
}
	  

	  
.columnAbout {
	
padding:50px 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;
	
}
	  
	

	  
	  
#guestbookDiv {
	
	background-color: rgba(255,255,255,1);
	width:100%;
	margin: 0px;
	padding: 10% 0px;
	text-align: center;
	color:rgba(0,0,0,1.00);	
	font-size: 200%;

}
	  
.contentContainer {
	
	padding-top:500px;
	
} 
	  

	  
	  

	  
#footerText {
	
	font-size:100%;
		  
padding:70px 5%;
	  }
	  
	  #footerText a {
		  
		  font-size:90%;
	  }	  
	  
	 
.contentGallery {
	
	padding-top: 50px;
	  
}
	  
.border {
		  
		  width:400px;
		  height:400px;
	  }
	  
	  
	  
.blueCircle {
	
	color:rgba(0,0,0,1.00);
	text-align: center;
	background-color: rgba(255,255,255,1.00);
	padding:25px 3%;
	width:94%;
	margin: 0px;

}

	  
	  
.socialMediaIcons img {
	
	margin: 20px 10px 0px;
	border-bottom: 3px solid transparent;
	width:15%;
	height:auto;
}
	
	  	  

.readMore img {
	
	width: 70%;
}
	  
	  
.contentWide {
	
	
padding:0px;
	

	
}
	  
.tintup {

	
		z-card:-1000;
	
}
	  
#bookHere {
	

	padding-top:50px;

	
}
	  
.caribbeanDirectoryDiv {
	
padding:0%;
	
}
	  
	  
.readMoreDiv {
	
	width:82%;
	margin: 5px 9%;
	
}
	  
a .readMoreDiv  {
	
	font-size:120%;
}
	  

	  
	  
.readMoreDivWhite {
		  
width:82%;
margin: 25px 9%;

	  }
	  
	  a .readMoreDivWhite  {
	
	font-size:120%;
}	
	  
	  
.readMoreDivRed {
		  
width:82%;
margin: 25px 9%;

	  }
	  
a .readMoreDivRed  {
	
	font-size:130%;
}
	  
	  
.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;
margin-top:25px;
		  
	  }
	  
.snippet .socialIcons img {
		  
width: 30%;
heigth:auto;
	
	  }
	  
.telNum {
		  
	width:100%;
	text-align: center;
		display: block;	
	clear:both;
	padding-bottom: 0px;
	margin-top:30px;
	
		  
}
	  
	   .emphasizeBlock {
		  
		  background-color: transparent;
		  padding:15px 10px;
		  margin:15px 0%;
		  color:white;
		   line-height: 35px;
		
		 
	  }
	  
	  .emphasizeBlock h2 {
	
	margin-bottom:25px;
}
	  
.telNum2 {
		  
	width:100%;
	text-align: center;
	display:inline-block;
	clear:both;
	padding-bottom:0px;
	margin-top:25px;
	font-size:200%;
			
}

.redBlock {
	
	border-bottom: rgba(0,0,0,1.00) 10px solid;
	border-top: rgba(0,0,0,1.00) 10px solid;
	
}
	  
.columnAboutIntro {
	
	padding:25px 3%;
	line-height: 35px;

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

}
	  
	  .headingLogo {
	
	padding:25px 0px 20px 0px;
	margin-bottom:20px;
	border-bottom: rgba(199,10,27,1.00) 10px dotted;
	
}
	  
	  #google_translate_element {
		  
	padding:0px 0px 0px 7%;
	text-align: left;
	margin-bottom:10px;
	min-height: 50px;
	
	  
	  }
	  
.logoDiv {
	
	
	height: auto;
	text-align:left;
	padding: 5px 2%;
	position:relative;
	
}
	  
	  .socialIconsTop {
	
	
		  display:block;
	width:100%;
	float:none;
	padding-top:0px;
	padding-bottom:0px;
		  text-align:center;
}

.socialIconsTop a img {
	
	margin-right:0px;
	margin-left:0px;
	width:20%;
	height: auto;
	padding: 0px;
}

.logoIcon {
	width:100%;
	float:none;
	display:block;
	padding:0px;
}

.logoIcon a img {
	
	width:95%;
	height: auto;
	text-align: center;
	margin-bottom:0px;
}

	  
	  
	  
	  
	  
	  
	  .selectIndex #selectIndex,
.selectAbout #selectAbout, 
.selectReservations #selectReservations, 
.selectSpecials #selectSpecials, 
.selectGallery #selectGallery,
.selectContact #selectContact,
.selectStore #selectStore, 
.selectCatamarans #selectCatamarans,
.selectWeekly #selectWeekly,
.selectCaribbean #selectCaribbean, 
.selectLocation #selectLocation, 
.selectSocial #selectSocial, 
.selectReviews #selectReviews


{
	

	border-bottom:rgba(199,4,28,1.00) solid 1px;
	margin-top:0px;
}

	 
	.emphasize3 {
	
	border-radius: 0px 0px 25px 25px;
	padding:5px 0px;
	margin: -1px 20% -40px;
	width:60%;
	font-size:130%;

}
	
	
	.halfSize {
	margin:25px 0px;
	width:100%;
		display:block;
		float:none;
}
	
	
	
}