/* COMMON */
.L {
	float: left;
}
.R {
	float: right;
}
.CLEAR {
	clear: both;
}
.centered { 
	text-align:center; 
}
.HALF {
  width: 49%;
  margin: 0 0.5%;
}
.THIRD {
  width: 32.3%;
  margin: 0 0.5%;
}
.THIRDx2 {
  width: 65.6%;
  margin: 0 0.5%;
}
.QUARTER {
  width: 24%;
  margin: 0 0.5%;
}
.QUARTERx3 {
  width: 74%;
  margin: 0 0.5%;
}

.HALF img,
.THIRD img,
.THIRDx2 img,
.QUARTER img,
.QUARTERx3 img {
	max-width: 100%;
	height: auto;
}

h2 {
  overflow: hidden;
  text-align: center;
  padding: 30px 0px 15px 0px;
  text-transform: uppercase;
  color: #006;
}

h2:before,
h2:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

h2:before {
  right: 0.5em;
  margin-left: -50%;
}

h2:after {
  left: 0.5em;
  margin-right: -50%;
}


.wrapW {
	width:100%;
}
.pageW {
	width:1140px;
	margin:0 auto;
}
.italic {
  font-style: italic;
}
.unbold {font-weight: normal;}
.red { color: #f00 !important; }

a.Button {
	background-color: #FFF;
	color: #006;
	font-size: 12pt;
	font-style: initial;
	font-weight: 700;
	padding: 10pt 15pt;
	border-radius: 4px;
	box-shadow: 5px 5px 6px #0003;
}
a.Button:hover {
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	box-shadow: none;
}


/* HEADER */
#wrapHDR {
/*	
	background-color: #FFFFFF;
	box-shadow: 0 4px 14px #00000033;
	210630 - Transparent header over VIDEO , not fixed
*/
	position: absolute;
	z-index: 2000;
	top: 0;	
}
#HDR {
	position: relative;
	height: 120px;
}
#LOGO {
	text-align: left;
	position: relative;
	display: inline-block;
	top: 20px;
	left: 20px;
}
#LOGO img {
	height: 80px;
	width: auto;
}
#CALLUS {
  font-family: "Open Sans Condensed", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	position: absolute;
	top: 51px;
	right: 20px;
	display: inline-block;
	text-align: right;
}
#CALLUS .fa {
	font-size: 16pt;
}
#CALLUS a, #CALLUS a:visited {
	color: #FFF;
	font-size: 14pt;
	font-weight: bold;
	margin-left: 5pt;
}

/* NAVI */
#NAVI ul.Menu {
	text-align: center;
	width: max-content;
}
#google_translate_element {
	width: 180px;
}

/* 2106-30 - NAVI over video */
/*
#wrapNAVI {
	z-index: 3000;
	width: max-content;
	position: absolute;
	top: 38px;
	left: 50%;
	transform: translateX(-50%);
}
*/
/* 240725 - search in TOP */
#wrapNAVI {
	z-index: 3000;
	position: absolute;
	top: 38px;
	left: 210px;
	right: 360px;
	width: calc(100% - 210px - 360px);
}
#NAVI {
	width: max-content;
}
#google_translate_element {
	position: absolute;
	right: 0;
	top: 11px;
}

#NAVI a.currentpg {
	color: #FFF;
	font-weight: 700;
}
#NAVI a, #NAVI a:visited {
	color: #FFF;
	font-weight: 400;
	font-size: 12pt;
	text-decoration: none;
	padding: 0 20px;
}
@media screen and (max-width: 1440px) {
	#NAVI a, #NAVI a:visited {
		font-size: 11pt;
		text-decoration: none;
		padding: 0 8px;
	}
}



#NAVI .Menu li ul {
	background-color: #0068;
	border: solid 2px #FFF8;
	border-top: none;
	top: 40px;
	margin-left: 20px;
}
#NAVI .Menu li li a, #NAVI .Menu li li a:visited {
	display: block;
}

