@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
/*   

Theme Name: Reel Commocean Custom Theme

Theme URI: 

Description: 

Author: 

Author URI: 

Version: 1

*/

.clear {clear:both;}

/* =NOTES

--------------------------------------------------------------------------------------------------------------- 

=LAYOUT:





--------------------------------------------------------------------------------------------------------------- 

=/NOTES */







/* =LIBRARY

--------------------------------------------------------------------------------------------------------------- 

=COLORS:

link                        = 

link:hover                  = 

h2, h3                      = 

p                           = 



--------------------------------------------------------------------------------------------------------------- 

=/LIBRARY */







/* =DEFAULTS

--------------------------------------------------------------------------------------------------------------- */

/* =RESETS */

* { margin: 0px; padding: 0px; border: 0px; } 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 

	{ margin:0; padding:0; vertical-align:baseline; border:0; outline:0; background:transparent; }

ol, ul { list-style:none; } 

blockquote, q { quotes:none; }

:focus { outline:0; }

table { border-collapse:collapse; border-spacing:0; }



/* =GROUPS */

.group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html .group { /* IE6 */ height:1%; }

*:first-child+html .group { /* IE7 */ min-height:1px; }
c


/* =GLOBAL */

html {  }

body { width:auto; min-width:700px; height:auto; background:#011724; 

	font-family:Arial, Helvetica, sans-serif; position:relative;  

	font-size:100%; line-height:150%; color:#e5e6e6; text-shadow:2px 2px 2px #222222; font-style:normal; overflow-x:hidden !important; }

/* =LINKS */ 

a , a:visited { /* color:#ffedcc; */ color:#0064cb; text-decoration:none; text-shadow:2px 2px 2px #222222; }

a:hover , a:active { text-decoration:underline; color:#0786e3;   }

/*---------------------------------------------------------------------------------------------------------------

 =/DEFAULTS */

 





/* =HEADER

--------------------------------------------------------------------------------------------------------------- */

/* =HEADER CONTAINERS */

div#branding { width:100%; height:455px; background:#64ddfb url(https://reelcommocean.com/images/_branding3.jpg) repeat-x; }

div#branding-inner { width:80%; height:350px; margin:0 auto; position:relative; }

/* =IMAGES */

div#island {  

background: url("https://reelcommocean.com/images/_island.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    position: absolute;
    right: 275px;
    text-align: center;
    top: 105px;
    z-index: 9999; }

div#island p.bigger {
    font-size: 26px;
}

/* div#boat { width:424px; height:187px; position:absolute; top:365px; left:450px;  z-index:1600;

	background:url(https://reelcommocean.com/images/reel-commocean-boat-waves1.png) no-repeat; } */

div#boat {
background:url(https://reelcommocean.com/images/boat822.png) no-repeat; 
 width:824px; height:450px; position:absolute; top:1px; left:10px;  z-index:1600;
}


/* =LOGO */

div#branding a#logo img { width:100%; float:left; z-index:3000; position:relative; 

	font-size:3.5em; line-height:125%; }

div#branding a#logo , div#branding a#logo:visited { width:270px; height:199px; display:block; 

	position:relative; float:left;  }

div#branding a#logo:hover , div#branding a#logo:active {  }

div#branding a#logo:hover span , div#branding a#logo:active span { width:27px; height:23px; position:absolute; bottom:13px; left:122px;

	background:url(https://reelcommocean.com/images/_home.png) no-repeat; z-index:3001; }

/* =(DEPRECATED) SIGN 

div#branding a#sign img { max-width:100%; float:right; z-index:1000; position:relative; font-size:2.5em; line-height:125%; }

div#branding a#sign , div#branding a#sign:visited { width:239px; height:75px; display:block; position:relative; float:right;  }

div#branding a#sign:hover , div#branding a#sign:active {  }

div#branding a#sign:hover span , div#branding a#sign:active span { width:6px; height:22px; 

	position:absolute; bottom:13px; right:31px; z-index:1001;

	background:url(https://reelcommocean.com/images/_exclaim.png) no-repeat;  }

*/


/* =SIGNS */

div#reservation-signs { position:relative; float:right; width:239px; height:150px; z-index:1800; 

	background:url(https://reelcommocean.com/images/signs-plain1.png) no-repeat; }


	/* =BOOK A TRIP */

div#reservation-signs a#book-sign { display:block; width:239px; height:73px;

	position:absolute; top:0px; left:0px; }

/* 
div#branding a#book-sign:hover span , div#branding a#book-sign:active span { width:6px; height:22px; 

	position:absolute; bottom:13px; right:31px; z-index:1801;

	background:url(https://reelcommocean.com/images/_exclaim.png) no-repeat;  }
*/

	/* =TROLLING */

div#reservation-signs a#trolling { display:block; width:239px; height:73px; 

	position:absolute; bottom:0px; left:0px; }

/* 
div#branding a#trolling:hover span , div#branding a#trolling:active span { width:6px; height:16px; 

	position:absolute; bottom:7px; right:53px; z-index:1801;

	background:url(https://reelcommocean.com/images/_exclaim.png) no-repeat 10% 100%;  }
*/


/* =NAVIGATION CONTAINER*/

div#nav-container-extrahack { position:absolute; bottom:280px; width:100%; float:left; display:inline; }

div#branding div#nav-container { position:relative;  z-index:1900; width:100%; }

