#mtAlertBanner {
    background: #0e4e7b;
    color: #ffffff;
    padding: 16px 16px 16px 5%;
    font-family: proxima-nova,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 20px;
    position: fixed;
	height:50px;
	bottom:0;
	z-index:1000
}
#mtAlertBanner a {
	color:#000;
	font-weight:900
}
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(1),
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(2),
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(3),
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(4),
.mt .microContentContainer.btn .microContent .microContentWrap{
    background-color: rgba(255, 255, 255, 0.3) !important;
    -webkit-transition: all ease .6s;
    transition: all ease .6s;
}
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(1):hover, 
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(2):hover, 
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(3):hover, 
.mt .microContentContainer .microContent .microContentWrap:nth-of-type(4):hover {
 	background-blend-mode: luminosity;
	}
.mt .microContentContainer.btn {
	width:250px; }	
.mt .microContentContainer.btn .microContent .microContentWrap:nth-of-type(1):hover {
background-color: transparent !important;
    -webkit-transition: all ease .6s;
	border: none !important;
	}

.mt .microContentContainer.btn .microContent .microContentWrap:nth-of-type(1) .overlay:hover{
    border:none !important;
    outline-offset: 0px;
}


.mt .microContentOverlay-content.mayor {
    background-color: #fff;
    background-image: url(../images/paper-2.jpg) !important;
    background-size: 393px 261px;
	}

.mt .microContentOverlay-content.mayor h2{
	font-size:30px;
}

.mt .microContentOverlay-content.mayor section.single article{
	text-align:center !important;
	}
.mt .microContentOverlay-content.mayor section.single article img{
	min-width: 300px;
	max-width: 400px
	}
.mt .microContentOverlay-content.mayor section.single article a{
     -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
   	margin: 20px auto 0;
	display:block;
	cursor: pointer;
    text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	padding:12px 25px 12px 25px;
     color: #ffffff;
    background:#075a91 !important;
    border: none;
    border-radius: 0;
	min-width:250px;
	max-width:250px;
	font-family: "montserrat","Gotham SSm A","Gotham SSm B" !important;
}	


.mt .microContentOverlay-content h1  {
    display: inline-block !important;
    font-weight: 400 !important;
	color: #002B49;
	font-size: 100%;
}
.mt .microContentOverlay-content h2  {
    font-weight: 400 !important;
	    margin-top: -9px;
		margin-bottom: 20px;
		    font-size: 20px;
			font-family: "montserrat", "Gotham SSm A", "Gotham SSm B";
     text-transform: uppercase;
    color: #075a91;
}
.mt .microContentOverlay-content p{
    font-family: "Sentinel A", "Sentinel B";
    font-size: 20px;
    line-height: 28px;
    color: #464d67;
    font-weight: 300;
    margin-bottom: 14px;
	}
.mt .microContentContainer {
  box-shadow: none;
  }

.mt .microContentContainer .microContent .microContentWrap:nth-of-type(1) .overlay:hover span{
    border-color: none;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	background:#002B49 !important
	}	

.mt .twoColumn .contentOne a.button{
    display: block !important;
    width: 200px;
    text-align: center;
    margin: 20px 0 0 0 !important;
	padding: 15px 0 15px;
}

.mt .microContentContainer.btn .microContent .microContentWrap {
	padding: 0 !important;
	margin: 0 !important;
	background:none !important;
	width:100% !important;
	min-height:0px;
	height:53px
}

.mt .microContentContainer.btn .microContent .microContentWrap .overlay span {
    display: inline-block;
    padding: 15px 9px !important;
	width:250px;
	margin: 0 0 0 !important;
    border: none;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: inherit;
    font-family: "merriweather", "Gotham SSm A", "Gotham SSm B";
	text-align: center
}
.mt .microContentContainer.btn .microContent .microContentWrap .overlay {
	display:block;
	width:100%
}




.mt .whiteFlush .content {
	background: #08090b;
	}
.mt nav.stay,
.mt nav{
    background-color: #ffffff !important;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.8);
    box-shadow: 0 0 6px rgba(0,0,0,.8);
    top: 0;
}