/* FIXED HEADER */
/*
#wrapHDR {
	position: fixed;
	z-index: 2000;
	top: 0;
}


#wrapNAVI {
	position: fixed;
	z-index: 3000;
	top: 70px;
	right: 160px;
}
#google_translate_element {
	width: 180px;
	position: fixed;
	z-index: 3000;
	top: 80px;
	right: 0px;
}

body {
	padding-top: 120px;
}
*/

/* SLIDER */
#wrapSLIDER {
	position: relative;
}
#wrapSLIDER {
	width: 100%;
	background-color: navy;
	background-image: url("images/custom-luxury-yacht.jpg");
	background-size: cover;
	
}
#SLIDER {
	position: relative;
	height: 580px;
}
#SLIDER h1 {
	font-size: 33pt;
	position: absolute;
	bottom: 40%;
	right: 50%;
	width: 50%;
	text-align: left;
	color: #FFF;
	text-shadow: 0 0 8px #000;
	animation: Title1Anim 2s;
}
#SLIDER h3 {
	font-size: 17pt;
	position: absolute;
	bottom: 30%;
	right: 50%;
	width: 50%;
	text-align: left;
	color: #FFF;
	text-shadow: 0 0 8px #000;
	animation: Title2Anim 2s;
}

/* 210630 - FULL video slider */
#wrapSLIDERVIDEO {
	position: relative;
}
#SLIDERVIDEO {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#SLIDERVIDEO #videoslider {
	position: absolute;
	width: auto;
	z-index: -10;
	height: 100%;
	width: 177.77777778vh;
	min-width: 100%;
	min-height: 56.25vw;
	/* ajust empirico, deberia ser 1/1.777777, dejaba un gap de 5px arriba */
	min-height: 55.7vw;	
	
   left: 50%;
   transform: translateX(-50%);	
}
#SLIDERVIDEO #overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -5;
	background: linear-gradient(180deg, rgba(93, 125, 250, 1) 5%, rgba(93,125,250,0.2) 25%);
}

/*
#SLIDERVIDEO  .AnimatedFrame {
	position: absolute;
	top: calc(120px + 40px); 
	height: calc(100% - 120px - 40px * 2);
	left: 40px;
	width: calc(100% - 40px * 2);
	z-index: 0;
}
	
	.AnimatedFrame .Bottom,
	.AnimatedFrame .Right,
	.AnimatedFrame .Top,
	.AnimatedFrame  .Left {
		position: absolute;
		background-color: #FFF;
		animation-duration: 2s;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation-timing-function: linear;
		width: 3px;
		height: 3px;
	}
		.AnimatedFrame .Bottom {
			width: 100%;
			bottom: 0;
			left: 0;
			animation-name: Bottom;
		}
			@keyframes Bottom {
			  0%   {width: 0%;}
			  20%   {width: 0%;}
			  40%  {width: 100%;}
			}
		.AnimatedFrame .Right {
			height: 100%;
			bottom: 0;
			right: 0;
			animation-name: Right;
		}
			@keyframes Right {
			  0%   {height: 0%;}
			  40%   {height: 0%;}
			  60%  {height: 100%;}
			}
		.AnimatedFrame .Top {
			width: 100%;
			top: 0;
			right: 0;
			animation-name: Top;
		}
			@keyframes Top {
			  0%   {width: 0%;}
			  60%   {width: 0%;}
			  80%  {width: 100%;}
			}
		.AnimatedFrame .Left {
			height: 100%;
			top: 0;
			left: 0;
			animation-name: Left;
		}
			@keyframes Left {
			  0%   {height: 0%;}
			  80%   {height: 0%;}
			  100%  {height: 100%;}
			}
*/

.DownArrow {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	animation-name: Arrow;
	animation-duration: 2s;
}
.DownArrow i {
	color: #FFF8;
	font-size: 5vh;
}
.DownArrow i:hover {
	color: #FFF;
	cursor: pointer;
}

@keyframes Arrow {
	0%   {bottom: -100px; opacity: 0; }
	80%   {bottom: -100px; opacity: 0; }
	100%  {bottom: 40px; opacity: 1; } 
}







