.document
{
	height:100%;
	margin: 0px 0px 0px 0px;
	background: #FFFFFF; 
}
#wrapper 
{
	min-height:100%;
	position:relative;
}
.row 
{
	max-width: 1200px; /* Custom width */
}
.white-background
{
	background-color: #FFFFFF !important; 
}	
.lightgrey-background
{
	background-color: #f0f4f7 !important; 
}	
.header
{
	display: flex;
	justify-content: center;
	text-align: center;
	background-color: #FFFFFF !important; 
}
.headerimage
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
.top-bar
{
	background-color: #000000;
}
.top-bar-section
{
	background-color: #000000;
	padding-right: 15px;
	text-align: center;
}
.top-bar-section ul li.active > a 
{
	color: #C0C0C0 !important;
}
.top-bar ul li a
{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 200;
	background-color: #000000 !important;
	border-left: 0px #2A6399 solid;
	text-align: center;
}
.top-bar ul li a:hover
{
	background-color: #606060 !important;
}
.greyicons
{
	height: 28px;
	margin: 0px;
	outline-style: none;
}
.rightmenu
{
	display: inline !important;
	color: #000000;
}
.language
{
	color: #606060 !important;
}
.grey
{
	color: #C0C0C0 !important;
}
.ontop
{
	z-index: 100;
}
.headerbar
{
	border-bottom: 1px solid #000000;
	text-align: center;
}
.contain-to-grid
{
	background-color: #242A46 !important;
}
.introbox
{
	position: relative;
	text-align: left;
	padding: 0px 15px 15px 15px;
	margin: 10px 0px 5px 0px;
}
.main-heading
{
	width: 100%;
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	font-weight: normal;
	text-align: center;
	color: #000000;
	padding: 5px 0px 0px 0px;
}
.sub-heading
{
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 15px 0px;
	margin-top: -5px;
}
.underline
{
	width: 100%;
	margin-top: 5px;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 5px solid #C1D5EF;
}
.maintext
{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	margin-bottom: 10px;
}
.widephoto
{
	width: 100vw; /* Full width */
	height: 100vh; /* Full height */
	object-fit: cover; /* Ensures the image covers the whole area */
	object-position: center; /* Keeps the image centered */
}
.checklist
{
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	line-height: 200%;
}
.checklist li
{
	padding-left: 25px;
	background-image: url(graphics/checkmark.png);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	color: #606060;
}
.hidden
{
    display: none;
}
 h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif !important;
  }