.mt  nav::after,
.mt  nav.stay::after {
    content: " "!important;
    height: 0px !important;
    background: #ffffff !important;
    width: 0px !important;
    margin: 0 auto !important;
    position: absolute !important;
    display: block !important;
    align-content: center !important;
    z-index: -1 !important;
    border-radius: 172px !important;
    left: 50% !important;
    margin-left: -100px !important;
    top: -82px !important;
    transition: all ease .5s !important;
}
.mt ul#mainMenu {
    width: 100% !important;
    text-align: center !important;
    display: table !important;
    margin: 0 auto !important;
    padding: 0 0 0 8% !important;
}
.mt nav #mainMenu li a,
.mt nav.stay #mainMenu li a {
    color: #484D67 !important;
}
.mt nav #mainMenu li a {
    color: #484D67 !important;
    font-family: "montserrat","Gotham SSm A","Gotham SSm B";
    text-shadow: 0px 0px 0 rgba(0,0,0,.0) !important;
    font-size: 16px !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
}
.mt ul#mainMenu ul.img {
    padding: 0 30px 0 30px  !important;
    height: 110px !important;
    text-align: center;
}
.mt li#logo {
    width: 130px !important;
    height: 109px !important;
    background-position: center !important;
    padding: 0 !important;
    background-size: 92% !important;
    text-shadow: 1px 1px 0 rgba(0,0,0,.0) !important;
	background-image: url(https://www.lidohousehotel.com/assets/design/uploads/general/mt-fish-logo.png) !important;
}

.mt .diagonalPhoto.styleFourTwo {
    position: relative !important;
    z-index: 0 !important;
    height: 550px !important;
}
.mt .styleFourTwo .main {
    height: 550px !important;
    width: 100%;
    z-index: 10;
    background-position: center center;
}
.mt .whiteFlush .diagonalPhoto.styleFourTwo+.content {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}
.mt .whiteFlush .diagonalPhoto.styleFourTwo+.content:nth-child(2) {
     padding-top: 0px !important;
     padding-bottom: 25px !important;
}

.mt .microContentContainer {
     padding-bottom: 0 !important;
	 background:#08090b;
}
.mt .whiteFlush .content {
     padding-bottom: 45px !important;
}
.mt h2, .mt .h2Style {
    font-size: 25px;
    color: #fff;
	margin-top:30px;
}

.mt .twoColumn .parent figure {
    margin-bottom: 65px;
	min-height:350px
	}

.mt .twoColumn .parent figure:nth-child(1) {
    margin-bottom: 65px;
	min-height:450px
	}

.mt h1, .mt .h1Style {
    font-size: 35px !important;
    line-height: 1.1em;
    font-style: normal;
    margin-bottom: 10px;
    font-family: "merriweather","Didot 11 A","Didot 11 B";
    font-weight: 500;
    color: #fff;
	margin-top:35px
}

.mt p {
	color:#fff;
	font-size:17px;
	line-height: 27px
	}
.mt .content .button {
	font-size:14px;
	padding:12px 25px 12px 25px;
	margin: 15px auto 50px !important;
    color: #ffffff;
    background:#075a91 !important;
    border: none;
    border-radius: 0;
	min-width:250px
}
.mt .content .button:hover {
	background: #002B49 !important;
}
.mt .extraPadding-bottom {
    padding-bottom:0 !important;
}

.mt .styleOneLtBlue .main {
    -webkit-clip-path: polygon(0 0,100% 0,100% 60%,0% 95%);
    clip-path: polygon(0 0,100% 0,100% 71%,0% 95%);
}

.mt .whiteFlush .diagonalPhoto.styleOneLtBlue+.content {
    padding-top: 390px;
}

.mt .styleOneLtBlue .main {
    height: 400px;
}
.mt .styleOneLtBlue .accent {
    height: 400px;
}


@media (max-width: 1250px) {
	.microContentOverlay-content.mayor {
		top: 5% !important;
		bottom: 5% !important;
		left: 5% !important;
		right: 5% !important;
	}
	.mt .microContentOverlay-content.mayor section.single article img {
		min-width: 150px;
		max-width: 335px;
	}
}

@media (max-width: 1150px) {
	.microContentOverlay-content.mayor {
		top: 5% !important;
		bottom: 5% !important;
		left: 5% !important;
		right: 5% !important;
	}
	.mt .microContentOverlay-content.mayor section.single article img {
		min-width: 150px;
		max-width: 300px;
	}
}