#SLIDERVIDEO #SliderLogo {
	position: absolute;
	bottom: 30%;
	left: 5%;
	animation: SliderLogoAnim 4s;
	z-index: 0;
}

#SLIDERVIDEO h1 {
	font-size: 3.8vw;
	text-transform: uppercase;
	position: absolute;
	bottom: 20%;
	left: 5%;
	width: 90%;
	text-align: left;
	color: #FFF;
	text-shadow: 0 0 8px #000;
	animation: Title1Anim 4s;
	z-index: 0;
}
#SLIDERVIDEO h3 {
	font-size: 1.7vw;
	position: absolute;
	bottom: 16%;
	left: 5%;
	width: 90%;
	text-align: left;
	color: #FFF;
	text-shadow: 0 0 8px #000;
	animation: Title2Anim 4s;
	z-index: 0;
}


@keyframes SliderLogoAnim {
  0% { bottom: -20%; opacity:0; }
  20% { bottom: 0%; opacity:0; }
  40% { bottom: 30%; opacity:1; }
}
@keyframes Title1Anim {
  0% { bottom: -20%; opacity:0; }
  40% { bottom: 0%; opacity:0; }
  60% { bottom: 20%; opacity:1; }
}
@keyframes Title2Anim {
  0% { bottom: -20%; opacity:0; }
  60% { bottom: 0%; opacity:0; }
  80% { bottom: 16%; opacity:1; }
}
#INNERSLIDER {
	position: relative;
	height: 290px;
}
#INNERSLIDER h1 {
	font-size: 30pt;
	text-align: center;
	color: #FFF;
	text-shadow: 0 0 8px #000;
	padding-top: 80px;
}

#wrapNOSLIDER {
	height: 140px;
	background-color: #000080;
}




#FLOATINGFORM {
	background-color: navy;
	padding: 60px;
	box-sizing: border-box;
	margin-top: -80px;
	position: relative;
}


/* MAIN */
#wrapMAIN {
  background-color: white;
}
#MAIN {
	padding-top: 40px;
	padding-bottom: 80px;
	/* min-height: 40vh; */
}
#MAINL {
  width: 63%;
  float: left;
}
#MAINR {
  width: 35%;
  float:right;
}
#MAIN p {
	line-height: 1.4;
}

/* 210727 - full width block */
#MAIN  {
  width: 100%;
  padding: 0;
}
#MAIN .FULL {
  width: 100%;
  margin: 0;
	padding: 20pt 0;
  box-sizing: border-box;
}
#MAIN .HALF {
  width: 50%;
  margin: 0;
	padding: 20pt 0;
  box-sizing: border-box;
}
#MAIN .THIRD {
	width: 33.333%;
	margin: 0;
	padding: 20pt 0;
	box-sizing: border-box;
}
#MAIN .THIRDx2 {
	width: 66.667%;
	margin: 0;
	padding: 20pt 0;
	box-sizing: border-box;
}
#MAIN .QUARTER {
	width: 25%;
	margin: 0;
	padding: 20pt 0;
	box-sizing: border-box;
}
#MAIN .QUARTERx3 {
	width: 75%;
	margin: 0;
	padding: 20pt 0;
	box-sizing: border-box;
}

#MAIN .HALF img, #MAIN .THIRD img, #MAIN .THIRDx2 img, #MAIN .QUARTER img, #MAIN .QUARTERx3 img {
  margin: -20pt 0;
  width: 100%
  heigth: auto;
  display: block;
}
#MAIN .HALF img.CenteredPic, #MAIN .THIRD img.CenteredPic, #MAIN .THIRDx2 img.CenteredPic, #MAIN .QUARTER img.CenteredPic, #MAIN .QUARTERx3 img.CenteredPic {
	margin: 0 auto;
}

#MAIN h1, #MAIN h2, #MAIN h3, #MAIN h4, #MAIN p, #MAIN ul, #MAIN ol, #MAIN table {
  margin-right: 3vw;
  margin-left: 3vw;
}
#MAIN table table {
	margin:0;
}
#MAIN hr {
	background-color: #CCF;
	border: none;
	height: 1px;
	width: 80%;
	margin: 20px 10%;
}

