@charset "UTF-8";
/* CSS Document */
/* Maxi Regatta */
/* 19 Mar 25 */
/* 1.1 */

	

   .image-swap {
      width: 100%; /* responsive width */
      display: grid;           /* lets both images sit on top of each other */
      overflow: hidden;
      cursor: pointer;
    }

    .image-swap img {
      grid-area: 1 / 1;        /* stack both images in same spot */
      width: 100%;
      height: auto;            /* unknown height handled naturally */
      display: block;
      transition: opacity 0.s ease;
    }

    .image-swap__default {
      opacity: 1;
    }

    .image-swap__hover {
      opacity: 0;
    }

    .image-swap:hover .image-swap__default {
      opacity: 0;
    }

    .image-swap:hover .image-swap__hover {
      opacity: 1;
    }






#navbar {
   /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
}

/* Style the navbar links
#navbar a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 15px;
  text-decoration: none;
} */

#navbar a:hover {
  color: #000;
}


.radial 	{position: absolute; top:0px; left: 0px; width: 100vw; height: 100vh; z-index: 2; opacity: 0.8}
.gradient 	{background: radial-gradient(#000 10%, transparent 50%);   
  	width: 750px;
  height: 750px;
  margin: 0; opacity: 0.6}

/* --- Core ----------------------------------------------------------- */

html 					{scroll-behavior: smooth;}

body 					{margin:0px;padding;0px;font-family: 'Inter', Helvetica, Arial, "sans-serif"; font-size:12px; 
						 line-height: 20px; letter-spacing: 2px; color: #000; background: #cecbc6; font-weight: 400;font-style: normal;font-optical-sizing: auto;text-underline-offset: 4px;}	

section 				{padding: 0px; margin:0px;font-weight: 400;}

sub 					{padding: 0px; margin:0px;}

.pl						{margin-left: 20px;}

.button_leto			{border: 1px solid #fff; padding: 8px; width: 225px; text-transform: uppercase; letter-spacing:1px; text-align: center; margin: 15px 0;font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px; letter-spacing: 2px; text-decoration: none; color: #fff;}

.button_leto_wht		{border: 1px solid #000; padding: 8px; width: 225px; text-transform: uppercase; letter-spacing:1px; text-align: center; margin: 15px 0;font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px; letter-spacing: 2px; text-decoration: none; color: #000;}


.button_wrap		{width: 225px; margin: auto; padding-top:18px;}


.centre					{position:absolute; width:100vw; height: 100vh; text-align:center; opacity:1.0;}
.centre_80				{position:absolute; width:100vw; height: 65vh; text-align:center; opacity:1.0;}
.centre_block			{position:absolute; width:100%; height: 100%; text-align:center; opacity:1.0;}
.centre_inner 			{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 650px;}	
.centre_inner_lead 		{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 900px;}	
.centre_inner_lead_grad {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 600px;}	
.centre_inner_lead_home {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 1000px;}	
.centre_inner_quotes 	{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 750px;}	
.centred_img			{padding: 100px;}	
	



.white					{background: #fff; color: #000;}
.leto_biscuit			{background: #cecbc6; color: #000}
.maxi_blue				{background: #cecbc6; color: #000}
.mid					{background: #49453f; color: #fff}

.container 				{margin: auto;}	

.section_centred		{max-width: 1280px; margin: auto; padding: 40px 25px 40px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_30		{max-width: 1280px; margin: auto; padding: 60px 25px 30px 25px; display: flex;flex-wrap: wrap;}	

.section_centred_800	{max-width: 850px; margin: auto; padding: 40px 25px 75px 25px; display: flex;flex-wrap: wrap;}	


.section_centred_750	{max-width: 760px; margin: auto; padding: 40px 0px 75px 0px; display: flex;flex-wrap: wrap;}	


.section_centred_1100	{max-width: 1280px; margin: auto; padding: 40px 25px 75px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_1100_nf{max-width: 1280px; margin: auto; padding: 40px 25px 75px 25px; }	

@media (min-width: 1281px) {	
.section_centred		{max-width: 100vw; margin: auto; padding: 40px 25px 40px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_30		{max-width: 85vw; margin: auto; padding: 60px 25px 30px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_1100	{max-width: 85vw; margin: auto; padding: 40px 25px 75px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_1100_nf{max-width: 85vw; margin: auto; padding: 40px 25px 75px 25px; }	
}



.col_inner				{padding:15px;}

.contact_wrap			{width: 100%;clear: both;margin: auto}	
.column_contact			{width: 100%; float: none; word-wrap: break-word;}
.column_contact_detail	{width: 100%; float: none; word-wrap: break-word;margin-bottom: 22px;}	

.core_subscribe			{max-width: 500px; margin: auto; padding: 40px 25px 25px 25px; text-align: center;}
.core_subscribe_title	{width: 100%; text-align: center; padding-bottom: 25px;}
.core_subscribe_legal	{max-width: 700px; margin: auto; text-align: center; padding: 0 25px 75px 25px;}

.core_title				{width: 100%; text-align: center; padding-bottom: 25px;}
.core_title_info		{width: 100%; text-align: left; padding: 0 0 25px 15px;}

.links_inline			{}

.vh						{height: 100vh;}
.cc						{height: 100vh; place-items: center center;}
.sp						{margin-top: 30px;}
.ls						{letter-spacing: 3px;}
.oh						{overflow: hidden;}
.ma						{margin: auto}
.upc					{text-transform: uppercase}
.il						{display: inline}
.mwh3					{max-width: 500px; margin: auto;}

.img					{width: 100%; height: auto;}
.img_team_news			{width: 100%; height: auto; padding-bottom: 25px;}
.img_brand_lead			{width: 100%; height: auto; padding-bottom: 0px;margin-bottom: -10px;}
.bg 					{width: 100%;object-fit: cover; /*magic*/}	
.imgfill 				{height:100%;text-align: center; overflow: hidden; z-index: -2;}

.team_stat_block		{float: none; clear: both;}
.team_stats				{padding-bottom: 50px;}

.core_content			{position: absolute; top:0px; left: 0px; right: 0px; z-index: 99;}
.core_video				{position: fixed; top:0px; left: 0px; right: 0px; height: auto; z-index: 97; background: #041C2C;}
.core_lead_img			{position: absolute; top:0px; left: 0px; right: 0px; height: auto; z-index: 97}
.core_intro_maxi_blue	{border-left:10px solid #07617c; width: 100%; padding-top: 35px; z-index: 10;}
.core_intro_maxi_blue_br{border-right:10px solid #07617c;}

.core_maxi_lead_clear	{height: 100vh}

.maxi_regatta_logo_inl	{padding-bottom: 225px;}
.maxi_regatta_logo		{width: 100px;}

#intro					{position:fixed;left:0px;top:0px;bottom:0px;right:0px; height:auto;z-index:998;background-color:#faa61a; overflow:hidden; text-align:center; opacity:1.0}

.hero		{height: 100vh;}
.hero_rel	{height: 100%; position: relative;}
.hero_inner	{position: absolute; bottom: 0px; width: 100%;}
.hero_mt	{margin-top:-10px;}

/* --- Homepage --- */

.race_program			{width: 100%; overflow-x: scroll; white-space: nowrap; padding: 15px 0 100px 0;}

.race_program_schedule	{width:100%; max-width:1275px; min-width:1275px;margin:auto;}

div.race_program::-webkit-scrollbar {display: none;}	

.race_program_title		{width: 100%; text-align: center; padding: 40px 50px 25px 50px;}







/* --- Footer --- */

.footer_inner			{padding: 0px 0 25px 0; width: 100%; text-align: left;border-top:1px solid #847248;}
.icon 								{display: inline-block;width: 24px;height: 24px;margin-top: 22px;background-size: cover;}
.instagram 							{background-image: url("../img/instagram.svg");}
.instagram:hover,.instagram:focus 	{background-image: url("../img/instagram-hover.svg");}
.maxi_superyacht_regatta 			{height: 24px; margin:10px;}




@media (min-width: 1200px) {	
	.intro_container	{width: 65%}
}

@media (max-width: 1199px) {	
	.intro_container	{width: 100%}
}


	
	
	
/* --- Teams ----------------------------------------------------------- */


.fw_container	{position: relative; top:0px; left: 0px; width: 100vw; height: 100dvh}	
.fw_img			{position: absolute; top:0px; left: 0px; width: 100vw; height: 100%; overflow-y: hidden;}
	
@media (min-width: 801px) {	
.fw1			{width:50%;right: 50%; height: 100%;}
.fw2			{position:relative; width: 100%;height: 100%;}
.fw3			{position: absolute; bottom: 0px; left:30px; right: 0px; margin-bottom: 0px; background: #fff; color: #041C2C;}	
.fw3n			{position: absolute; bottom: 0px; left:30px; right: 0px; margin-bottom: 0px; background: #041C2C; color: #fff;}	
.fw_align		{position: absolute; top:0px; left: 0px; width: 100vw; height: 100%}

.race_results_container	{width:100%; max-width:1400px; min-width:1400px;margin:auto; overflow-x: scroll; white-space: nowrap;}

.race_results_table		{width:1400px; margin:auto;height: 575px;}

div.race_results_container::-webkit-scrollbar {display: none;}	
	
	.container_3col		{width: 76%; margin: auto}	
}

@media (max-width: 800px) {	
	.container_3col		{width: 100%; margin: auto}	

	.fw1			{width:100vw; height: 100%;}
.fw2			{position:relative; width: 100%;height: 100%;}
.fw3			{position: absolute; bottom: 0px; left:22px; right: 22px; margin-bottom: 0px; background: #fff; color: #041C2C;} 
.fw3n			{position: absolute; bottom: 0px; left:22px; right: 22px; margin-bottom: 0px; background: #041C2C; color: #fff;}	
.fw_align		{position: absolute; top:0px; left: 0px; width: 100vw; height: 100%}

.race_results_container	{width:100%; margin:auto; overflow-x: scroll; white-space: nowrap;overflow-x: scroll; white-space: nowrap;}

.race_results_table		{width:1400px;margin:auto;height: 575px;}

div.race_results_container::-webkit-scrollbar {display: none;}	
	
	
}

	

/* --- Format, Desk ----------------------------------------------------------- */


@media (max-width: 950px) {	
.dt						{visibility: hidden; display: none;}
}

@media (min-width: 951px) {	
.dt						{visibility: visible; display: block;}
}


@media (max-width: 550px) {	
.mm						{visibility: visible; display: block;}
}

@media (min-width: 551px) {	
.mm						{visibility: hidden; display: none;}
}




@media (min-width: 801px) {	
.m						{visibility: hidden; display: none;}
.d						{visibility: visible; display: block;}
	
.partners_founding		{max-width: 850px; margin: auto; clear: both; float: none; text-align: center; padding-top: 50px;}
.partners_supply		{max-width: 1100px; margin: auto; clear: both; float: none; text-align: center; padding-top: 50px;}
.partners_charity		{max-width: 250px; margin: auto; clear: both; float: none; text-align: center; padding-top: 50px;}
		
h2    					{'Inter', Helvetica, Arial, "sans-serif";font-style: normal;font-size: 16px; line-height: 23px; font-weight: 400; margin: 0; padding: 0px; letter-spacing: 0px;}
	
.ep						{height: 40px;}
	
.lead					{padding:0 35px 65px 35px;}	

.lead_inner				{padding:0px 35px 65px 35px;}	
	
.maxi_logo				{position:absolute; top: 70px; right: 30px; text-align: right; z-index: 999;visibility: hidden;display: none; }
		
.footer					{padding: 0px 0 15px 0; width: 100%; text-align: left;}
.footer_wrap			{padding: 25px  25px 0 25px;}		
.social					{padding: 0px 0px 0px 16px; width: 100%;}

.img_sponsors			{width: 75%; height: auto; padding-bottom: 25px;}
		
.core_maxi_regatta		{margin-bottom: 0px;}
.core_title_teams		{position:absolute; top: 20px; left: 40px; text-align: left}
.core_title_carousel	{position:absolute; top: 47px; left: 40px;}

.section_900			{text-align: left;max-width: 900px; margin: auto; padding: 150px 25px 175px 25px;}
.section_900_w_title	{text-align: left;max-width: 900px; margin: auto; padding: 70px 25px 175px 25px;}
	
.core_teams_lead		{border-left:10px solid #07617c; position: relative;width: 100vw;height: 1px; margin-top: -7px;}	
.core_teams_lead_name	{position:absolute ; bottom:0px; left:40px; right:50%; background: #fff; text-align: center; padding: 0px}
.col_inner_team_stats	{padding:0px 0px 15px 60px;}
	
.columns_flex 			{display: flex;flex-direction: row; padding:0px; margin:0px;}
.columns_wrap 			{display: flex;flex-wrap: wrap; padding:0px; margin:0px;}
	
.column1 				{width: 100%;}
.column2 				{width: 50%; float: left;}
.column3 				{width: 33.33%; float: left;}
.column3teams 			{width: 33.33%; float: left;text-transform: uppercase;letter-spacing: 5px; font-size:13px;}	
.column4 				{width: 25%; float: left; }
.column5 				{width: 20%; float: left; }
.column6 				{flex: 16.66%; padding: 15px;}
.column62 				{flex: 33.32%; padding: 15px;}
.column63 				{flex: 49.98%; padding: 15px;}
	
.row_wrapper 			{list-style: none;-ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;
 						 display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;}

.row_wrapper:after 		{content: "";display: table;clear: both;}	
	
.slide_copy_l50_tc		{width:50%;float: left; height: 100vh;}
.slide_copy_l50			{width:50%;float: left; height: 100vh;}
.slide_copy_r50			{width:50%;float: right; height: 100vh;}
.slide_img_cont50		{width:50%;float: left; overflow: hidden;height: 100vh;}	
.slide_copy_r50_timeline	{width:50%;float: right; height: auto;}

.slide_copy_l			{width:34%;float: left; height: 100vh;}
.slide_copy_r			{width:34%;float: right; height: 100vh;}
.slide_copy_l25			{width:25%;float: left; height: 100vh;}
.slide_copy_r25			{width:25%;float: right; height: 100vh;}

.slide_img_cont			{width:66%;float: left; overflow: hidden;height: 100vh;}	
.slide_img_cont75		{width:75%;float: left; overflow: hidden;height: 100vh;}	
	
.sl_cont_container		{position:relative; width: 100%;height: 100%;}
.sl_cont_inner			{position:absolute; top: 50%; bottom: 0px; width: 100%;}
.sl_cont_inner_team		{position:absolute; top: 50%; bottom: 0px; width: 100%;}
.sl_cont_inner_nor		{position:absolute; top: 50%; bottom: 0px; width: 100%;}
.sl_cont_baseline		{position: absolute; bottom: 0px; width: 100%;margin-bottom: 40px;padding: 0 40px 0 40px;}
.sl_cont_inner span		{align-self: flex-end; padding-bottom: 93px;width: 100%;}
.w_h					{width:100vw; height: 100vh}	
.w1						{width:100vw;}	

.p25					{padding: 25px 0 25px 0;}
.p30					{padding-bottom: 30px;}	
	
.ac						{text-align: center}
.al						{text-align: left;}
.al_l					{text-align: left;}
.ar						{text-align: right}	
}

.gp						{padding: 0px}	
.portrait_hero			{padding: 0 25px}
.centred_centred_img	{margin: auto; max-width: 50%;}	

/* --- Format, Mobile ----------------------------------------------------------- */


@media (max-width: 800px) {
.m						{visibility: visible; display: block;}
.d						{visibility: hidden; display: none;}
	
.centre_block			{position:absolute; width:100vw; height: 100vh; text-align:center; opacity:1.0;}
.centre_inner_quotes 			{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 300px;}	
.centred_img			{padding:  25px;}	
.centred_centred_img	{margin: auto; min-width: 300px;}	

.gp						{padding: 0px}	
.portrait_hero			{padding: 25px 25px 0px 25px}
	
	
.partners_founding		{max-width: 100%; margin: auto; clear: both; float: none; text-align: center; padding-top: 50px;}
.partners_supply		{max-width: 100%; margin: auto; clear: both; float: none; text-align: center; padding-top: 50px;}
.partners_charity		{max-width: 100%; margin: auto; clear: both; float: none; text-align: center; padding-top: 50px;}	
	
h2    					{'Inter', Helvetica, Arial, "sans-serif";font-style: normal;font-size: 18px; line-height: 23px; font-weight: 400; margin: 0; padding: 0px; letter-spacing: 0px;}
	
.ep						{height: 75px;}
	
.lead					{padding:55px 25px 65px 25px;}			
	
.maxi_logo				{position:absolute; top: 30px; right: 30px; text-align: right;mix-blend-mode: exclusion; z-index: 999;}
	
.footer					{padding: 0; width: 100%; text-align: center;}
.footer_wrap			{padding: 20px 0 0 0;}	
.social					{padding: 10px 20px 10px 16px; width: 100%; text-align: center;}	

.img_sponsors			{width: 50%; height: auto; padding-bottom: 50px;}
		
.core_maxi_regatta		{margin-bottom: -10px; height: 100vh;}
.core_title_teams		{position:absolute; top: 20px; left: 40px; right: 40px; text-align: center;}
.core_title_carousel	{position:absolute; top: 20px; left: 40px; text-align: left}

.section_900			{text-align: left;max-width: 900px; margin: auto; padding: 75px 25px 95px 25px;}
.section_900_w_title	{text-align: left;max-width: 900px; margin: auto; padding: 70px 25px 175px 25px;}
	
.core_img_lead			{width:100vw; opacity: 1;z-index: 8;}	
.core_teams_lead		{width:100vw; opacity: 0.999;z-index: 9; margin-top: -101px;}
.core_teams_lead_name	{margin-left: 30px; margin-right: 30px; padding: 5px 0 5px 0; background:#fff; text-align: center;}	
.col_inner_team_stats	{padding:50px 20px 15px 20px;}
	
.columns_wrap 			{display: flex;flex-direction: row; padding:0px; margin:0px; clear: both;}
.columns_flex 			{flex-direction: column;padding:0px;margin:0px;clear: both;}

.column1 				{flex: 100vw;}
.column2 				{flex: 100vw;}
.column3 				{flex: 100vw; padding: 0px;}
.column3teams 			{width:100vw; float: none;text-transform: uppercase;letter-spacing: 5px; font-size:13px;}	
.column4 				{flex: 100vw; padding: 0px; }
.column5 				{flex: 100vw; padding: 0px;}
.column6 				{flex: 100vw; padding: 0px;}	

	
	
.row_wrapper 			{}
.col 					{float: left;width: 100%;}
.row_wrapper:after 		{content: "";display: table;clear: both;}
	
.slide_copy_l50_tc		{width:100%;float: left; height: auto;}	
.slide_copy_l50			{width:100%;float: left; height: 100vh;}
.slide_copy_r50			{width:100%;float: none; height: 100vh;}
.slide_img_cont50		{width:100%;float: none; overflow: hidden;}	
.slide_copy_r50_timeline{width:100%;float: none; height: auto;}
		
	
	
.slide_copy_l			{width:100%;float: none; height: auto;}
.slide_copy_r			{width:100%;float: none; height: auto;}
.slide_img_cont			{width:100%;float: none; overflow: hidden;height: auto;}	
	
.sl_cont_container		{position:relative; width: 100%;height: auto;}
.sl_cont_inner_team		{padding: 300px 0px 175px 0px; width: 100%;}
.sl_cont_inner			{padding: 150px 0px 175px 0px; width: 100%;}
.sl_cont_inner_nor		{padding: 40px 0px 60px 0px; width: 100%;}
.sl_cont_baseline		{margin-bottom: 30px; padding: 50px 25px 0 25px;}
.sl_cont_inner span		{align-self: flex-end; padding-bottom: 5px;width: 100%;}	

.w_h					{margin-bottom: -10px;}	

.p25					{padding: 25px 0 25px 0;}
.p30					{padding-bottom: 30px;}
	
.ac						{text-align: center}
.al						{text-align: center;}
.al_l					{text-align: left;}	
.ar						{text-align: right}	

}





/* --- Type & Fonts ----------------------------------------------------------- */

h1 						{font-family: 'Inter', Helvetica, Arial, "sans-serif"; font-size:12px; line-height: 18px; letter-spacing: 2px; color: inherit; font-weight: 400;text-transform: uppercase; padding-bottom: 20px;}

.h1_mc					{font-family: 'Inter', Helvetica, Arial, "sans-serif"; font-size:32px; line-height: 39px; letter-spacing: 9px; color: inherit; font-weight: 400;}

h3    					{font-family:'Inter', Helvetica, Arial, "sans-serif";font-style: normal;font-size: 36px; line-height: 38px; font-weight: 300; margin: 0; padding: 0px; letter-spacing: 2px; text-transform: none;}

h4 						{font-family: 'Inter', Helvetica, Arial, "sans-serif"; font-size:20px; line-height: 20px; letter-spacing: 5px; color: inherit; font-weight: 400;text-transform: uppercase;}

.fpart					{font-family: 'Inter', Helvetica, Arial, "sans-serif"; font-size:10px; line-height: 18px; letter-spacing: 5px; color: inherit; font-weight: 400;text-transform: uppercase; height: 50px; margin-top:0px;}

.legal 					{padding;0px;font-family: 'Inter', Helvetica, Arial, "sans-serif"; font-size:11px; line-height: 15px; letter-spacing: 2px; color: inherit; opacity: 0.5}	

.h1_maxi				{margin-top: 50px;font-family:'Inter', Helvetica, Arial, "sans-serif";font-style: regular;font-size: 36px; line-height: 38px; font-weight: 300; margin: 0; padding: 0px; letter-spacing: -1px; text-transform: none;}

.h1_maxi_sub			{margin-top: 50px;font-family:'Inter', Helvetica, Arial, "sans-serif";font-style: regular;font-size: 36px; line-height: 38px; font-weight: 300; margin: 0; padding: 0px; letter-spacing: -1px; text-transform: none; opacity: 0.35;}



/* --- Links ----------------------------------------------------------- */

a:link 					{text-decoration: none; color: inherit; padding: 0;}
a:visited 				{text-decoration: none; color: inherit;}
a:hover 				{text-decoration: none; opacity: 0.5}
a:active 				{text-decoration: none; color: inherit;}

a.brand:link 			{text-decoration: none; color: inherit; padding: 0;}
a.brand:visited 		{text-decoration: none; color: inherit;}
a.brand:hover 			{text-decoration: none; color: #888; opacity: 1}
a.brand:active 			{text-decoration: none; color: inherit;}



a.group:link 			{text-decoration: none; filter: grayscale(0.9); opacity: 1;}
a.group:visited 		{text-decoration: none; filter: grayscale(0.9);opacity: 1;}
a.group:hover 			{text-decoration: underline; filter: grayscale(0);opacity: 1;}
a.group:active 			{text-decoration: none; filter: grayscale(0.9);opacity: 1;}



a.ul:link 				{text-decoration: none; color: inherit; padding-bottom: 2px; border-bottom: 1px solid; border-bottom-color: inherit;}
a.ul:visited 			{text-decoration: none; color: inherit;}
a.ul:hover 				{text-decoration: none; opacity: 0.5}
a.ul:active 			{text-decoration: none; color: inherit;}

a.ul_n:link 			{text-decoration: none; color: inherit; padding-bottom: 2px; border-bottom: 1px solid; border-bottom-color: inherit;}
a.ul_n:visited 			{text-decoration: none; color: inherit;}
a.ul_n:hover 			{text-decoration: none; color:#041C2C;}
a.ul_n:active 			{text-decoration: none; color: inherit;}

a.teams:link 			{text-decoration: none; text-transform: uppercase; color: inherit; font-size: 13px; line-height: 25px; padding: 3px;letter-spacing: 5px;}
a.teams:visited 		{text-decoration: none; color: inherit;}
a.teams:hover 			{text-decoration: none; color:#faa61a;padding-bottom: 2px; border-bottom: 1px solid; border-bottom-color: inherit;}
a.teams:active 			{text-decoration: none; color: inherit;}

a.teams_hl:link 		{text-decoration: none; text-transform: uppercase; color: #fff; font-size: 13px; line-height: 25px; padding: 3px;padding-bottom: 2px; border-bottom: 1px solid; border-bottom-color: inherit;letter-spacing: 5px;}
a.teams_hl:visited 		{text-decoration: none; color: #fff;}
a.teams_hl:hover 		{text-decoration: none; color: #faa61a;padding-bottom: 2px; border-bottom: 1px solid; border-bottom-color: inherit;}
a.teams_hl:active 		{text-decoration: none; color: #fff;}

.teams_tp		 		{text-decoration: none; color: #fff; font-size: 20px; line-height: 30px; padding: 3px; letter-spacing: 5px;}
a.teams_tp:link 		{text-decoration: none; color: #fff; font-size: 20px; line-height: 30px; padding: 3px; letter-spacing: 5px;}
a.teams_tp:visited 		{text-decoration: none; color: #fff;}
a.teams_tp:hover 		{text-decoration: none; color: #041C2C;padding-bottom: 2px; border-bottom: 1px solid; border-bottom-color: inherit;}
a.teams_tp:active 		{text-decoration: none; color: #fff;}

a.nav_li:link 			{text-decoration: none; color: #041C2C;text-transform: uppercase; font-family:Helvetica, Arial, "sans-serif"; font-size:12px; letter-spacing: 5px;}
a.nav_li:visited 		{text-decoration: none; color: #041C2C;}
a.nav_li:hover 			{text-decoration: none; color: #faa61a;}
a.nav_li:active 		{text-decoration: none; color: #041C2C;}


a.nav_li_head:link 		{text-decoration: none; color: #041C2C;text-transform: uppercase; font-family:Helvetica, Arial, "sans-serif"; font-size:12px; letter-spacing: 5px;cursor: none; font-weight: 600;}
a.nav_li_head:visited 	{text-decoration: none; color: #041C2C;cursor: none;}
a.nav_li_head:hover 	{text-decoration: none; color: #041C2C;cursor: none;}
a.nav_li_head:active 	{text-decoration: none; color: #041C2C;cursor: none;}


a.sec:link 				{text-decoration: none; color: inherit;}
a.sec:visited 			{text-decoration: none; color: inherit;}
a.sec:hover 			{text-decoration: none; color:#faa61a; }
a.sec:active 			{text-decoration: none; color: inherit;}

.li						{text-transform: none;}
a.li:link 				{text-decoration: none; color: inherit; text-transform: uppercase;font-size:14px; padding: 12px; letter-spacing: 1px;font-weight: 400;}
a.li:visited 			{text-decoration: none; color: inherit;}
a.li:hover 				{text-decoration: none; opacity: 0.5}
a.li:active 			{text-decoration: none; color: inherit;}

.letorestaurants				{text-decoration: none; color: inherit; font-size: 11px; line-height: 24px; text-transform: uppercase;}
a.letorestaurants:link 			{text-decoration: none; color: inherit; line-height: 24px;}
a.letorestaurants:visited 		{text-decoration: none; color: inherit;}
a.letorestaurants:hover 		{text-decoration: none; opacity: 0.5}
a.letorestaurants:active 		{text-decoration: none; color: inherit;}


.letogrouprestaurants				{text-decoration: none; color: inherit; font-size: 11px; line-height: 24px; text-transform: uppercase;padding:15px 0;}
a.letogrouprestaurants:link 		{text-decoration: none; color: inherit; line-height: 24px;}
a.letogrouprestaurants:visited 		{text-decoration: none; color: inherit;}
a.letogrouprestaurants:hover 		{text-decoration: none; opacity: 0.5;}
a.letogrouprestaurants:active 		{text-decoration: none; color: inherit;}



/* --- Video ----------------------------------------------------------- */

.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.embed-responsive-9by16::before{padding-top:177.63%}

.video_mobile_lead		{position: absolute;top:0px; left: 0px; right: 0px;z-index: 1}


/* --- Fixed Header Nav ----------------------------------------------------------- */


.nav_head	{background: #041C2C; position: fixed; top:0px; left:0px; right:0px; height: 43px; padding-bottom: 0px; opacity: 0.93;z-index: 998}

.menu {
  margin: 0 auto;
  list-style-type: none;z-index: 999; width: 100%;

  a {
    display: block;
    margin: 0;
    padding: 10px 25px;
    text-decoration: none;text-transform: uppercase; font-family:Helvetica, Arial, "sans-serif"; font-size:12px; letter-spacing: 5px; color: #fff;

  }
  li {
    position: relative;
    float: left;
    margin: 0;
    perspective: 200;
	
	  
    &:first-child {
      border-left: none;
    }
    &.nav_item {
      &:before {
        content: '';
        z-index: 200;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: -4px;
        margin-left: -20px;
        display: block;
        border-color: #fff transnav_item transnav_item transnav_item;
        transition: margin-top .1s ease-out;

      }
    }
    &:hover,
    &:focus {
      & > a {
        text-decoration: none;
        color: #faa61a;
;
      }
      &:before {
        margin-top: 0;
      }
      .sub_nav {
        opacity: 1;
        transform: rotateX(0) translateZ(0);
      }
    }
  }
  .sub_nav {
    opacity: 0;
    backface-visibility: hidden;
    transform: rotateX(-90deg);
    transform-style: preserve-3d;
    transform-origin: top center;
    transition: transform .6s; opacity .1s .1s;
    z-index: 100;
    list-style-type: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    margin: 0;
    padding: 5px 0;
    background-color: #fff;
    text-align: left;width: 325px;

    li {
      float: none; 
    }
    a {{
        
      }
    }
  }
}

.menu:after {transition: 
    0.5s height cubic-bezier(.73,.32,.34,1.5),
    0.5s padding cubic-bezier(.73,.32,.34,1.5),
    0.5s margin cubic-bezier(.73,.32,.34,1.5),
    0.5s 0.2s color,
	0.2s background-color;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}




/* --- Mobile Nav ----------------------------------------------------------- */

nav_mob 			{position: fixed; top:2px; left:0px; z-index: 996; opacity: 0.97;right: 0px;}

#menuToggle 		{position: fixed; top:22px; left:10px;display: flex;flex-direction: column;position: relative;top: 20px;left: 20px;z-index: 996;-webkit-user-select: none;user-select: none; right: 0px;;}
#menuToggle input 	{display: flex;width: 40px;height: 35px;position: absolute;cursor: pointer;opacity: 0;z-index: 997;}
#menuToggle span 	{display: flex;width: 40px;height: 2px;margin-bottom: 10px;position: relative;background:#000;border-radius: 3px;z-index: 1;transform-origin: 5px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;mix-blend-mode: exclusion;border-bottom: 2px solid #000}
#menuToggle span:nth-last-child(3){transform-origin: 0% 100%;visibility: hidden;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle input:checked ~ span{opacity: 1;transform: rotate(47deg) translate(-1px, -1px);background:#000;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.1, 0.1);}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-47deg) translate(0, -1px);}
#menu{position: fixed;top:0px;width: 102vw;bottom: 0px;margin: 0 0 0 -50px;padding: 50px;background-color: #faa61a; color: #000;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.9s cubic-bezier(0.77,0.2,0.05,1.0);line-height: 25px;font-weight: 400;text-align: center;990}	
#menuToggle input:checked ~ ul{transform: none;list-style-type: none;font-size:14px; line-height: 25px; text-align: center; font-weight: 400;}





a.m_li:hover{color: #07617c;}

.maxi_regatta		{width:55px; padding: 22px 0px 0px 20px;}
.mob_nav_container	{position: fixed;width:100vw; top:25vh;}
.mob_p_l			{margin-left:-40px;}

.m_nav				{color: #fff; text-transform: uppercase; font-family:Helvetica, Arial, sans-serif; font-size:15px; letter-spacing: 5px; width: 100%;text-align: center; display: block; margin-bottom: 11px;}

.m_nav_sub			{color: #fff; text-transform: uppercase; font-family:Helvetica, Arial, sans-serif; font-size:15px; letter-spacing: 5px; width: 100%;text-align: center; display: block; margin-bottom: 11px;}

.m_nav_sub_head		{color: #fff; text-transform: uppercase; font-family:Helvetica, Arial, sans-serif; font-size:15px; letter-spacing: 5px; width: 100%;text-align: center; display: block; margin-bottom: 11px;cursor: none; font-weight: 400;}



/* --- Email signup ----------------------------------------------------------- */


#mce-EMAIL			{color: #fff; background:#07617c;text-decoration: none; border:none; border-bottom: 1px solid #fff; padding-top: 8px; padding-bottom: 9px; height: 38px; margin: auto; margin-top: 26px; font-family:'Inter', Helvetica, Arial, "sans-serif";font-style: regular;font-size: 27px; line-height: 27px; font-weight: 300; margin: 0; padding: 0px;  cursor: pointer; float: none; clear: both;width: 100%; text-align: center;}

#mc-embedded-subscribe					{color: #fff; background:none;text-decoration: none; border:1px solid #fff; padding-top: 8px; padding-bottom: 9px; height: 38px; margin: auto; margin-top: 26px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: 2px; cursor: pointer; float: none; clear: both;width: 100%}

#mc-embedded-subscribe:hover 			{color: #07617c; background:#fff;text-decoration: none; border:1px solid #fff; padding-top: 8px; padding-bottom: 9px; margin: auto; margin-top: 26px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 400; letter-spacing: 2px; line-height: 18px; cursor: pointer; float: none; clear: both;width: 100%; opacity: 1.0;}

input[type=submit] {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;

    -webkit-border-radius: 0;
	border:none; 
	height:0px; width:67px; background:none;
	margin-top:0px;height:24px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

div:focus, textarea:focus, input:focus{outline: none;}


/* --- Reveal ----------------------------------------------------------- */

.reveal {
}

.reveal {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.reveal.visible {
  opacity: 1;
  transform: translate(0, 0);
}