@media (max-width: 945px) {
 	.mt .microContentOverlay-content.mayor section.single article img {
		min-width: 150px;
		max-width: 250px;
	}
	.mt .microContentOverlay-content h2 {
 		font-size: 17px;
		font-family: "montserrat", "Gotham SSm A", "Gotham SSm B";
		text-transform: uppercase;
		color: #075a91;
		margin-bottom:2px;
	}
}

@media (max-width: 745px) {
 	.mt .microContentOverlay-content.mayor section.single article img {
		min-width: 100px;
		max-width: 200px;
		margin-top:-20px
	}
	.mt .microContentOverlay-content h2 {
 		font-size: 15px;
		font-family: "montserrat", "Gotham SSm A", "Gotham SSm B";
		text-transform: uppercase;
		color: #075a91;
		margin-bottom:2px;
	}
}

@media (max-width: 600px) {
	.mt h1, .mt .h1Style {
		text-align: center !important;
	}
	.mt p {
		text-align: center !important;
	}
	.mt .microContent {
		width: 100% !important;
		}
	.mt .microContentContainer.btn .microContent .microContentWrap .overlay span {
		margin: 0 auto !important;
		}	
	.mt .microContentContainer .microContent .microContentWrap {
		width: 100%;
		float: left;
		height: 200px;
		position: relative;
		background-size: cover;
		background-position: center center;
		background-blend-mode: multiply;
		cursor: pointer;
	}	
	.mt .content .button {
		margin-bottom: 10px !important;
		}
	.mt .microContentContainer.btn  {
		float: none;
		 width: 250px !important;
		margin: 0 auto;
		overflow: hidden;
	}	
	.mt .twoColumn:nth-of-type(1) a.button {
		display:none;
	}
	  .mt .twoColumn .contentOne a.button {
	  display: block !important;
	  width: 250px;
	  text-align: center;
	  padding: 15px 0 15px;
	  margin: 0 auto !important;
  }
}






	 .bottompage .bxSlider {
		  padding: 50px 50px;
		  display:block;
		  float:left;
		  }
	  .bottompage .bxSlider li {
		-webkit-box-sizing: border-box;
		  box-sizing: border-box;
		  width: 33.333%;
		  float: left;;
		  padding: .5% .5%;
	  }
	  .bottompage ul:after;
	  .bottompage .bxSlider li:after {
	  content:"";
	  clear:both;
	  }  



	  	@media (max-width: 1200px) {
				.bottompage .bxSlider li {
				  -webkit-box-sizing: border-box;
					box-sizing: border-box;
					width: 50%;
					float: left;;
					padding: .5% .5%;
				}

			}

			@media (max-width: 800px) {
				.bottompage .bxSlider li {
				  -webkit-box-sizing: border-box;
					box-sizing: border-box;
					width: 100%;
					float: left;;
					padding: .5% .5%;
				}
				.mt .diagonalPhoto.styleFourTwo {
					position: relative !important;
					z-index: 0 !important;
					height: 300px !important;
				}

			}	


.button, #hero .headerCTA a, .microContentContainer .microContent .microContentWrap .overlay span {
    border-radius: 0px !important;
}
.buckets li h3 {
	cursor: default !important
}
.ctct-form-popup.form_0 .ctct-form-defaults .ctct-form-header {
    font-family: "Didot 11 A","Didot 11 B" !important;
	font-size: 46px !important;
    line-height: 1.1em !important;
    font-style: normal !important;
    margin-bottom: 6px !important;
    font-weight: 700 !important;
    color: #002B49 !important;
	}

.ctct-popup-content div.ctct-form-defaults p.ctct-form-text {
	font-family: "Sentinel A","Sentinel B" !important;
    font-size: 19px !important;
    line-height: 25px !important;
    color: #464d67 !important;
    font-weight: 300 !important;
    margin-bottom: 25px !important;
}

.ctct-popup-content div.ctct-form-popup form.ctct-form-custom .ctct-form-required {
    font-family: "Sentinel A","Sentinel B" !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: #464d67 !important;
    font-weight: 300 !important;
    margin-bottom: 2px !important;
}

.ctct-popup-content div.ctct-form-defaults p.ctct-gdpr-text {
   font-family: "Sentinel A","Sentinel B" !important;
    font-size: 12px !important;
    line-height: 19px !important;
    color: #464d67 !important;
    font-weight: 300 !important;
    margin-bottom: 25px !important;
}