.FormTable {
	background-color: #D1D8DC;
	padding: 20px 10px;
	color: #005487;
	border: 2px solid #C9DBE8;
}
.FormTable .field {
	padding: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #004A95;
	font-size: 10pt;
	background-color: #F1F8FB;
}


.interested {
	background-color: #006;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 0;
	border-radius: 5px;
}
.interested h3 {
	color: #FFF;
}
.interested label {
	color: #FFF9;
	font-size: 10pt;
}
.interested input {
	width: 90%;
}
.interested #button {
	background-color: #FFF;
	font-size: 17px;
	border: none;
	padding: 9px 0;
	font-weight: bold;
}
.interested #button:hover {
	cursor: pointer;
	background-color: #FFF9;
}

.BackBut {
	float: right;
}
.BackBut input {
	font-size: 12pt;
	background-color: #006;
	border: none;
	color: #FFF9;
	padding: 5px 15px;
	font-weight: bold;
}
.BackBut input:hover {
	color: #FFF;
}

/* EXTRA */
#FLOATINGFORM {
	padding: 40px;
	box-sizing: border-box;
	margin-top: 0;
	/*margin-bottom: 40px;*/
	position: relative;
	color: #333;
	font-size: 10pt;
	box-shadow: 0 5px 10px #0003;
	background-color: #EEE;
	background: linear-gradient(118deg, rgba(221,221,221,1) 0%, rgba(238,238,238,1) 33%, rgba(221,221,221,1) 59%, rgba(238,238,238,1) 80%, rgba(221,221,221,1) 100%);
}
#FLOATINGFORM.BottomForm {
	margin-bottom: 40px;
	margin-top: -70px;
}
#FLOATINGFORM form {
	padding: 15pt 0 0;
	/* background-color: #EEE; */
	/* background: linear-gradient(118deg, rgba(221,221,221,1) 0%, rgba(238,238,238,1) 33%, rgba(221,221,221,1) 59%, rgba(238,238,238,1) 80%, rgba(221,221,221,1) 100%); */
	/* border-radius: 5px; */
}
#FLOATINGFORM h2 {
	text-align: center;
	color: #333;
	margin-bottom: 10pt;
}
#FLOATINGFORM label {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
  /*! background-color: aqua; */
  min-width: 70pt;
  display: inline-block;
  line-height: 2.5;
}
#FLOATINGFORM input, #FLOATINGFORM select {
	font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 11pt;
	padding: 6px;
	border: solid 1px #333;
	background-color: #FFF;
	box-sizing: content-box;
	margin-bottom: 10px;
}
#FLOATINGFORM #FormSubmit {
	margin-top: 14pt;
	background-color: #333;
	color: #FFF;
	font-size: 15pt;
	padding: 5pt 20px;
	line-height: 20pt;
	width: 100%;
}


#CHARTERFORM {
	display: flex;
	flex-direction: row;
}
#CHARTERFORM label {
	display: inline-block;
	width: 100%;
	color: #999;
}
#CHARTERFORM select {
	margin-right: 5px;
}


.SideBox {
	width: 90%;
	margin: 0 5% 20px;
	border-radius: 5px;
	background-color: #006;
	padding: 20pt;
	box-sizing: border-box;
}
#SideBrowseBrand {
	background-image: url("images/AdobeStock_309830491_CROP.jpeg");
	background-size: cover;
	text-align: center;
	background-position: center;
}
#SideBrowseBrand h3 {
	margin: 0;
	font-size: 24pt;
}
#SideBrowseBrand a {
	color: #FFF;
	text-shadow: 0 0 5px #000;
}
#SideJoin h3, #SideConnect h3 {
	text-align: center;
	color: #FFF;
	font-size: 16pt;
	display: block;
	margin-bottom: 0;
}
#SideJoin a, #SideConnect a {
	color: #FFF;
}
#SideTestimonials h3 {
	color: #FFF;
	font-size: 16pt;
}
#SideTestimonials p {
	color: #FFF9;
	text-align: left;
}
#SideTestimonials a {
	color: #FFF;
}