ul#navigation { height:53px; margin:0 auto; text-align:center; line-height:125%; 

	font-size:1.3em; font-style:italic; }

/* =NAVIGATION LINKS */

ul#navigation li { display:inline-block; float:left; margin:.25em 0; height:53px; 

	background:url(https://reelcommocean.com/images/_nav-left.png) no-repeat 0 0; padding-left:20px; }

ul#navigation li a , ul#navigation li a:visited 

	{ float:left; display:inline; color:#7a4320; text-shadow: 0px -1px 0px rgba(0,0,0,.7); text-decoration:none;

	background:url(https://reelcommocean.com/images/_nav-right.png) no-repeat 100% 0; padding-right:20px;  }

ul#navigation li a:hover , ul#navigation li a:active { text-decoration:underline; !important}

/* =NAVIGATION TEXT*/

ul#navigation li a strong { height:53px; float:left; display:inline; padding:.5em .6em 0 .6em;

	background:url(https://reelcommocean.com/images/_nav-bg.png) repeat-x; }

	/* =UNDERLINE (FORCED-HACK) */

ul#navigation li a strong:hover , ul#navigation li a strong:hover , 

ul#navigation li a strong:hover , ul#navigation li a strong:hover 

	{  text-decoration:underline; !important }

/* =NAVIGATION CURRENT */

body#index ul#navigation li a[href="https://reelcommocean.com/"] strong ,

body#about-us ul#navigation li a[href="https://reelcommocean.com/about-us"] strong ,

body#faq ul#navigation li a[href="https://reelcommocean.com/frequently-asked-questions"] strong ,

body#photos ul#navigation li a[href="https://reelcommocean.com/photo-gallery"] strong ,

body#charter ul#navigation li a[href="https://reelcommocean.com/deep-sea-fishing-charters"] strong 

	{ text-decoration:underline; cursor:default; }

/*---------------------------------------------------------------------------------------------------------------

 =/HEADER */



 /* =SEALINE

--------------------------------------------------------------------------------------------------------------- */

div#sealine { position:absolute; top:386px; width:100%; height:200px; z-index:400;

	background:url(https://reelcommocean.com/images/_sealine.png) repeat-x -120% 0; }

/*---------------------------------------------------------------------------------------------------------------

 =/SEALINE */



/* =CONTENT GLOBAL

--------------------------------------------------------------------------------------------------------------- */

/* =CONTENT CONTAINERS */

div#content { clear:both; width:100%;height:100%; }

div#content-inner { width:80%; height:100%; margin:0 auto; position:relative; z-index:300; }

/* =PRIMARY, SECONDARY, TERIARY */

div#primarycontent { float:left; display:inline; width:68%; /* border:#FF0000 1px solid; */  }

div#secondarycontent {  float:right; display:inline; width:27%; /* border:#00FF00 1px solid; */  }

div#tertiarycontent { clear:both; display:inline; width:100%; /* border:#FF00FF 1px solid; */ }

/* =GLOBAL */

div#content-inner h1 { margin:1.5em 1em 1em 0; text-align:left; 

	float:left; line-height:100%; font-size:2.5em; color:#fefefe; width:100%;

	text-shadow:4px 4px 2px #222222; font-family:georgia,garamond,serif; }

div#content-inner h1 strong { text-transform:uppercase; }

div#content-inner h1 span { display:block;  line-height:120%; }

div#content-inner h2 { clear:both; font-size:1.7em;  line-height:120%;  margin:0 auto 1em auto; text-align:center; }

div#content-inner h3 { font-size:1.5em;  line-height:120%; }

div#content-inner p { text-align:left;  margin:0 0 1em 0; line-height:175%; font-size:1.2em;  }

div#content-inner p strong {   }

/* =PHOTOS */

	/* =LEFT */

span.mainphoto-left { float:left; display:inline-block; width:15%; margin:1em; padding:.5em; background:#fefefe;

	 -moz-box-shadow: 4px 4px 2px #000; -webkit-box-shadow: 4px 4px 2px #000; box-shadow: 4px 4px 2px #000; }

span.mainphoto-left img { width:100%; color:#64ddfb; font-weight:bold; font-size:1.5em; }

	/* =RIGTH */

span.mainphoto-right { float:right; display:inline-block; width:15%; margin:1em; padding:.5em; background:#fefefe;

	 -moz-box-shadow: 4px 4px 2px #000; -webkit-box-shadow: 4px 4px 2px #000; box-shadow: 4px 4px 2px #000; }

span.mainphoto-right img { width:100%; color:#64ddfb; font-weight:bold; font-size:1.5em; }

/* =ACTION */

ul.action { clear:both; margin:0 auto; text-align:center; color:#fefefe; line-height:150%; 

	text-shadow:4px 4px 2px #222222; font-family:georgia,garamond,serif; width:100%; }

ul.action li { display:inline-block; margin:1.5em 1em; width:20%; }

ul.action li a , ul.action li a:visited { display:block; color:#fefefe; background:rgba(0,0,0,.4); font-size:1.25em; padding:1em .5em;

	 /*	  -moz-box-shadow: 2px 2px 2px #686a6a; -webkit-box-shadow: 2px 2px 2px #686a6a; box-shadow: 2px 2px 2px #686a6a;

	 filter:progid:DXImageTransform.Microsoft.DropShadow(color='#686a6a',offX='2',offY='2');  */

	 border:#686a6a 1px solid; }

ul.action li a:hover , ul.action li a:active { background:rgba(255,255,255,.1); text-decoration:none; 

	 /*	 -moz-box-shadow:inset 2px 2px 2px #686a6a; -webkit-box-shadow:inset 2px 2px 2px #686a6a; box-shadow:inset 2px 2px 2px #686a6a;

	 filter:progid:DXImageTransform.Microsoft.DropShadow(color='#686a6a',offX='2',offY='2'); */ }

/* =ACTION ITEMS */

ul.action li a span { /* font-size:1.7em; */ display:block; line-height:150%; }

/* =SEA ITEM */

div#sea-item { clear:both; width:300px; height:261px; float:left;

	background:url(https://reelcommocean.com/images/_orangefish1.png) no-repeat; }

/*---------------------------------------------------------------------------------------------------------------

 =/CONTENT GLOBAL */



/* =HOME SPECIFIC

--------------------------------------------------------------------------------------------------------------- */

/* =PRIMARY, SECONDARY, TERIARY */

body#index div#primarycontent { float:right; width:68%; }

body#index div#secondarycontent { float:left; width:27%; }

body#index div#tertiarycontent { clear:both; width:100%; }

body#index div#content { background:url(https://reelcommocean.com/images/_light-new.png) no-repeat 50% 0; }

body#index h1 { margin:.5em 1em 1em 0; float:left; font-size:2.5em; text-align:left; }

body#index h1 strong { font-size:2.7em; display:block; line-height:100%; text-transform:uppercase; }

body#index h1 span { font-size:1.2em; display:block;  line-height:100%; }

body#index div#content-inner p {   }

/*---------------------------------------------------------------------------------------------------------------

 =/HOME SPECIFIC */	



/* =CHARTER SPECIFIC

--------------------------------------------------------------------------------------------------------------- */

body#charter div#content { background:url(https://reelcommocean.com/images/_light-silverfish.jpg) no-repeat 50% 0; }

/* =PRIMARY, SECONDARY, TERIARY */

body#charter div#primarycontent { clear:both; width:100%; }

/*---------------------------------------------------------------------------------------------------------------

 =/CHARTER  SPECIFIC */



/* =PHOTO SPECIFIC

--------------------------------------------------------------------------------------------------------------- */

/* =PRIMARY, SECONDARY, TERIARY */

body#photos div#primarycontent { clear:both; width:100%; }

body#photos div#content { background:url(https://reelcommocean.com/images/_light-lessfish.jpg) no-repeat 50% 0; }

div.photo-gallery { text-align:center;  }

div.photo-gallery ul { width:100%; margin:1em 0 0 0; }

div.photo-gallery ul li { display:inline-block; width:16%; margin:1em; padding:.5em; background:#fefefe;

	 -moz-box-shadow: 4px 4px 2px #000; -webkit-box-shadow: 4px 4px 2px #000; box-shadow: 4px 4px 2px #000; }

div.photo-gallery ul li a , div.photo-gallery ul li a:visited {  }

div.photo-gallery ul li a:hover , div.photo-gallery ul li a:active {   }

div.photo-gallery ul li a img { width:100%; color:#64ddfb; font-weight:bold; font-size:1.5em; }

div.photo-gallery ul li img { width:100%;  color:#64ddfb; font-weight:bold; font-size:1.5em; }

/*---------------------------------------------------------------------------------------------------------------

 =/PHOTO  SPECIFIC */



/* =FAQS SPECIFIC

--------------------------------------------------------------------------------------------------------------- */

/* =PRIMARY, SECONDARY, TERIARY */

body#faq div#primarycontent { clear:both; width:100%;  }

body#faq div#content { background:url(https://reelcommocean.com/images/_light-morefish.jpg) no-repeat 50% 0; }

/*---------------------------------------------------------------------------------------------------------------

 =/FAQS  SPECIFIC */



/* =ABOUT SPECIFIC

--------------------------------------------------------------------------------------------------------------- */

body#about-us div#content { /* background:url(https://reelcommocean.com/images/_light-morefish.jpg) no-repeat 50% 0; */ }

/* =PRIMARY, SECONDARY, TERIARY */

body#about-us div#primarycontent { float:left; display:inline;  width:60%; }

body#about-us div#secondarycontent {  float:right; display:inline; width:35%; }

	/* =MAP */

div#secondarycontent div.map iframe {  padding:.5em; background:#fefefe; width:100%; height:300px;

	 -moz-box-shadow: 4px 4px 2px #000; -webkit-box-shadow: 4px 4px 2px #000; box-shadow: 4px 4px 2px #000; }

div#secondarycontent div.map small { display:block; margin:.5em 0 2em 0; }

div#secondarycontent div.map a , div#secondarycontent div.map a:visited {  text-decoration:none; }

div#secondarycontent div.map a:hover , div#secondarycontent div.map a:active { text-decoration:underline;  }

	/* =CONTACT */

ul#contact { text-align:center; }

ul#contact li {  }

ul#contact li a , ul#contact li a:visited {  }

ul#contact li a:hover , ul#contact li a:active {  }

	/* =SEA ITEM */

body#about-us div#sea-item {  }

/*---------------------------------------------------------------------------------------------------------------

 =/ABOUT  SPECIFIC */



/* =BOOK SPECIFIC

--------------------------------------------------------------------------------------------------------------- */

body#book div#content { /* background:url(https://reelcommocean.com/images/_light-morefish.jpg) no-repeat 50% 0; */ }

/* =PRIMARY, SECONDARY, TERIARY */

body#book div#primarycontent { clear:left; float:left; display:inline; width:70%; }

body#book div#secondarycontent { float:right;  width:25%; }



/* =SHOPPING CART */

div.product { border:#686a6a 1px solid;color:#fefefe; background:rgba(0,0,0,.4); padding:1em .5em; }

div.product select { width:100%;  }

div.product select option { width:100%;  }



	/* =TITLE */

div.product div#title { font-size:1.5em; text-align:center; margin:0 0 1.5em 0;  }

div.product span.product-title { margin:0 auto;  }

div.product div.deposit-price {  text-align:center; font-size:1.5em; }

div.product div.deposit-price span.product-price {  }

	/* =OPTIONS */

div.product div#people { margin:1em 0 0 0; }

div.product div#duration { margin:1em 0 0 0;  }

div.product div#month { margin:1em 0 0 0;  }

div.product div#day { margin:1em 0 0 0;  }

div.product div#time { margin:1em 0 2em 0;  }

	/* =BUYNOW */

div.product div.googlecart-buynow-button { display:block; margin:2em 0 0 0; }

/* =SEA ITEM */

body#book div#sea-item {  }

/*---------------------------------------------------------------------------------------------------------------

 =/BOOK  SPECIFIC */



/* =FOOTER

--------------------------------------------------------------------------------------------------------------- */

/* =FOOTER CONTAINERS */

div#footer { clear:both; width:100%; height:247px; 

	background:#011724 url(https://reelcommocean.com/images/_seafloor.jpg) repeat-x; }

div#footer-inner { width:80%; height:247px; margin:0 auto; position:relative; }

/* =CONTACT */

div#contact { font-size:.9em; }

	/* =VCARD */

div.vcard { position:absolute; bottom:100px; width:100%; text-align:center; }

	/* =RIGHTS */

div#rights { position:absolute; bottom:25px; width:100%; text-align:center; }

div#rights p { margin:0 auto; }

/* =SEAFLOOR ITEM */

body#index div#seafloor-item { width:207px; height:184px; position:absolute; bottom:10px; right:5px; 

	background:url(https://reelcommocean.com/images/_anchor.png) no-repeat;}

body#faq div#seafloor-item { width:563px; height:201px; position:absolute; top:-175px; right:-50px; 

	background:url(https://reelcommocean.com/images/_shipwreck.png) no-repeat;}

body#about-us div#seafloor-item { width:355px; height:242px; position:absolute; top:-175px; right:-50px; 

	background:url(https://reelcommocean.com/images/_turtle.png) no-repeat; }

/*---------------------------------------------------------------------------------------------------------------

 =/FOOTER */





/* =xxx

--------------------------------------------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------------------------------------------

=/xxx */





/* =404

--------------------------------------------------------------------------------------------------------------- */

    /* Widget content container */

   #goog-wm { width: 100%; padding: 3em; }



    /* Heading for "Closest match" */

   #goog-wm h3.closest-match { margin-bottom: 0.5em; font-size: 150%; }



    /* "Closest match" link */

   #goog-wm h3.closest-match a {  }



    /* Heading for "Other things" */

   #goog-wm h3.other-things {  }



    /* "Other things" list item */

   #goog-wm ul li {  }

   

   /* search site */

   #goog-wm li.search-goog {  }

   #goog-wm li.search-goog b { color:#0064cb; }



    /* Site search box */

	#goog-wm-qt {  font-size:1em; padding:.5em 1em; border:#575c5c 1px solid; margin-right:1em;  }

   

   /* Site search box submit */

   #goog-wm-sb { font-weight:bold; border:#575c5c 1px solid; 

   	color:#fff; padding:.5em 1em; background:#0064cb; }

   #goog-wm-sb:hover {  color:#fff; padding:.5em 1em; 

	background:#0786e3; cursor:pointer; }

/* ---------------------------------------------------------------------------------------------------------------

=/404 */





/* =MEDIA

--------------------------------------------------------------------------------------------------------------- */

body#media div#primarycontent { clear:both; width:100%;  }

hr.media { width:100%; height:3px; background:#CCCCCC; margin:1.5em 0; }

div#primary-content h2.media { text-align:center; font-size:1.5em; margin:25px auto 50px auto; text-decoration:none; }

textarea.copy-paste-box 

	{ clear:both; width:250px; height:100px; margin:25px auto; display:block;

	padding:.5em; background:#fefefe; overflow:scroll; 

	-moz-box-shadow: 4px 4px 2px #000; -webkit-box-shadow: 4px 4px 2px #000; box-shadow: 4px 4px 2px #000; }

textarea.copy-paste-box-right 

	{ clear:both; width:250px; height:100px; margin:25px auto; float:right; display:block;

	padding:.5em; background:#fefefe; overflow:scroll; 

	-moz-box-shadow: 4px 4px 2px #000; -webkit-box-shadow: 4px 4px 2px #000; box-shadow: 4px 4px 2px #000; }

/* ---------------------------------------------------------------------------------------------------------------

=/MEDIA */









/* =RATE TABLE

--------------------------------------------------------------------------------------------------------------- */

/* =OVERLAY */

.black_overlay{	display:none; position:absolute; top:0%; left:0%; width:100%; height:100%;

	background-color:black;	z-index:1998; -moz-opacity:0.8;	opacity:.80; filter:alpha(opacity=80); }

.white_content { color:#7a4320; text-shadow:0px -1px 0px rgba(0,0,0,.2); font-weight:bold; display:none; 

	padding:2em; background:#fefefe;	-moz-opacity:0.9; opacity:.90; filter:alpha(opacity=90); z-index:1999; 

	position:absolute; top:25%; left:25%; width:50%; width:500px; height:50%; overflow:visible; }



	/* close */

.white_content a#close { /* float:right; */ position:absolute; top:15px; right:15px;

	color:#af1b1d; text-shadow: 0px -1px 0px rgba(255,255,255,.2); font-weight:bold; 

	/* padding-right:66px; */ width:66px; height:22px;

	background:url(https://reelcommocean.com/images/-closelabel.gif) no-repeat; }

	

/* =RESERVATION RATES */

body#book table.reservation-rates {  line-height:125%; font-size:1em; width:100%; margin-top:1.5em; }

body#book table.reservation-rates tr { margin:0 0 1em 0; width:100%; }

body#book table.reservation-rates tr td {  padding:.5em 1em; width:100%; }

	/* =BORDER COLUMN + ROW */

body#book table.reservation-rates tr.hours-row {  }

body#book table.reservation-rates tr td.column-people {   }

/* ---------------------------------------------------------------------------------------------------------------

=/RATE TABLE */









/* =Check Availability

--------------------------------------------------------------------------------------------------------------- */

/* =OVERLAY */

.black_overlay_availability{	display:none; position:absolute; top:0%; left:0%; width:100%; height:100%;

	background-color:black;	z-index:1998; -moz-opacity:0.8;	opacity:.80; filter:alpha(opacity=80); }

.white_content_availability { color:#7a4320; text-shadow:0px -1px 0px rgba(0,0,0,.2); font-weight:bold; display:none;

	padding:2em; background:#fefefe;	-moz-opacity:0.9; opacity:.90; filter:alpha(opacity=90); z-index:1999; 

	position:absolute; top:25%; left:15%; width:60%; height:1120px; overflow:visible; }



	/* close */

.white_content_availability a#close_availability { /* float:right; */ position:absolute; top:15px; right:15px;

	color:#af1b1d; text-shadow: 0px -1px 0px rgba(255,255,255,.2); font-weight:bold; 

	/* padding-right:66px; */ width:66px; height:22px;

	background:url(https://reelcommocean.com/images/-closelabel.gif) no-repeat; }



.white_content_availability iframe {min-height:0px; }

/* ---------------------------------------------------------------------------------------------------------------

=/Check Availability */





.GoogleLikeForms_BLUE {

	/* background: #011724; */

	padding: 15px;

	-webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

	/* box-shadow: 0 0 3px #9c9c9c; */

	margin: auto;

	width: 840px;

}



.GoogleLikeForms_BLUE h3 {

	margin: 25px 0 0 5px;

}

.GoogleLikeForms_BLUE input[type="submit"],.GoogleLikeForms_BLUE input[type="reset"],.GoogleLikeForms_BLUE input[type="image"] {

    padding: 8px 30px 7px 30px;

    margin: 5px 2px;

    color: white;

    font-size: 12px;

    text-transform: uppercase;

    cursor: pointer;

    font-weight: bold;

    background-color: #498af2;



    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #498AF2), color-stop(100%, #5993F1));

    background-image: -webkit-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);

    background-image: -moz-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);

    background-image: -o-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);

    background-image: -ms-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);

    background-image: linear-gradient(bottom, #498AF2 0%, #5993F1 100%);



    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border: 1px solid #4783e2;

    text-shadow: 0px 1px 0px #2269d9;

}



.GoogleLikeForms_BLUE input[type="submit"]:hover,.GoogleLikeForms_BLUE input[type="reset"]:hover,.GoogleLikeForms_BLUE input[type="image"]:hover {

    background-color: rgb(73,138,242);



    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(48,121,237)), color-stop(100%, rgb(73,138,242)));

    background-image: -webkit-linear-gradient(bottom, rgb(48,121,237) 0%, rgb(73,138,242) 100%);

    background-image: -moz-linear-gradient(bottom, rgb(48,121,237) 0%, rgb(73,138,242) 100%);

    background-image: -o-linear-gradient(bottom, rgb(48,121,237) 0%, rgb(73,138,242) 100%);

    background-image: -ms-linear-gradient(bottom, rgb(48,121,237) 0%, rgb(73,138,242) 100%);

    background-image: linear-gradient(bottom, rgb(48,121,237) 0%, rgb(73,138,242) 100%);



    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);

    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);

    box-shadow: 0px 1px 1px rgba(0,0,0,.3);

    border: 1px solid #2269d9;

}



.GoogleLikeForms_BLUE input[type="submit"]:active,.GoogleLikeForms_BLUE input[type="reset"]:active,.GoogleLikeForms_BLUE input[type="image"]:active {

    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;

    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;

    box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;

    border: 1px solid #5993f1;

}



.GoogleLikeForms_BLUE input[type="button"] {

    padding: 8px 30px 7px 30px;

    margin: 5px 2px;

    color: #222222;

    font-size: 12px;

    cursor: pointer;

    font-weight: bold;

    background-color: #F0F0F0;



    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #F5F5F5));

    background-image: -webkit-linear-gradient(bottom, #F0F0F0 0%, #F5F5F5 100%);

    background-image: -moz-linear-gradient(bottom, #F0F0F0 0%, #F5F5F5 100%);

    background-image: -o-linear-gradient(bottom, #F0F0F0 0%, #F5F5F5 100%);

    background-image: -ms-linear-gradient(bottom, #F0F0F0 0%, #F5F5F5 100%);

    background-image: linear-gradient(bottom, #F0F0F0 0%, #F5F5F5 100%);



    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border: 1px solid #dcdcdc;

}



.GoogleLikeForms_BLUE input[type="button"]:hover {

    background-color: #E8E8E8;



    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8E8E8), color-stop(100%, #F5F5F5));

    background-image: -webkit-linear-gradient(bottom, #E8E8E8 0%, #F5F5F5 100%);

    background-image: -moz-linear-gradient(bottom, #E8E8E8 0%, #F5F5F5 100%);

    background-image: -o-linear-gradient(bottom, #E8E8E8 0%, #F5F5F5 100%);

    background-image: -ms-linear-gradient(bottom, #E8E8E8 0%, #F5F5F5 100%);

    background-image: linear-gradient(bottom, #E8E8E8 0%, #F5F5F5 100%);



    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.3);

    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.3);

    box-shadow: 0px 1px 1px rgba(0,0,0,.3);

    border: 1px solid #cecece;

}



.GoogleLikeForms_BLUE input[type="button"]:active {

    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;

    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;

    box-shadow: 0px 1px 3px rgba(0,0,0,.3) inset;

    border: 1px solid #c9c9c9;

}



.GoogleLikeForms_BLUE input[type="image"] {

    height: 17px;

    padding: 7px 10px 6px 10px;

    position: absolute;

}



.GoogleLikeForms_BLUE input[type="text"],.GoogleLikeForms_BLUE input[type="password"],.GoogleLikeForms_BLUE textarea {

    padding: 8px 10px;

    color: #555555;

    font-size: 12px;

    margin: 5px 2px;

    font-family: 'Droid Sans', sans-serif;

    background-color: #fdfdfd;

    border: 1px solid #c2c2c2;

    width: 170px;

}

.GoogleLikeForms_BLUE select {

 	padding: 7px 10px;

    color: #555555;

    font-size: 12px;

    margin: 5px 2px;

    font-family: 'Droid Sans', sans-serif;

    background-color: #fdfdfd;

    border: 1px solid #c2c2c2;

    max-width: 170px;

 }

.GoogleLikeForms_BLUE input[type="text"]:hover,.GoogleLikeForms_BLUE input[type="password"]:hover,.GoogleLikeForms_BLUE textarea:hover {

    border: 1px solid #a2a2a2;

    outline: none;

    

    box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset;

    -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset;

    -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset;

}



.GoogleLikeForms_BLUE input[type="text"]:focus,.GoogleLikeForms_BLUE input[type="password"]:focus,.GoogleLikeForms_BLUE text area:focus {

    border: 1px solid #659bf2;

    outline: none;

    

    box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset;

    -moz-box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset;

    -webkit-box-shadow: -1px 1px 2px rgba(0,0,0,.1) inset;

}



.GoogleLikeForms_BLUE input.GLF_correctInput {

    border: 1px solid #90d190;

    color: #407d40;

    text-shadow: 0px 0px 5px rgba(0,0,0,.1);

}



.GoogleLikeForms_BLUE input.GLF_correctInput:focus,.GoogleLikeForms_BLUE input.GLF_correctInput:hover {

    background-color: #e7f9e7;

    border: 1px solid #7cc17c;

}



.GoogleLikeForms_BLUE input.GLF_wrongInput {

    border: 1px solid #ff9597;

    color: #933a3c;

}



.GoogleLikeForms_BLUE input.GLF_wrongInput:focus,.GoogleLikeForms_BLUE input.GLF_wrongInput:hover {

    background-color: #fff2f2;

    border: 1px solid #ff6e70;

}



.GLF_search {

    position: relative;

}



.GLF_search input.searchINPUT {

    -webkit-border-radius: 5px 0px 0px 5px;

    -moz-border-radius: 5px 0px 0px 5px;

    border-radius: 5px 0px 0px 5px;

    margin-right: 0px;

}



.GLF_search input.searchBTN {

    position: absolute;



    -webkit-border-radius: 0px 5px 5px 0px;

    -moz-border-radius: 0px 5px 5px 0px;

    border-radius: 0px 5px 5px 0px;

    margin-left: -4px;

}



.skip {

  background-color: #8c9cbf !important;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8c9cbf), color-stop(50%, #546a9e), color-stop(50%, #36518f), color-stop(100%, #3d5691))!important;

  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%) !important;

  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%) !important;

  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%) !important;

  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%) !important;

  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%) !important;

  border: 1px solid #172d6e !important;

  border-bottom: 1px solid #0e1d45 !important;

  -webkit-border-radius: 5px !important;

  -moz-border-radius: 5px !important;

  -ms-border-radius: 5px !important;

  -o-border-radius: 5px !important;

  border-radius: 5px !important;

  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb !important;

  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb !important;

  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb !important;

  -o-box-shadow: inset 0 1px 0 0 #b1b9cb !important;

  box-shadow: inset 0 1px 0 0 #b1b9cb !important;

  color: #fff !important;

  padding: 7px 0 8px 0 !important;

  text-decoration: none !important;

  text-align: center !important;

  text-shadow: 0 -1px 1px #000f4d !important;

  width: 310px !important; 

   font-size: 32px !important;

   font-family: Georgia !important; 

   text-transform: none !important;

	font-weight: lighter !important;   

	margin: 20px 0 !important;

   }

  .skip a {

  	color: #fff;

  }

.skip:hover {

    background-color: #7f8dad !important;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f8dad), color-stop(50%, #4a5e8c), color-stop(50%, #2f477d), color-stop(100%, #364c80)) !important;

    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%) !important;

    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%) !important;

    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%) !important;

    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%) !important;

    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%) !important;

    cursor: pointer !important; }

.skip:active {

    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white !important;

    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white !important;

    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white !important;

    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white !important;

    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white !important; }

 



.form_col {

	width: 210px;

	float: left;

}  

.white_content_availability {
color: #7A4320;
text-shadow: 0px -1px 0px rgba(0, 0, 0, .2);
font-weight: bold;
display: none;
padding: 2em;
background: #FEFEFE;
-moz-opacity: 0.9;
opacity: .90;
filter: alpha(opacity=90);
z-index: 1999;
position: absolute;
top: 25%;
left: 15%;
width: auto;
height: auto;
overflow: visible;
}

#content input, #content select {
    height: 33px;
    margin: 2px 0;
    padding: 3px 2px;
}

span#help span.wpcf7-list-item input {
    height: 15px;
}

form.wpcf7-form p {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}
form.wpcf7-form h3 {
    margin-bottom: 10px !important;
}
form.wpcf7-form select.wpcf7-select option {
    padding: 0 10px !important;
}

div#content-inner p.half {
    display: inline-block;
    width: 30%;
}

/*Custom*/


    .social-icons__footer-wrap a img {
        max-width: 30px;
        width: 100%;
    }
    
       .social-icons__footer-wrap a:first-child img {
        max-width: 25px;
        margin-right: 6px;
    }


    .social-icons__footer-wrap {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 54px;
    }

    header#main-header{
        display:none;
    }
    
    span.close-menu {
    display: none;
}

@media only screen and (max-width: 1920px) {
    body#index div#content {
        background: url(https://reelcommocean.com/images/_light-new.png) no-repeat 40% 0%;
    }
    
    ul.action li a {
        max-width: 240px;
    }
}

@media only screen and (max-width: 1366px) {
    ul.action li a {
            max-width: 100%;
        }
}

@media only screen and (max-width: 992px) {
    
    html {
        overflow-x: hidden;
    }
        
        .bg-dark.error_page {
        padding: 0 20px;
    }
    
    .error-page__style div#sealine {
        top: 526px;;
    }
    
    .error-logo {
        display: none !important;
    }
    
      .error-page__style div#secondarycontent {
        float: none;
        display: block;
        width: 100%;
    }
        
    .error-page__style div#content-inner {
        /*width: 100%;*/
        margin: 0 20px;
    }
    
        span.close-menu {
            display: block;
        }
    
    .overlay .menu i {
		color: #000;
	}
	
	.sub-menu {
		background: #ae2a2f;
	}

	.testimonial-content {
		padding: 14.5% 15% 0;
	}

	/*#site-navigation {*/
	/*	padding: 10px 16px;*/
	/*	background-color: #b02d2b;*/
	/*}*/
	
	div#branding-inner {
        width: 100%;
        height: auto;
    }

	.company-info,
	a#phone-number {
		display: none !important;
	}

	#main-header.overlay {
		top: 0px;
	}

	div#connect {
		background-color: #1a7a9c;
		z-index: 1;
	}

	#connect.bg-dark {
		justify-content: center !important;
	}

	.menu {
		display: none;
		display: flex;
		align-items: start;
		justify-content: start !important;
		position: fixed;
		flex-direction: column;
		background: #0c0c0c;
		left: 0;
		top: 0;
		justify-content: center;
		align-items: start;
		height: 100vh;
		z-index: 111123;
		width: 80%;
		left: -100%;
		transition: left 0.25s;
	}

	span.close-menu {
		display: block;
	}

	.sub-menu {
		height: auto;
	}

	.sub-menu {
		font-size: 85%;
	}

	header#main-header {
		position: relative !important;
		/*background: #d1d8de;*/
	}

    #site-navigation {
        font-size: 115%;
        display: flex;
        justify-content: space-between;
        align-items: self-start;
        /*width: 100%;*/
        padding: 10px 20px;
        align-items: center;
        background-color: #011724;
    }

    .menu.visible {
        left: 0;
        padding: 20px;
    }

	.overlay .menu a {
		color: #000;
	}

	a#logo,
	a#logo img {
		width: 100px;
	}

    .menu-toggle, .call-btn {
        display: block;
        color: #fff !important;
        text-decoration: none;
        font-size: 24px;
    }
	a.menu-toggle:hover {
		color: #282a37;
		text-decoration: none;
	}

	span.close-menu {
		position: absolute;
		right: 17px;
		top: 10px;
		z-index: 99;
	}

	.menu-toggle span,
	.call-btn span {
		color: var(--black);
		font-size: 32px;
	}

	.menu-item-has-children:after {
		display: none;
	}

	.menu-item-has-children>a:after {
		content: '\e5cf';
		position: absolute;
		left: unset;
		right: -33px;
		top: -4px;
		font-family: 'Material Symbols Outlined';
		font-size: 150% !important;
		font-weight: 300;
		color: var(--accent);
		transform: translate(-50%, 50%);
	}

	.sub-menu {
		position: unset;
		width: auto;
		border-radius: 0;
		width: 100%;
	}

	.overlay .menu a {
		color: #000;
		display: flex;
		align-items: center;
	}

	.overlay .menu a:hover {
		color: unset;
	}

	.menu li {
		display: block;
		position: relative;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: start;
		width: 100%;
	}

    .menu.visible li a {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        color: #fff;
        padding-bottom: 40px;
    }

	ul.sub-menu li a {
		color: white !important;
	}

	.sub-menu a {
		padding: 1rem 1.4rem;
	}

    
    div#island{
        display: none;
    }
    
    div#nav-container-extrahack {
        display: none;
    }
    
    div#reservation-signs {
        display: none;
    }
    
    header#main-header{
        display:block;
    }
    
    div#branding a#logo, div#branding a#logo:visited {
         width: unset; 
         height: unset; 
         display: unset; 
         position: unset; 
         float: unset; 
    }
    
    div#boat {
         z-index: 0; 
    }
    
    nav#site-navigation #logo {
        max-width: 170px;
        width: 100%;
    }
    div#branding a#logo img {
         width: unset; 
         float: unset; 
         z-index: 3000; 
         position: unset; 
         font-size: unset; 
         line-height: unset; 
    }
    
    a#logo img {
        max-width: 100px;
        width: 100%;
    }
    
    div#boat {
        width: 684px;
        height: 360px;
        top: 90px;
        background-size: cover;
    }
    
    body { 
        width:100%; 
        min-width:100%;}
}

