@charset "UTF-8";
/* CSS Document */
/* MOI Japanese Restaurant Soho */
/* July 25 */
/* 1.1 */


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

html 					{scroll-behavior: smooth;}

body 					{margin:0px;padding;0px;font-family: 'YWFTDacotta-RegularPlain', Helvetica, Arial, Sans-Serif;
	-moz-font-feature-settings:'aalt=0,case=0,frac=0,hist=0,liga=0,locl=0,ordn=0,salt=0,sups=0'; font-size:14px; 
						 line-height: 23px; letter-spacing: 0px; color: #000; background: #e9ddcf; font-weight: 400;}	

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

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

.core					{max-width: 1250px; margin: auto;}

.white					{color: #fff;}

.container 				{margin: auto;}	

.section_centred		{max-width: 1250px; margin: auto; padding: 40px 25px 75px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_30		{max-width: 1250px; 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 25px 75px 25px; display: flex;flex-wrap: wrap;}	


.section_centred_1100	{max-width: 1250px; margin: auto; padding: 40px 25px 75px 25px; display: flex;flex-wrap: wrap;}	
.section_centred_1100_nf{max-width: 1250px; 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;}
.bg 					{width: 100%;height: 100%;object-fit: cover; /*magic*/}	
.imgfill 				{height:100%;text-align: center; overflow: hidden; z-index: -2;}
.bg_m 					{width: 140%;height: 140%;object-fit: cover; margin-left: -20%; /*magic*/}	
.imgfill_m 				{height:100%; text-align: center; overflow: hidden; z-index: -2; margin-top: -100px;}

.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}


#intro					{position:fixed;left:0px;top:0px;bottom:0px;right:0px; height:auto;z-index:998;background-color:#000; 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 --- */

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

.wine_sake_menus		{width:100%;margin:auto; background: #FFFFFF; height: 110vh; max-height: 1000px;}

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

.c30					{margin-bottom: 30px;}	
.buttons_ul				{width: 125px; border-bottom: 1px solid #000; padding-bottom: 3px; padding-top: 3px;}
.moy					{font-family: "adobe-garamond-pro", serif;font-style: italic;font-size: 20px;padding: 0 10}	
							




#tripleseat_embed_form textarea {border:none; border-bottom:dotted 1px #000; background: #e9ddcf}	
#tripleseat_embed_form input {border:none; border-bottom:dotted 1px #000; background: #e9ddcf}	
#tripleseat_embed_form select {border:dotted 1px #000; background: #e9ddcf}	
#tripleseat_embed_form button {border:none; border-bottom:dotted 1px #e9ddcf;background: #000000; color: #ffffff}
h2				{font-family: 'YWFTDacotta-RegularPlain', Helvetica, Arial, Sans-Serif;
				-moz-font-feature-settings:'aalt=0,case=0,frac=0,hist=0,liga=0,locl=0,ordn=0,salt=0,sups=0'; font-size:14px; 
				 line-height: 23px; letter-spacing: 0px; color: #000; font-weight: 400;}







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

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


	
	
	

/* --- 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;}
}




.blend					{mix-blend-mode: exclusion; }	


.columntitle			{width: 10%; float: left;height: 220px;white-space:nowrap;}
.columndetail			{width: 90%; float: left; margin-top: -5px;}
	
.columntitlemenu		{width: 20%; float: left;}
.columndetailmenu		{width: 80%; float: left; margin-top: -5px;}
		

.columntitleinline		{width: 10%; float: left;}
.columndetailinline		{width: 90%; float: left;}




@media (min-width: 801px) {	
.m						{visibility: hidden; display: none;}
.d						{visibility: visible; display: block;}

	
.ep						{height: 40px;}
	
.lead					{padding:0 35px 65px 35px;}	

.lead_inner				{padding:0px 35px 65px 35px;}	
	
.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;}
	
.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;}
.column4 				{width: 25%; float: left; }
.column5 				{flex: 20%; padding: 15px;}
.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; background: #041C2C; color: #fff; height: 100vh;}
.slide_copy_r50			{width:50%;float: right; background: #041C2C; color: #fff; height: 100vh;}
.slide_img_cont50		{width:50%;float: left; overflow: hidden;height: 100vh;}	

.slide_copy_l			{width:34%;float: left; background: #041C2C; color: #fff; height: 100vh;}
.slide_copy_r			{width:34%;float: right; background: #041C2C; color: #fff; height: 100vh;}
.slide_copy_l25			{width:25%;float: left; background: #041C2C; color: #fff; height: 100vh;}
.slide_copy_r25			{width:25%;float: right; background: #041C2C; color: #fff; 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}	

.footer					{padding: 10px 0 35px 10px; width: 100%; text-align: left;}
.footer_wrap			{padding: 20px 20px 0px 20px;width: 100%;}		
.social					{padding: 0px 0px 20px 16px; width: 100%;}	
	
.footer_careers			{width: 27%; padding-left: 3%; float: left;}	
.footer_gdpr			{width: 10%;float: left; text-align: left; }	
.footer_insta			{width: 10%;float: left; text-align: right;}	
.logo_alta				{position:fixed; top: 25px; right: 30px; text-align: right; z-index: 99; width: 7.5%;}	
.logo_alta_load			{position:absolute; top: 25px; right: 30px; text-align: right; z-index: 999; width: 7.5%;}

.lead_img				{padding: 100px 0 200px 0}	
	
	
.col20_1				{position: relative; height: 100%; width: 100%;}	
.col20_2				{position: absolute; top:50%; height: 50%;padding-bottom: 30px;}	
.col20_3				{position: absolute; bottom:30px; height: auto;}	

.centred_img			{padding: 0}
	
.footer_signup			{width: 100%;}		
	
.logo_moi				{position: fixed;top:30px; right: 70px;mix-blend-mode: exclusion; z-index: 999; width: 100px;}
	
.hero					{margin: auto;padding-top: 120px;}	
	
.ptop_150				{padding-top: 300px;}	
	
.info_blocks			{margin-top: 120px;}
.info_blocks_pdr		{width: 100%; height: 150px; margin-top: 275px;	}
	
.center_inner 			{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); max-width: 450px;}
	
.wine_container			{margin-right: -40px; overflow: hidden; text-align: right}	
.wine_img				{width:90%;}	
	
.wine_sake_copy			{text-align: center; width: 100%;padding-bottom: 50px; padding-top: 35%;}	
	
.menus_container		{padding-left: 0px;}	
	
.mt_120					{margin-top: 0px;}	
.mt_80					{margin-top: 0px;}
.mt_add60				{margin-top: 0px;}	
.mt_section_food		{margin-top: 0px;}	
	
	.l_sliderlead 		{width:35%; margin: auto; padding-top: 115px;}	
	.l_omakase			{padding: 0 20px 50px 20px; margin-top: -75px;}
	.listeningroom		{width: 50%; margin-left: 50%; background: #e9ddcf; height: 100vh;}
	.yutori				{margin-left:0%;}
	.ourmenu			{width: 60%; padding-top: 35%; padding-bottom: 50px; margin: auto;}
	.listeningabout		{position:absolute; top:12.5%; left:20px; color:#fff; max-width: 400px}
	.pdr_underline		{width: 150px; margin-top:-12px; margin-left: 125px;}
	.reservations			{position:fixed; top: 41px; left: 100px; right: 100px; z-index: 997;text-align: center;position: fixed;top:42px; left: 70px;mix-blend-mode: exclusion; text-align: center;}
	.listeningroomline	{width:3px; float: left; height: 550px; margin-left: 15px; margin-right: 8px;}
}		



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


@media (max-width: 800px) {
	
	.l_sliderlead 		{width:90%; margin: auto; padding-top: 160px;}	
	.l_omakase			{padding: 0 20px 50px 20px; margin-top: -125px;}
	.listeningroom		{width: 100%; margin-top: -30px;background: #e9ddcf; padding: 0px 0 50px 0px;}
	.yutori				{margin-left:-5px;}
	.ourmenu			{width: 90%; padding-top: 372px; padding-bottom: 50px; margin: auto;}
	.listeningabout		{padding-top: 150px; padding-bottom: 75px; left:20px; color:#fff; max-width: 400px}
	.pdr_underline		{width: 150px; margin-top:-12px; margin-left: -4px;}
	.reservations		{position:fixed; top: 41px; left: 90px; right: 100px; z-index: 997;text-align: center;position: fixed;top:42px; left: 70px;mix-blend-mode: exclusion; text-align: center; padding-left: -12px;}
	.listeningroomline	{width:3px; float: left; height: 600px; margin-left: 15px; margin-right: 8px;}
	
	
.mt_120					{margin-top: -120px;}	
.mt_80					{margin-top: -80px;}	
.mt_add60				{margin-top: 60px;}	
.mt_section_food		{margin-top: -150px;}	
	
.menus_container		{padding-left: 20px;}	
	
.wine_sake_copy			{text-align: center; width: 100%;padding-bottom: 50px; padding-top: 20%;}	
	
.wine_container			{margin-right: 0px; overflow: hidden;margin-top: -30px;}	
	
.wine_img				{width:90%;margin-left:10%;}	
		
.center_inner 			{margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 275px;}
	
.info_blocks_pdr		{width: 100%; height: 0px; margin-top: 100px;	}
	
.info_blocks			{margin-top: 100px;}	
	
.ptop_150				{padding-top: 0px;}	
	
.hero					{margin: auto;padding-top: 120px;}	
	
.logo_moi				{position: fixed;top:35px; right: 28px;mix-blend-mode: exclusion; z-index: 999; width: 70px;}
	
.footer_signup			{width: 95%; }	
	
.centred_img			{padding: 0 30}	
	
.col20_1				{}	
.col20_2				{padding-bottom: 30px;}	
.col20_3				{padding-top: 30px;}	
		
	
.lead_img				{padding: 50% 30px 100px 30px}	

	
.nav_alta				{visibility: hidden; display: none;}	
	
.footer					{width: 100%; padding: 0px 0px 0px 30px; height: 100px; text-align: left;}
.footer_careers			{width: 100%;}	
.footer_gdpr			{width: 100%;}	
.footer_insta			{width: 100%;}	
.logo_alta				{position:fixed; top: 25px; right: 30px; text-align: right; z-index: 99; width: 100px;}	
.logo_alta_load			{position:absolute; top: 25px; right: 30px; text-align: right; z-index: 999; width: 100px;}
.social					{padding: 0px 0px 20px 16px; height: 35px; width: 100%;}	
	
	

	
	
	
.m						{visibility: visible; display: block;}
.d						{visibility: hidden; display: none;}
		
.ep						{height: 75px;}
	
.lead					{padding:55px 25px 65px 25px;}			
			

.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 			{padding:0px; margin:0px; clear: both;}
.columns_flex 			{padding:0px;margin:0px;clear: both;}

.column1 				{flex: 100vw;}
.column2 				{width: 100%;}
.column3 				{flex: 100vw; padding: 0px;}
.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: none; background: #041C2C; color: #fff; height: auto;}
.slide_copy_r50			{width:100%;float: none; background: #041C2C; color: #fff; height: auto;}
.slide_img_cont50		{width:100%;float: none; overflow: hidden;}	
		
.slide_copy_l			{width:100%;float: none; background: #041C2C; color: #fff; height: auto;}
.slide_copy_r			{width:100%;float: none; background: #041C2C; color: #fff; 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: left;}
.al_l					{text-align: left;}	
.ar						{text-align: right}	

}





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

a:link 					{text-decoration: none; color: #000;}
a:visited 				{text-decoration: none; color: #000;}
a:hover 				{text-decoration: none; color:#000; opacity: 0.45;}
a:active 				{text-decoration: none; color: #000;}

a.w:link 				{text-decoration: none; color: #fff;}
a.w:visited 			{text-decoration: none; color: #fff;}
a.w:hover 				{text-decoration: none; color:#fff; opacity: 0.45;}
a.w:active 				{text-decoration: none; color: #fff;}




.xx						{text-decoration: none; color: #000; mix-blend-mode: difference; }
a.xx:link 				{text-decoration: none; color: #000; mix-blend-mode: difference; }
a.xx:visited 			{text-decoration: none; color: #000; mix-blend-mode: difference;}
a.xx:hover 				{text-decoration: none; color:#F2383B;}
a.xx:active 			{text-decoration: none; color: #000; mix-blend-mode: difference;}

a.li:link 				{text-decoration: none; color: #000; padding-bottom: 2px; }
a.li:visited 			{text-decoration: none; color: #000;}
a.li:hover 				{text-decoration: none; color: #000; opacity: 0.4}
a.li:active 			{text-decoration: none; color: #000;}


.japanese_restaurant_london				{text-decoration: none; color: inherit; line-height: 25px;}
a.japanese_restaurant_london:link 		{text-decoration: none; color: inherit; line-height: 25px;}
a.japanese_restaurant_london:visited 	{text-decoration: none; color: inherit;}
a.japanese_restaurant_london:hover 		{text-decoration: none; color:#F2383B;}
a.japanese_restaurant_london: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: #40baad;
;
      }
      &: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:22px; left:10px; 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:#8E7575;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 #8E7575}
#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:#8E7575;}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
#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: #e9ddcf; 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;}	
#menuToggle input:checked ~ ul{transform: none;list-style-type: none;font-size:14px; line-height: 25px; text-align: center; font-weight: 400;}

.mob_nav_container	{position: fixed;top:100px;width:100vw; margin-left: -7px;}
.mob_p_l			{margin-left: -24px; padding-top: 40px; width: 100%;}



/* --- 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: "adobe-garamond-pro", serif;font-style: italic;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);
}





/* --- Modal ----------------------------------------------------------- */

#myBtn {background: none; border: 0; font-family: 'YWFTDacotta-RegularPlain', Helvetica, Arial, Sans-Serif;
	-moz-font-feature-settings:'aalt=0,case=0,frac=0,hist=0,liga=0,locl=0,ordn=0,salt=0,sups=0'; font-size:14px; 
						 line-height: 23px;}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ z-index: 999;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  max-width: 300px; 
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: black;
  float: right;
  font-size: 28px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 8px 12px;
  background-color: #fff;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}