#wrapFEATURED {
	/*background-color: #006;*/
	padding: 40px 0;
	display: block;
	position: relative;
	background-color: #0062bf;
}
#wrapFEATURED::after {
	content: "";
	background: url("images/AdobeStock_313016250.jpeg"); 
	background-size: cover;
	background-position: center top;
	/*filter: blur(2px);*/
	background-attachment: fixed;
	
	position: absolute;
	opacity: 0.8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#FEATURED {
	z-index: 1;
	position: relative;
	padding: 60px 10%;
	width: 80%;
}
#FEATURED h2 {
    font-size: 24pt;
	color: #FFF;
	text-align: center;
	margin: 0 0 20pt;
	/*border-bottom: solid 1px #FFF6;*/
	padding-bottom: 10pt;
	width: 90%;
	margin-left: 5%;
}

.HFeat {
	width: 100%;
	/* border-top: solid 1px #CCC; */
	padding: 20px;
	margin-bottom: 40px;
	background: rgb(238,238,238);
	background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(255,255,255,0.8) 100%);
	box-sizing: border-box;
	border-radius: 5px;
}
.HFeat_31, .HFeat_32, .HFeat_33 {
    float: left;
    width: 31%;
    margin: 0 1%;
    font-size: 10pt;
    min-width: 160px;
}
.HFeat_31 {
    min-height: 115px; 
}
.HFeatPic {
    width: 100%;
    height: auto;
}
.CLEAR {
  clear:both;
}


/* 210909 - Responsive videos */
.ResponsiveVideo {
	position: relative;
	padding-bottom: 45.0%;
	/* padding-top: 30px; */
	height: 0;
	overflow: hidden;
}
.ResponsiveVideo iframe, 
.ResponsiveVideo object, 
.ResponsiveVideo embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}


#wrapBROWSEBY {
	/*background-color: #006;*/
	padding: 40px 0;
	display: block;
	position: relative;
	background-color: #0062bf;
}
#wrapBROWSEBY::after {
	content: "";
	background: url("images/AdobeStock_309830491_CROP.jpeg");
	background-size: cover;
	background-position: center center;
	filter: blur(2px);
	
	position: absolute;
	opacity: 0.6;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#BROWSEBY {
	z-index: 1;
	position: relative;
}
#BROWSEBY img {
	max-width: 90%;
	height: auto;
	margin: 10px 5%;
}
#BROWSEBY h2 {
    font-size: 24pt;
}
#BROWSEBY h3 {
    font-size: 18pt;
}
#BROWSEBY h2, #BROWSEBY h3 {
	color: #FFF;
	text-align: center;
	margin: 0 0 20pt;
	border-bottom: solid 1px #FFF6;
	padding-bottom: 10pt;
	width: 90%;
	margin-left: 5%;
}

.hidden {
	display: none;
}
#BtBrand{}
#BtType {}
.BrowseBtSelected {
	color: aqua;
}
.BrowseBt:hover {
	cursor: pointer;
}


.CrewL {
	width: 43%;
	margin: 0 1% 40px;
	float: left;
}
.CrewR {
	width: 53%;
	margin: 0 1%;
	float: right;
}
.CrewL img {
	width: 172px;
	height: auto;
	max-width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
}


#PreFooterBoxes {
	padding: 0px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: stretch;
	justify-content: space-evenly;
	overflow-x: hidden;
}
#PreFooterBoxes a {
	width: max-content;
	/* margin: 0 1.5%; */
	text-align: center;
	display: inline-block;
	position: relative;
}
#PreFooterBoxes a img {
	max-width: 100%;
	display: block;
}
#PreFooterBoxes a:hover img {
	filter: blur(0px) brightness(0.5);
	transition: 1s;
}
#PreFooterBoxes a .AnimatedInnerFrame {
	position: absolute;
	border: solid 2px #FFF;
	top: 50%;
	left: 50%;
	height: calc(100% - 24px);
	width: calc(100% - 24px);
	transform: translate(-50%, -50%);
	/* transition animation */
	transition: 1s;
	height: 0; 
	width: 0; 
	opacity: 0;
}
#PreFooterBoxes a:hover .AnimatedInnerFrame {
	height: calc(100% - 24px); 
	width: calc(100% - 24px); 
	opacity: 1;
}