.ctct-popup-content div.ctct-form-popup form.ctct-form-custom label.ctct-form-listname {
    display: inline-block;
    padding-left: 6px;
    font-family: "Sentinel A","Sentinel B" !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #464d67 !important;
    font-weight: 300 !important;
    margin-bottom: 2px !important;
}

.ctct-popup-content div.ctct-form-defaults p.ctct-gdpr-text a.ctct-form-footer-privacy-link, .ctct-popup-content div.ctct-form-defaults p.ctct-gdpr-text a.ctct-form-footer-link {
    text-decoration: underline;
    border: none;
    font-family: "Sentinel A","Sentinel B" !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #464d67 !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    text-transform: inherit;
    letter-spacing: 0 !important;
    margin: 0 !important;
    display: none;
}

.ctct-popup-content div.ctct-form-popup form.ctct-form-custom div.ctct-form-field {
    margin: 0 0 0px 0px !important;
    text-align: left;
}

.ctct-popup-content div.ctct-form-popup form.ctct-form-custom div.ctct-form-listitem {
    margin-bottom: 6px !important;
    display: inline !important;
}

.ctct-popup-content div.ctct-form-popup form.ctct-form-custom div.ctct-form-listitem label.ctct-form-checkbox-label, .ctct-popup-content div.ctct-form-popup form.ctct-form-custom div.ctct-form-listitem input[type="checkbox"].ctct-form-checkbox {
    display: table-cell !important;
    vertical-align: top !important;
	    padding: 0 25px 0 0 !important;
}

.ctct-popup-content div.ctct-form-popup form.ctct-form-custom fieldset.ctct-form-lists legend.ctct-form-lists-legend{
    display: block;
    line-height: 1;
    font-weight: bold;
    left: 0px !important;
    position: relative;
    text-align: left;
	text-transform: uppercase;
}

.ctct-popup-content div.ctct-form-popup form.ctct-form-custom label.ctct-form-label {
    display: block;
    margin-bottom: 12px;
    line-height: 1;
    font-weight: bold;
    text-align: left;
    left: 10px !important;
}






.microContentOverlay-content .scrollableMicroContent {
	float: none!important;
	}

head:before {
    content: " " !important;
    display: none !important;
    padding: 5px 10px !important;
    font-family: sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.microContentOverlay-content .mc-header {
  position: relative !important;
  }

h1, .h1Style {
    font-family: "Didot 11 A","Didot 11 B" !important;
	text-transform: uppercase;
}

.contact-page .title-cp {
	font-family: "Didot 11 A","Didot 11 B" !important;
	text-transform: uppercase !important;
	font-style: normal !important;
    margin-bottom: 20px !important;
	font-weight: 500 !important;

}

@media (min-width: 800px) {
	  h1, .h1Style {
		  font-size: 55px !important;
	  }
 	}
@media (max-width: 700px) {
	 h1, .h1Style {
	 }
}

@media (max-width: 700px) {
.dotLine img {
	  display: block !important;
	  -webkit-box-sizing: border-box!important ;
	  box-sizing: border-box !important;
	  width: 8.3333333333% !important;
	  float: left !important;
	  margin:0 !important;
	  padding-left: 2.5751209575% !important;
	  padding-right: 2.5751209575% !important;
	  height: 8.3333333333% !important;
  }
	.single .editable img {
	  float:none !important;
	  margin: 10px auto 0px !important;
	  width:100% !important
	  } 
	 article img {
	 float:none !important ;
	  margin: 10px auto 0px !important;
	  width:100% !important
	  }
	 .tabsFeatured {
	   width: 100% !important;
	   float:none !important;
	   margin: 10px auto !important
	   }
	  .tabsContentOverlay {
	  width:100% !important;
	  } 

}

.template-2 h1, .template-2 .h1Style {
		  padding-left: 0px !important;
		   padding-right: 0px !important;
		   width: 100% !important;
	  }	
@media (max-width: 400px) {
	.template-2 h1, .template-2 .h1Style {
		  padding-left: 0px !important;
		   padding-right: 0px !important;
		   width: 100% !important;
	  }	
}	  
.microContentOverlay-content {
  padding-bottom:30px !important;
  background-image:none !important;
  }
.microContentOverlay-content h1, .h1Style {
    font-size: 45px !important;
}
.microContentOverlay-content#GuestRoom .mc-header ul,
.microContentOverlay-content#SuitesOverlay .mc-header ul,
.microContentOverlay-content#PrivateCottagesOverlay .mc-header ul{
	text-align: right !important;
	}