@media only screen and (max-width: 767px) {
       body#index h1 {
        margin: 30px 0;
        float: none;
        font-size: 22px;
        text-align: left;
    }
    
    #reloader {
        width: 100% !important;
    }
    
    .white_content_availability a#close_availability {
        right: 15px;
        width: 46px;
        height: 22px;
        background-size: contain;
    }
    
    div#boat {
        width: 684px;
        height: 320px;
        top: 140px;
        background-size: contain;
        background-position: center;
        left: 0;
        right: 0;
    }
    
    body#index div#content {
     background: none; 
    }
    
    body#index div#primarycontent {
        float: none;
        width: 100%;
        display: block;
    }
        body#index div#secondarycontent {
        float: none;
        width: 100%;
    }
    div#sea-item {
       display:none;
    }
    
    ul.action li {
        display: block;
        margin: 1.5em 0;
        width: 100%;
    }
    
    div#boat {
        width: 100%;
    }
    
    div#primarycontent {
        float: none;
        display: block;
        width: 100%;
    }
    
    span.mainphoto-right {
        float: none;
        display: block;
        width: 94%;
        margin: 0;
    }
    
        body#book div#primarycontent {
        clear: none;
        float: none;
        display: block;
        width: 100%;
    }
        body#book div#secondarycontent {
        float: none;
        width: 100%;
        display: block;
    }
    div#secondarycontent {
        float: none;
        display: block;
        width: 100%;
    }
    
    div#secondarycontent {
        float: none;
    }
}