#PreFooterBoxes a .Title {
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	color: #FFF;
	font-size: 3.9vw;
	width: 66%;
	text-shadow: 0 0 6px #000;
}


#wrapTESTIMONIALS {
	background-color: #eee;
    background: linear-gradient(118deg,rgba(221,221,221,1) 0%,rgba(238,238,238,1) 33%,rgba(221,221,221,1) 59%,rgba(238,238,238,1) 80%,rgba(221,221,221,1) 100%);
}
#TESTIMONIALS {
	padding: 65px 5%;
	box-sizing: border-box;
}
#TESTIMONIALS .Text {
	font-size: 14pt;
	font-style: italic;
	line-height: 1.3;
}
#TESTIMONIALS .Client {
	text-align: right;
}


#MAIN h1 {
	margin-top: 40px;
}


/* FTR */
#wrapFTR {
	background-color: #006;
}
#FTR {
	padding: 40px 0;
}
#FTR h4 {
	color: #FFF9;
}
#FTR, #FTR p {
	/* font-family: myriad pro,dejavu sans condensed,Helvetica,Arial,"sans-serif"; */
	color: #fffc;
	font-size: 9pt;
}
#FTR a, #FTR:visited {
	color: #FFFC;
	font-weight: bold;
}

#FTR1 img {
	max-width: 90%;
	margin-bottom: 20px;
}
#FTR3 i {
	font-size: 21pt;
}







/* 200624 - overwrite */

h1, h2, h3, h4, p, li,
#NAVI a, #NAVI a:visited,
#INNERSLIDER h1, #CALLUS,
#FLOATINGFORM input, #FLOATINGFORM select,
#FTR p
{
	font-family: Times, "Times New Roman", "serif";
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}



/* 200626 - FORM */

#MENSAJE {
	background-color: #F002;
	color: #600;
	line-height: 1.5;
	padding: 10pt;
	margin-bottom: 20pt;
}

#wrapHOMEINTRO {
	background-color: #006;
}
#HOMEINTRO h1 {
	color: #FFF;
	font-size: 20pt;
}
#HOMEINTRO {
	padding: 60px 0;
}
#HOMEINTRO p {
	color: #FFF;
	font-size: 14pt;
}
#HOMEINTRO .R {
	text-align: center;
}




/* 211012 - new Vessel Details layout */
#FLOATINGFORM {
	padding-top: 0;
}
#MAIN #PICmain {
	padding: 0;
}
	#MAIN #PICmain figure {
		background-color: #e5e5e5;
		padding: 0;
		margin: 0;
		width: 100%;
		height: calc(50vw * 0.5);
		overflow: clip;
		position: relative;
		border: solid 1px #FFF;
		box-sizing: border-box;
	}
	#MAIN #PICmain figure img {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
	}
#MAIN #PICmore {
	padding: 0;
}
	#MAIN #PICmore .HALF {
		padding: 0;
	}
	#MAIN #PICmore figure {
		background-color: #e5e5e5;
		padding: 0;
		margin: 0;
		width: 100%;
		height: calc(50vw * 0.25);
		overflow: clip;
		position: relative;
		border: solid 1px #FFF;
		box-sizing: border-box;
	}
	#MAIN #PICmore figure img {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
	}
#PIChidden {
	display: none;
}
#SPECS table {
	width: calc(100% - 6vw);
}
	#SPECS table td {
		border-bottom: solid 1px #DDD;
		padding: 7px;
	}
	#SPECS table tr td:first-child {
		text-align: left;
		color: #555;
	}
	#SPECS table tr td:last-child {
		text-align: right;
	}
.interested {
	border-radius: 0;
}
	.interested h3 {
		color: #FFF;
		margin-left: 0;
		font-size: 18pt;
	}
