@charset "utf-8";
/* CSS Document */

p, span, h1, li { font-family: Arial, Helvetica, sans-serif; }

.container { max-width: 980px; }
.container p, span, li { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom: 0px; margin-bottom: 0px; }

.container h1 { padding-bottom: 0px; margin-bottom: 15px; }


.container a:link { text-decoration: none; color: #0072bc; }
.container a:visited { text-decoration: none; color: #0072bc; }
.container a:active { text-decoration: none; color: #0072bc; }
.container a:hover { text-decoration: none; color: #666; }

.no-gutter [class*="-1"], [class*="-2"], [class*="-3"], [class*="-4"], [class*="-6"], [class*="-12"] {
	padding-left:0;
    padding-right:0;
}

select { width: 100%; }

vcenter { 
	display: inline-block;
	vertical-align: middle;
	float: none;
} 

#map:hover { cursor: pointer; }
#hawaii_map:hover { cursor: pointer; }
.close-map { cursor: pointer; }

.box-shadow { 
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); 

	/* For IE 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; */
	/* For IE 5.5 - 7 */
/*	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); */
}

.box-title { color: #666; font-weight: 600 !important; font-size: 22px !important; text-align: center; padding-top:0px; padding-bottom:0px;  margin-top: 20px; margin-bottom:20px; }

.box-text { color: #666; font-size: 16px; line-height: 18px !important; padding: 15px; }

.box-slide { position: absolute; bottom: 0px; right: 0px; width: 264px; height: 264px; }
.box-slide p { font-family: 'Nunito', sans-serif; font-weight: 300; color: #FFF; font-size: 22px; padding: 15px; vertical-align: bottom; }

.main-title { font-size: 28px; font-weight: normal; line-height: 1em; color: #004785; padding: 0px 0 22px 0; }

#slides { background: #fff; }

.fill { background: #FFF; position:absolute; width: 950px; height: 366px; z-index: 9999; }
.modal h1 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #004785;  }

.modal { overflow: auto; }

.item { height: 366px; }