.microContentOverlay-content#GuestRoom .mc-header ul li, 
.microContentOverlay-content#SuitesOverlay .mc-header ul li,
.microContentOverlay-content#PrivateCottagesOverlay .mc-header ul li{
    text-align: right !important;
    display: inline !important;
	float:none !important
}

span.PrivateCottagesOverlay {
  display:none !important;
  }

html, body {
    padding-bottom: 0 !important;
}
body.template-4 {
    padding-bottom: 0px !important;
	background: #f9f9f9 !important;
	}

.template-4 nav #mainMenu li a, .template-5 nav #mainMenu li a, .menuSolid nav #mainMenu li a,
.template-4 nav .mainMenu li a, .template-5 nav .mainMenu li a, .menuSolid nav .mainMenu li a{
    color: #FFFFFF !important;
}

.template-4 .whiteFlush .content {
  padding-bottom: 25px !important;
  }

.button, #hero .headerCTA a, .microContentContainer .microContent .microContentWrap .overlay span {
    font-family: "montserrat","Gotham SSm A","Gotham SSm B" !important;
}

.tabs .button:hover, .button.blue:hover {
background:#075a91 !important;
color:#FFFFFF !important;
}

.microContentOverlay-content .mc-header {
  position: relative !important;
  }

.headerCTA #bookNow a,
.headerCTA .bookNow a{
    border: none !important;
    padding: 9px 120px !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    color: #ffffff !important;
    background:none !important;
	font-size:25px !important;
	border-radius: 0 !important;
	font-family: "montserrat","Gotham SSm A","Gotham SSm B";
}
.headerCTA #bookNow a:hover,
.headerCTA .bookNow a:hover{
	background:#002B49 !important;
	color:#ffffff !important
	}
#bookNow a:hover,
.bookNow a:hover{
	background:#002B49 !important;
	color:#ffffff !important
	}	

nav #bookNow,
nav .bookNow{
    float: right !important;
	position: absolute !important;
	right: 15px !important
}
nav.stay {
  }
 .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
 	content: " " !important;
    height: 225px !important;
    background: #002B49 !important;
    width: 225px !important;
    margin: 0 auto !important;
    position: absolute !important;
    display: block!important;
    align-content: center!important;
    z-index: -1!important;
    border-radius: 172px!important;
    left: 50%!important;
    margin-left: -100px!important;
    top: -82px !important;
	transition: all ease .5s !important;
} 
nav.stay::after {
	content: " "!important;
    height: 225px !important;
    background: #002B49 !important;
    width: 225px !important;
    margin: 0 auto !important;
    position: absolute !important;
    display: block !important;
    align-content: center !important;
    z-index: -1 !important;
    border-radius: 172px !important;
    left: 50% !important;
    margin-left: -100px !important;
    top: -82px !important;
	transition: all ease .5s !important;
}
	@media (max-width: 2200px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			left: 50% !important;
			margin-left: -103px !important;
			top: -82px !important;
		}
		}
	@media (max-width: 2100px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -106px !important;
		}
		}		
	@media (max-width: 2000px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -109px !important;
		}
		}
	@media (max-width: 1900px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -112px !important;
		}
		}
	@media (max-width: 1800px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -115px !important;
		}
		}
	@media (max-width: 1700px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -118px !important;
		}
		}	
	@media (max-width: 1600px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -121px !important;
		}
		}
	@media (max-width: 1500px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -124px !important;
		}
		}
	@media (max-width: 1400px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -127px !important;
		}
		}
	@media (max-width: 1300px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
			margin-left: -130px !important;
		}
		}	

	@media (max-width: 1200px) {
		nav.stay::after, .template-4 nav::after, .template-5 nav::after, .menuSolid nav::after {
		  content: "" !important;
		  height: 0 !important;
		  background: #002B49 !important;
		  width: 0px !important;
		  margin: 0 auto !important;
		  position: absolute !important;
		  display: block !important;
		  align-content: center !important;
		  z-index: 0;
		  border-radius: 172px !important;
		  right: 44% !important;
		  top: 0 !important;
	 	 }
	  	ul#mainMenu ul.img,
		ul.mainMenu ul.img{
		  padding:0 30px !important;
		  height: 100% !important; 
		  }
	}	