.InterestedTitleR {
  text-align: right;
}
.interested.forward {
  background-color: #333;
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
}
.SearchMoreBut {
	display: none;
}
.BackBut {
	text-align: center;
	float: none;
}
	.BackBut input {
		font-size: 18pt;
		margin: 0 auto;
		padding: 5px 25px;
	}

/* INTERESTED FORM */
#MAIN .interested h3 {
	color: #FFF;
	margin-left: 0;
	font-size: 18pt;
}
.interested input[type="text"] {
	width: 90%;
	background-color: #FFF;
	font-size: 17px;
	border: none;
	padding: 9px;
	color: #006;
}
.interested #button {
	background-color: #FFF;
	font-size: 20px;
	border: 2px outset;
	padding: 5px 0;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
}
.interested #button:hover {
	cursor: pointer;
	background-color: #FFF9;
	border: none;
	padding: 7px 0;
}
#MAIN .L h1 {
	margin-top: 0;
}
.R .BackBut {
	text-align: right;
	float: none;
}





/* 240512 - Crew pg */
#MAIN #CREWLIST .QUARTER {
	text-align: right;
}
#MAIN #CREWLIST .QUARTER p {
	text-align: right;
}
#MAIN #CREWLIST .QUARTER img {
	margin: 47px 0 0;
	display: inline-block;
}
#MAIN #CREWLIST .QUARTER {
	text-align: right;
}
#MAIN #CREWLIST .THIRDx2 h2 {
	margin-left: 0;
}
#MAIN #CREWLIST .THIRDx2 p {
	margin-left: 0;
}



/* 240722 - charter pg */
#DIVcharterindex {
  background: #FFF;
  padding: 40px 0;
}
#DIVcharterindex h1 {
  text-align: center;
}
#FRAMEcharterindex {
  width: 100%;
  height: 1550px;
  border: none;
}


/* 240724 - listings in HOME */
#HomeFeatured.BoatSearch.GridMode .Boat,
#HomeListings.BoatSearch.GridMode .Boat {
  width: 18%;
}
#HomeFeatured.BoatSearch.GridMode .Boat .Details h2,
#HomeListings.BoatSearch.GridMode .Boat .Details h2 {
  font-size: 11pt;
}
#MAIN .MoreListingsLink h4 {
	margin: 0;
	font-size: 16px;
}
.MoreListingsLink a {
	margin-top: 12pt;
	display: block;
	background-color: #0062bf;
	color: #FFF;
	padding: 59px 20px;
	width: 100%;
	box-sizing: border-box;
	/* border-radius: 5px; */
}
.MoreListingsLink a:hover {
	background-color: navy;
	text-decoration: none;
}

/* 270725 - searh in top */
#TOPSEARCH {
  position: absolute;
  top: 51px;
  right: 165px;
  display: inline-block;
  text-align: right;
}
#TOPSEARCH #searchtxt {
  width: 137px;
  font-size: 10pt;
  margin-right: 5px;
  border: solid 1px #FFF;
  background: none;
  color: #FFF;
  padding: 4px;
}
#TOPSEARCH a#searchbt {
  color: #FFF;
  padding: 3px 5px 5px;
  border-radius: 3px;
}
#TOPSEARCH a#searchbt:hover {
  cursor: pointer;
  background-color: navy;
}





/* 250414 - past sales */
#MAIN .HALF.PastSales {
  /*! width: 45%; */
  /*! margin: 0 0 20px 3%; */
  padding: 0 2% 20px 3%;
  box-sizing: border-box;
}
.PastSale {
  margin-bottom: 20pt;
}
#MAIN .HALF.PastSales img {
  margin: 0;
}
#MAIN .HALF.PastSales h3 {
  margin: 0 0 5pt;
}



/* 250724 - subsites & flags */
#FLAGS {
  position: absolute;
  right: 20px;
  top: 11px;
}
#FLAGS img {
  height: 20px;
  margin-left: 5px;
  border: solid 1px #0003;
  border-radius: 2px;
}