.featured
{
	padding: 10px;
}
.spacetopbottom
{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.spacetop
{
	margin-top: 30px !important;
}
.spacebottom
{
	margin-bottom: 30px !important;
}
table.content
{
	width: 100%;
	border: none;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	border: 1px solid #C1D5EF;
	margin-bottom: 10px;
}
.content
{
	width: 100%;
	border: none;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	border: 1px solid #C1D5EF;
	margin-bottom: 10px;
}
.tableheading
{
	background-color: #C1D5EF !important;
	color: #000000;
	font-size: 13px !important;
	font-weight: normal;
}
.tablecell
{
	font-size: 13px !important;
}
#abovefooter 
{
	padding-bottom: 250px; /* Height of the footer element */
}
.footer
{
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url("graphics/marble.png");	
	margin-top: 10px;
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #B7B7B7;
	color: #000000;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
}
.footertitle
{
	color: #BC0000;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
}
.footer a
{
}
.back-to-top 
{
	position: fixed;
	z-index: 100;
	bottom: 2em;
	right: 0px;
	padding: 1em;
	display: none;
}
.thumbnails 
{
	border-radius: 3px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.image-container 
{
    position: relative;
    display: inline-block; /* Keeps container size based on the image */
}
.overlay 
{
    position: absolute;
	text-align: center;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Ensures perfect centering */
    background: rgba(255, 255, 255, 1); /* White with 70% opacity */
    backdrop-filter: blur(5px); /* Subtle blur effect */
	color: #000000;
    padding: 10px 15px;
	border: 1px solid #000000;
    border-radius: 5px;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    font-size: 20px;
    opacity: 0; /* Initially hidden */
    transition: opacity 0.3s ease-in-out;
}
.image-container:hover .overlay 
{
    opacity: 1; /* Show on hover */
}
.subheader
{
    position: relative;
	margin-top: 0.0rem;
	text-align: center;
	height: 300px !important;
}
.300pixels
{
	height: 300px !important;
}
.pagetitle
{
    top: 50px;
    position: relative;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 50pt !important;
	font-weight: normal;
	color: #FFFFFF;
	padding: 30px 30px 30px 30px;
}

.contactbox
{
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #606060;
	background-color: #FFFFFF; 
	padding: 15px;
	border: 1px solid #EAEAEA;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
}
.contactheading
{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.greytext
{
	color: #606060;
}
.outerbox
{
	padding: 15px;
}	
.servicebox
{
	text-align: left;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #606060;
	background-color: #FFFFFF; 
	padding: 15px;
	border: 1px solid #EAEAEA;
	border-radius: 5px;
	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1);
}
.serviceheading
{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #BC0000;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.blueband
{
	text-align: center;
	font-family: 'Poppins', sans-serif;
	color: #FFFFFF !important;
	padding: 30px 30px 30px 30px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.blacktext
{
	font-family: 'Poppins', sans-serif !important;
	color: #000000 !important;
}
.whitetext
{
	font-family: 'Poppins', sans-serif !important;
	color: #FFFFFF !important;
}
.greytext
{
	font-family: 'Poppins', sans-serif !important;
	color: #606060 !important;
}
.bluetext
{
	font-family: 'Poppins', sans-serif !important;
	color: #2A6399;
}
.yachting-images
{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
}
.screenshot
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* ===== gradient-c -> gradient-c-95 ===== */
.gradient-c-10 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.1), rgba(36, 155, 214, 0.1)); }

.gradient-c-15 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.15), rgba(36, 155, 214, 0.15)); }

.gradient-c-20 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.2), rgba(36, 155, 214, 0.2)); }

.gradient-c-25 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.25), rgba(36, 155, 214, 0.25)); }

.gradient-c-30 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.3), rgba(36, 155, 214, 0.3)); }

.gradient-c-35 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.35), rgba(36, 155, 214, 0.35)); }

.gradient-c-40 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.4), rgba(36, 155, 214, 0.4)); }

.gradient-c-45 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.45), rgba(36, 155, 214, 0.45)); }

.gradient-c-50 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.5), rgba(36, 155, 214, 0.5)); }

.gradient-c-55 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.55), rgba(36, 155, 214, 0.55)); }

.gradient-c-60 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.6), rgba(36, 155, 214, 0.6)); }

.gradient-c-65 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.65), rgba(36, 155, 214, 0.65)); }

.gradient-c-70 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.7), rgba(36, 155, 214, 0.7)); }

.gradient-c-75 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.75), rgba(36, 155, 214, 0.75)); }

.gradient-c-80 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.8), rgba(36, 155, 214, 0.8)); }

.gradient-c-85 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.85), rgba(36, 155, 214, 0.85)); }

.gradient-c-90 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.9), rgba(36, 155, 214, 0.9)); }

.gradient-c-95 {
  background: linear-gradient(142deg, rgba(12, 91, 156, 0.95), rgba(36, 155, 214, 0.95)); }

.gradient-c-100 {
  background: linear-gradient(142deg, #0c5b9c, #249bd6); }



@media only screen and (max-width: 40em)  /* max-width 640px, mobile-only styles */
{
	.headline
	{
		font-size: 30pt;
		top: 200px;
	}
	.main-heading
	{
		font-size: 20px;
	}
	.sub-heading
	{
		font-size: 16px;
	}
	.pagetitle
	{
		top: 50px;
		font-size: 20pt !important;
		font-weight: normal;
		color: #FFFFFF;
		padding: 30px 30px 30px 30px;
	}

}
@media only screen and (min-width: 40.063em) and (max-width: 64em)  /* min-width 641px and max-width 1024px, medium screen-only styles */
{
	.headline
	{
		font-size: 40pt;
	}
	.pagetitle
	{
		top: 50px;
		font-size: 30pt !important;
		font-weight: normal;
		color: #FFFFFF;
		padding: 30px 30px 30px 30px;
	}


}