nav.stay #bookNow a,
nav.stay .bookNow a{
    border: 2px solid #fffff !important;
    padding: 9px !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
    color: #FFFFFF!important;
    background-color: #075a91 !important;
	}
 #hero {
    background-position: left center !important; 
	}

li#logo,
li.logo{
	display: block !important;
    width: 160px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin: auto !important;
    height: 100px !important;
    background-position: 0 0 !important;
    background-size: 160px 100px !important;
    background-image: url(http://www.lidohousehotel.com/assets/design/images/logo-lockup.png) !important;
	text-shadow: 1px 1px 0 rgba(0,0,0,.45) !important;
	}

ul#mainMenu,
ul.mainMenu{
	width:100% !important;
	text-align: center !important; 
	display: table !important;   /* Allow the centering to work */
	margin: 0 auto !important;
	padding: 0 0 0 6.1% !important;
	}
ul#mainMenu.small,
ul.mainMenu.small{
  display:none !important;
  }	
ul#mainMenu ul:first-child li,
ul.mainMenu ul:first-child li{
	padding: 10px 25px !important;
	}	

	@media (max-width: 1200px) {
		ul#mainMenu.big,
		ul.mainMenu.big{
			 display:none !important;
			}
		ul#mainMenu.small,
		ul.mainMenu.small{
		  display:table !important;
		  }	

		ul#mainMenu,
		ul.mainMenu{
			padding: 0 0 0 0% !important;
		}
		ul#mainMenu ul:first-child li,
		ul#mainMenu ul li,
		ul.mainMenu ul:first-child li,
		ul.mainMenu ul li{
		  padding: 10px 10px !important;
		  }
	}

	@media (max-width: 1100px) {
		ul#mainMenu.small,
		ul.mainMenu.small{
			width:100% !important;
			}
		ul#mainMenu.small  ul.img,
		ul.mainMenu.small  ul.img{
			width:195px !important;
			}	
		ul#mainMenu.small ul,
		ul.mainMenu.small ul{
			width:80% !important;
			}	
		}
	@media (max-width: 1060px) {
		nav ul#mainMenu ul li,
		nav ul.mainMenu ul li{
		  margin: 13px 0 0 0 !important;
		  padding: 10px 20px !important;
	  }	
		}		
	@media (max-width: 1000px) {
		ul#mainMenu.small,
		ul.mainMenu.small{
			width:100% !important;
			}
		ul#mainMenu.small  ul.img,
		ul.mainMenu.small  ul.img{
			width:195px !important;
			}	
		ul#mainMenu.small ul,
		ul.mainMenu.small ul{
			width:80% !important;
			}	
		ul#mainMenu.small ul, ul#mainMenu.small li, ul#mainMenu.small a li,
		ul.mainMenu.small ul, ul.mainMenu.small li, ul.mainMenu.small a li{
			display: inline-block !important;
			vertical-align: middle !important;
			float: none !important;
			}	
		 ul#mainMenu.small li,
		 ul.mainMenu.small li{
		 	padding: 3px 10px !important;
			}
		ul#mainMenu.small ul.img,
		ul.mainMenu.small ul.img{
			padding: 0 !important;
			}	
		}
	@media (max-width: 700px) {
		ul#mainMenu.small,
		ul.mainMenu.small{
			display:none !important;
		}
	}	

ul#mainMenu ul,
ul#mainMenu li,
ul#mainMenu a li,
ul.mainMenu ul,
ul.mainMenu li,
ul.mainMenu a li{
	display: inline-block ;
	vertical-align: middle !important
	}	
ul#mainMenu ul li,
ul.mainMenu ul li{
	margin: 13px 0 0 0 !important;
	padding: 10px 26px !important
	}	
ul#mainMenu.small ul li,
ul.mainMenu.small ul li{
	margin: 13px 0 0 0 !important;
	padding: 10px 13px 5px !important;
	}	
ul#mainMenu ul.img ,
ul.mainMenu ul.img {
	padding:0 30px !important;
	height: 80px !important;
	}
ul#mainMenu ul.img li,
ul.mainMenu ul.img li{
	margin: 0px 0 0 0 !important;
	}		

ul ul#mainMenu,
ul ul.mainMenu{
	margin:30px 0 0 25px !important;
	}
nav #mainMenu li a,
nav .mainMenu li a {
    color: #f9f9f9 !important;
    font-family: 	"montserrat","Gotham SSm A","Gotham SSm B";
    text-shadow: 1px 1px 0 rgba(0,0,0,.45) !important;
    font-size: 16px !important;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	text-transform:uppercase !important;
	font-weight:300 !important;
	letter-spacing:1px !important;
}	
nav.stay #mainMenu li a,
nav.stay .mainMenu li a{
    color: #FFFFFF !important;
}

header {
	margin-bottom:45px !important
}
footer {
	display:none !important;
	}
.footer-nav {
	background:#002B49 !important;
	padding: 25px 0 70px !important;
	float:left !important;
	width:100% !important;
	font-size:13px !important;
	line-height:14px !important;
	position:relative !important;
	z-index:0 !important;
	bottom:0 !important;
	}
.footer-nav a {
	color: #ffffff !important;
	}	
.footer-nav ul li {
	display: inline-block !important;
	}
.footer-nav .content{
	float:left !important;
	width:100% !important;
	padding: 0 16.6666666667% !important;
	margin:0 !important;
	}

.footer-left {
	float:left !important;
	width:60% !important;
	text-align:left !important;
	display:block !important;
	}	
.footer-left p,
.footer-right p a{
	color:#ffffff !important;
	font-family: "montserrat","Gotham SSm A","Gotham SSm B";
	font-size:13px !important;
	line-height:15px !important;
	}	

.footer-right {
	float:left !important;
	width:40% !important;
	text-align:right !important;
	display:block  !important;
}	
	@media (max-width: 1450px) {
		.footer-left {
		  float: none !important;
		  width: 100% !important;
		  text-align: center !important;
		  display: block !important;
		  margin:0 0 15px 0 !important
		  }
		.footer-right {
		  float: none !important;
		  width: 100% !important;
		  text-align: center !important;
		  display: block !important;
		  	}
	}



	@media (max-width: 1200px) {
	  ul ul#mainMenu li a,
		 ul ul.mainMenu li a{
		font-size:18px !important;
	  }
	}
	@media (max-width: 1100px) {
		nav {
		background-color: #002B49 !important;
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,.8) !important;
		box-shadow: 0 0 6px rgba(0,0,0,.8) !important;
		top: 0 !important;
		}
		ul#mainMenu,
		ul.mainMenu {
		width:75% !important;
		}
		ul ul#mainMenu,
		ul ul.mainMenu {
			width:70% !important;
			margin:15px 0 0 25px !important;
		}
		nav #mainMenu li,
		nav .mainMenu li {
		  margin-top: -2px !important;
		  padding: 10px 14px !important;
	  }
	  ul ul#mainMenu li a,
		 ul ul.mainMenu li a {
		font-size:20px !important;
	  }
	  nav #bookNow,
		nav .bookNow{
		  margin: 28px 0 0 0px !important;
	  }
	}

	@media (max-width: 870px) {
		ul ul#mainMenu,
		ul ul.mainMenu {
			width:65% !important;
			margin:10px 0 0 25px !important;
		}
		#hero {   background-size: cover !important;}
	}

	@media (max-width: 750px) {
		ul ul#mainMenu,
		ul ul.mainMenu{
			width: 55% !important;
			margin: 5px 0 0 25px !important;
		}
	}

	@media (max-width: 700px) {
		li#logo {
		display:none !important;
		}
		ul ul#mainMenu,
		ul ul.mainMenu {
		display:none !important;
		}
		nav #bookNow,
		nav .bookNow{
		  margin: 0px 0 0 0px !important !important;
	  }
	}

	@media (max-width: 650px) {
		ul#mainMenu,
		ul.mainMenu {
			  width: 45% !important;
		}
	}	

