/* Display background image for desktop */
@media only screen and (min-width: 980px) {
  body { background-color:transparent !important; }
  html { 
    background: #f0f0f0 url(https://www.bermuda-attractions.com/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
}

/* Disable Text Selection */
body {
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}
input, textarea {
     -moz-user-select: text;
}

/* define class for sticky side bar */
.sticky-class {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
}

#headtopleft {
  background-color: #f44336;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "Verdana";
  float: left;
}

a:link, a:visited { text-decoration: none; } 
a:active, a:hover { text-decoration: underline; }
h1, h2, h3 {display: inline;}
h1, h2, h3 {line-height: normal;}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    overflow-x: scroll;
    overflow-y: scroll;
}

td {
    word-wrap:break-word;
}

/* Define a button */
.button {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 6px;
  border: 0;
  letter-spacing: 0.0625em;
  background: #2E64FE;
  color: #fff;
  cursor: pointer;
}

.button:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

/*  SECTIONS  */
.section_header {
        clear: both;
        padding: 0px;
        margin: 0 0 1% 0;
}

.section_footer {
        clear: both;
        padding: 0px;
        margin: 1% 0 0 0;
}

.section_body {
        clear: both;
        padding: 0px;
        margin: 0 5% 0 5%;
}

/*  COLUMN SETUP  */
.col {
        display: block;
        float:left;
        margin: 0 0 0 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
        width: 100%;
        background-color: #ffffff;
}
.span_3_of_4 {
        width: 66.13%;
        background-color: #ffffff;
}
.span_2_of_4 {
        width: 49.2%;
        background-color: #ffffff;
}
.span_1_of_4 {
        width: 32.26%;
        background-color: #ffffff;
}


/*  GRID OF FULL WIDTH STRIP for Header Footer  */
.span_4_of_strip {
        width: 100%;
        background-color: #000000;
        min-height:70px;
}
.span_3_of_strip {
        width: 66.13%;
        background-color: #000000;
        min-height:70px;
}
.span_2_of_strip {
        width: 49.2%;
        background-color: #000000;
        min-height:70px;
}
.span_1_of_strip {
        width: 32.26%;
        background-color: #000000;
        min-height:70px;
}

/*  MAKE BODY MARGINS 0 WHEN SIDEBAR REACHES 300px */
@media only screen and (max-width: 1070px) {
        .section_body {  margin: 0 0 0 0%; }
}

/*  GO FULL WIDTH BELOW 980 PIXELS */
@media only screen and (max-width: 980px) {
        .section_header {  margin: 0 0 0 0%; }
        .section_footer {  margin: 0 0 0 0%; }
        .section_body {  margin: 0 0 0 0%; }
        .col {  margin: 0 0 0 0%; }
        .span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4, .span_1_of_strip,           .span_2_of_strip, .span_3_of_strip, .span_4_of_strip { width: 100%; }
}

/*  CSS FOR MENU */
.dropbtn {
    background-color: #000000;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-vanish {
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-vanish2 {
    position: relative;
    display: inline-block;
    float:left;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

@media only screen and (max-width: 730px) {
    .dropdown-contentlast {
        display: none;
        position: absolute;
        left: -59px;
        background-color: #f9f9f9;
        min-width: 150px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}}
@media only screen and (min-width: 731px) {
    .dropdown-contentlast {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 150px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}}

.dropdown-content a {
    color: black;
    padding: 10px 16px;
    font-size: 14px;
    text-decoration: none;
    display: block;
}

.dropdown-contentlast a {
    color: black;
    padding: 10px 16px;
    font-size: 14px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown-contentlast a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-contentlast {display: block;}

.dropdown-vanish:hover .dropdown-content {display: block;}
.dropdown-vanish:hover .dropdown-contentlast {display: block;}
.dropdown-vanish2:hover .dropdown-content {display: block;}
.dropdown-vanish2:hover .dropdown-contentlast {display: block;}

.dropdown:hover .dropbtn {background-color: #717171;}
.dropdown-vanish:hover .dropbtn {background-color: #717171;}
.dropdown-vanish2:hover .dropbtn {background-color: #717171;}

@media only screen and (max-width: 550px) {
   .dropdown-vanish {display: none;}
}
@media only screen and (max-width: 330px) {
   .dropdown-vanish2 {display: none;}
}

/* Fix Ezoic bullet list overlap with text for ul li lists */
body ul {
     list-style-position: outside !important;
     padding-left: 15px !important;
}

/* --- Fix Ezoic bullet list overlap for div li lists --- */
div[style*="list-style-type:disc"] li {
    display: list-item !important;
    list-style-type: disc !important;
    list-style-position: outside !important;
    margin-left: 10px !important;
    padding-left: 5px !important;
    text-indent: 0 !important;
}
/* VisualVision iPer CSS */

/* [no style] */
div.s0 {
	font-family:"Arial";
	font-size:10pt;
	color:#000000;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s0 {
	color:#0000FF;
	}
/* [no style intab] */
div.s1 {
	font-family:"Arial";
	font-size:10pt;
	color:#000000;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s1 {
	color:#0000FF;
	}
/* Normal */
div.s2 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	line-height:7mm;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s2 {
	color:#0000FF;
	}
/* Default */
div.s3 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s3 {
	color:#0000FF;
	}
/* Body Text */
div.s4 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s4 {
	color:#0000FF;
	}
/* Underline */
div.s5 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	text-decoration:underline;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s5 {
	color:#0000FF;
	}
/* Mini */
div.s6 {
	font-family:"Arial Narrow";
	font-size:1pt;
	color:#000000;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s6 {
	color:#0000FF;
	}
/* Definition List */
div.s7 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:6mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s7 {
	color:#0000FF;
	}
/* Normal 1 */
div.s8 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	line-height:7mm;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s8 {
	color:#0000FF;
	}
/* Z-Align */
div.s9 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s9 {
	color:#0000FF;
	}
/* Blockquote */
div.s16 {
	font-family:"Verdana";
	font-size:10pt;
	color:#000000;
	margin-left:6mm;
	margin-right:6mm;
	margin-top:2mm;
	margin-bottom:2mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s16 {
	color:#0000FF;
	}
/* Normal (Web) */
div.s17 {
	font-family:"Arial";
	font-size:12pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:2mm;
	margin-bottom:2mm;
	text-indent:0mm;
	text-align:left;
	list-style-type:none;	}
a.s17 {
	color:#0000FF;
	}
/* z-Bottom of Form */
div.s18 {
	font-family:"Arial";
	font-size:8pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s18 {
	color:#0000FF;
	}
/* z-Top of Form */
div.s19 {
	font-family:"Arial";
	font-size:8pt;
	color:#000000;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s19 {
	color:#0000FF;
	}
/* Header */
div.s20 {
	font-family:"Arial";
	font-size:10pt;
	color:#FFFFFF;
	margin-left:3mm;
	margin-right:3mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:justify;
	list-style-type:none;	}
a.s20 {
	color:#FFFFFF;
	text-decoration:none;
	}
/* Left Menu */
div.s23 {
	font-family:"Verdana";
	font-size:11pt;
	color:#000000;
	line-height:8mm;
	margin-left:0mm;
	margin-right:0mm;
	margin-top:0mm;
	margin-bottom:0mm;
	text-indent:0mm;
	text-align:center;
	list-style-type:none;	}
a.s23 {
	color:#FFFFFF;
	}