@media only screen and (max-width: 475px) {
    div#branding {
        height: 299px;
    }
    
    div#sealine {
        top: 240px;
        width: 100%;
        height: 130px;
    }
    
    div#boat {
        height: 190px;
    }
    
    div#content-inner h1 {
        font-size: 26px;
    }
    
    div#content-inner h3 {
        font-size: 18px;
    }
    
    div#content-inner h2 {
        font-size: 16px;
    }
    
    div#rights {
        bottom: 0;
    }
    
    div#content-inner {
        width: 90%;
    }
    
    .photo-gallery ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    
    div#content-inner p {
        font-size: 16px;
    }
    
    body#book table.reservation-rates tr td {
        padding: 10px;
        width: 100%;
        font-size: 12px;
    }
    
    body#book table.reservation-rates {
        line-height: 90%;
        font-size: 14px;
    }
    
    .white_content a#close {
        width: 44px;
        height: 30px;
        background-size: contain;
    }
    
    .white_content {
        padding: 16PX;
        top: 25%;
        left: 3%;
        width: 50%;
        width: 86%;
        height: auto;
    }
    
     .white_content_availability {
        opacity: 1 !important;
        left: 2% !important;
        width: 81% !important;
        overflow: scroll !important;
    }
    
    body#index h1 strong {
        font-size: 40px;
    }
    
    ul.action li a, ul.action li a:visited {
        font-size: 16px;
    }
    
    
}

@media only screen and (max-width: 375px) {
    .photo-gallery ul {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 320px) {
     body#book table.reservation-rates tr td {
        padding: 8px 6px;
    }
    
    .white_content {
        padding: 5px;
        left: 2%;
        width: 94%;
    }
    
    .white_content a#close {
        top: 6px;
        right: 5px;
    }
}