nav #bookNow,
nav .bookNow{
	margin:28px 0 0 0px !important;
	}	
.microContentOverlay-content h1, .h1Style {
	display:inline-block !important;
	font-weight:400 !important
	}
.microContentOverlay-content h2, .h2Style {
	font-weight:400 !important
	}	
.microContentOverlay-content .button {
    color: #ffffff !important;
    background: #002B49 !important;
	border:none !important;
    margin: 14px auto !important;
	border-radius: 0!important; 
}	
.microContentOverlay-content .button:hover {
  bacground:#075a91 !important;
  border-radius: 0 !important;
}

.loader {
    position: fixed !important;
    left: 0px!important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: #002B49 !important;
    opacity: 1 !important;
}

@media (max-width: 600px) {
		#hero .headerCTA {
			  padding: 68px 20px !important;
		}
	}	

@media (max-width: 500px) {
		.headerCTA #bookNow a,
	.headerCTA .bookNow a{
			  padding: 9px 20px !important;
		}
		.editable li {
			width: 100% !important;
		}
		.button {
			text-align:center !important;
		}
		.footer-nav .content {
		  padding: 0 10px !important;
	  }
	}	

@-moz-document url-prefix() { 
  .logoPull {
     margin-top:0px !important;
  }
}

.rooms .tabContent {
  width:100% !important;
  } 
.rooms .tabs .parent {
  width:100% !important;
  padding-bottom:25px !important;
  }
.rooms .tabs .parent .column,
.rooms .tabs .parent figure{
	width:50% !important;
	}
.rooms .tabs .parent .column {
	margin: 15px 0px 0 !important;
	padding:0 0 0 35px !important;
	}
.rooms .dotLine {
  display:block !important;
  padding: 0 0 40px 0 !important
  }
.rooms  .dotLine hr {
	width: 95% !important;
    margin-top: 9px !important;
	}
.rooms .dotLine
.rooms .dotLine:last-of-type {
	display:none !important;
	}
.rooms .tabs h1 {
	font-size: 30px !important;
	line-height:33px !important;
	text-align:left !important;
	margin:0 0 5px 0 !important;
	}
.rooms .tabs p{
	font-size: 17px !important;
    line-height: 25px !important;
	text-align:left !important;
	}	
.rooms .tabs .button {
	margin: 10px auto 0 !important;
	 color: #ffffff !important;
    background: #002B49 !important;
    border: none !important;
    border-radius: 0 !important;
	}

@media (max-width: 900px) {
		.rooms .tabs .parent .column,
		.rooms .tabs .parent figure{
		  width:100% !important;
		  }
		.rooms  .dotLine hr {
		  width: 86% !important;
		  margin-top: 9px !important;
		  }  
		.rooms .dotLine img {
			display: block !important;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			width: 7% !important ;
			float: left !important;
			padding-left: 2% !important;
			padding-right: 2% !important;
			height: 7% !important;
			}
		.rooms .tabs {
		background: none !important;
		}

		}

@media (max-width: 800px) {
		.rooms .tabs .parent,
		.tabs .parent figure{
		  display: inline-block !important;
		  }
		 #hero {
	 	  height: 750px !important;
		  background-size: cover;
	  		background-image:url(http://www.lidohousehotel.com/assets/design/uploads/fullsizebackground/Lido_House_boat.jpg) !important;
			background-attachment: local !important;
			}

	}

.room.tabsFeatured {
    width: 50% !important;
	margin: 30px 0px 0 !important;
    }
.room.tabsFeatured img{
	width:100% !important;
	}	
.room.tabsContentOverlay {
    width: 50% !important;
	margin: 30px 0px 0 !important;
	}
.room.tabsContentOverlay h1{
	font-size: 30px !important;
	line-height:33px !important;
	text-align:left !important;
	margin:0 0 5px 0 !important;
	}

.room.tabsContentOverlay p{
	font-size: 14px !important;
    line-height: 20px !important;
	text-align:left !important;
	}	
.room.tabsContentOverlay .button {
	margin: 10px auto 0 !important;
	}
.buckets img {
    padding-bottom: 17px !important;
	}

.diagonalPhoto.styleFourTwo	{
	position: relative !important;
	z-index: 0 !important;
	height:700px !important;
	}
.whiteFlush .diagonalPhoto.styleFourTwo+.content	{
	position:relative !important;
	padding-top: 0px !important;
	top:0
	}
	@media (max-width: 700px) {
		.diagonalPhoto.styleFourTwo	{
		  position: relative !important;
		  z-index: 0;
		  height:400px !important;
		  }

		.diagonalPhoto.styleFourTwo	.main{
			height:400px !important;
		}

		.whiteFlush .diagonalPhoto.styleFourTwo+.content	{
			position:relative !important;
			padding-top: 50px !important;
			top:0 px
			}
		}	
.microContentOverlay-content .editable ul {
    margin: 0 0 10px 0;
	float: none!important;
}