mai.middle {
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-container {
    max-width: 100rem
}
.notablenumber .phone {
    padding-top: 1rem
}
@media print, screen and (max-width: 40em) {
    .overphotomargin {
        margin-top: -16rem
    }
}
.image-feature {
    padding-bottom: 1rem
}
.body_accommodation-new h1 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.body_accommodation-new h2 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.body_accommodation-new h3 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.body_accommodation-new h4 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.new h1 {
    font-size: 1.6rem;
    font-family: museo, serif;
    font-weight: 500
}

@media print, screen and (min-width: 40em) {
    .new h1 {
        font-size: 1.8rem;
    }
}


.new h2 {
    font-size: 1.5rem;
    font-family: museo, serif;
    font-weight: 500
}
.new p {
    line-height: 1.7;
}
@media print, screen and (min-width: 40em) {
    .new h2 {
        font-size: 1.8rem;
    }
}
.new h3 {
    font-size: 1.4rem;
    font-family: museo, serif;
    font-weight: 500
}
@media print, screen and (min-width: 40em) {
    .new h3 {
        font-size: 1.8rem;
    }
}

.body_offers h3 {
	font-style: normal !important;
	text-transform: uppercase;
	font-size: 1.4rem !important
}



.new h4 {
    font-size: 1.4rem;
    font-family: museo, serif;
    font-weight: 500;
    margin-bottom: 0
}

@media print, screen and (min-width: 40em) {
    .new h3 {
        font-size: 1.5rem;
    }
}


.new h5 {
    font-size: 1.4rem;
    font-family: museo, serif;
    font-weight: 500;
    margin-bottom: 0
}
.body_accommodation h1 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.body_accommodation h2 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.body_accommodation h3 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.body_accommodation h4 {
    font-size: 1.8rem;
    font-family: museo, serif;
    font-weight: 500
}
.middle {
    display: flex;
    align-items: center;
}
.videotext h2 {
    text-transform: inherit;
}
.redbutton {
    background: #ff3019 !important;
}
.videotext h2 {
    text-transform: inherit;
}
.videotext h2 {
    font-family: museo, serif;
    font-weight: 500;
    margin-top: -12rem;
    color: #FFF;
    font-size: 2.5rem;
    text-align: center;
    text-shadow: none;
}
@media print, screen and (min-width: 40em) {
    .videotext h2 {
        display: none;
        margin-top: 120px;
        color: #FFF;
    }
}
@media print, screen and (min-width: 64em) {
    .videotext h2 {
        display: block;
        margin-top: 130px;
        color: #FFF;
        font-size: 3rem;
    }
}
.readmore ul {
    font-size: 0.95rem
}
normal-rooms ul li {
    font-size: 0.95rem
}
.fallsfac {
    background-color: #6b9eac;
    margin: 2rem 0;
    border-radius: 4px
}
.fallsfactext p {
    padding: 1rem 1rem 0.3rem 1rem;
    color: white
}
.fallsfactext h2 {
    font-size: 1.8rem;
    padding-left: 1rem;
    color: white;
    margin-top: 1rem;
    margin-bottom: -0.5rem
}
.fallsfactext h3 {
    font-size: 1.6rem;
    padding-left: 1rem;
    color: white;
    margin-top: 1rem;
    margin-bottom: -0.5rem
}
.fallsfactext h4 {
    font-size: 1.6rem;
    padding-left: 1rem;
    color: white;
    margin-bottom: -0.5rem
}
.fallsfactext hr {
    margin: 1rem
}
.fallsfac img {
    margin: 0 auto;
    display: block;
    width: 10rem;
    padding-top: 2rem
}
.fallssml {
    background-color: #6b9eac;
    margin: 2rem 0;
    border-radius: 4px;
    text-align: center
}
@media print, screen and (min-width: 40em) {
    .fallssml {
        margin: 0rem 0;
        text-align: left
    }
}
.fallssml p {
    padding: 1rem 1rem 1rem 0rem;
    color: white
}
.fallsvert img {
    margin: 0 auto;
    display: block;
    width: 6rem;
    padding-top: 2rem
}
a.whitelink {
    color: white;
    font-weight: bold
}
.sparevealbutton {
    color: white !important;
    padding-left: 1rem;
    background-color: inherit !important;
    font-size: 0.95rem
}
.sparevealbutton:after {
    display: none
}
.spareveal {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.tile__content h2 {
    padding: 0 1rem 0 1rem;
    font-size: 2rem;
    text-transform: capitalize
}
.room-features {
    margin-top: 1rem;
    margin-bottom: 3rem
}
.room-features img {
    width: 50px;
    margin: 10px auto;
}
.room-border {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}
.feature-slide {
    padding: 1rem 0
}
.feature-slide div {
    text-align: center;
}
.feature-slide p {
    padding: 0 1rem;
    line-height: 1.3
}
@media print, screen and (min-width: 40em) {
    .feature-slide p {
        padding: 0 1.5rem;
    }
}
.feature-slide .icon {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    display: block;
    color: #333
}
.body_eat-and-drink .newyearbanner, .body_menus .newyearbanner {
    display: none;
}
.body_eat-and-drink .festiveeatdrink, .body_menus .festiveeatdrink {
    display: block !important;
}
.mousescrollicon {
    width: 28px;
    background-color: white;
    border-radius: 20px;
    padding: 0px !important;
}
/***************** CHAT ************************/
.body_index .hi-widget-container {
    display: none
}
.body_spa .hi-widget-container {
    display: none
}
@media print, screen and (min-width: 40em) {
    .body_index .hi-widget-container {
        display: block
    }
}
/***************** CHAT END  ************************/
/***************** PARTY NIGHTS ************************/
.image-feature img {
    padding: 1rem 0
}
.image-feature:nth-child(odd) {
    background-color: #F6F6F6
}
.image-feature {
    margin: 2rem 0;
    padding-bottom: 0
}
@media print, screen and (max-width: 40em) {
.image-feature .whitespace {
    padding: 2rem 0
}
}
@media print, screen and (min-width: 40em) {
    .image-feature:nth-child(odd) .whitespace {
        padding: 2rem 0
    }
}
.image-feature .whitebutton {
    font-family: 'Nunito', sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
}
.rounded {
    border-radius: 30px;
    margin-top: -5px;
    margin-bottom: 10px
}
@media print, screen and (max-width: 40em) {
    .rounded {
        margin: 1rem 0;
    }
}
.menubutton {}
@media print, screen and (min-width: 40em) {
    .menubutton {
        float: right
    }
}
.lSSlideOuter .lSPager.lSGallery {
    margin-top: -5px !important
}
.imggal img {
    cursor: pointer
}




.menulist a {
    font-size: 20px;
 
}



.menulist p{
	margin-bottom:0.5rem
}



@media print, screen and (max-width: 40em){
	ul.menulist li{
	list-style: none
	
}
} 



/********************************** MOBILE LDH **************************************/




/*---------------------
HAMBURGER MENU
----------------------*/
.hamburger-menu {
  position: fixed;
  top: 45px;
  left: 0;
  padding-top: 10px;
  padding-left: 15px;
 
  height: 43px;
  cursor: pointer;
  z-index: 999; 
	color: white 
}


.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 3px;
}

.bar {
  position: relative;
  transform: translateY(10px);
  background: white;
  transition: all 0ms 300ms;
}
		
		@media print, screen and (min-width: 64em) {
			.bar {
				display: none}
		}

.bar.animate {
  background: rgba(255, 255, 255, 0);
}

.bar:before { 
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  background: white;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
  content: "";   
  position: absolute;
  left: 0;
  top: 10px;
  background: #fff; 
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
  top: 0;
	background: #747474; 
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:before {
  bottom: 0;
	background: #747474; 
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*---------------------
Mobiles Menu 
----------------------*/
/*---------------------
Mobiles Menu - Design 
----------------------*/
.mobile-menu ul {
  margin: 0;
  padding: 0;
}

.mobile-menu li {
   letter-spacing: 1px;
    font-size: 0.95rem;
  line-height: 38px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  padding-left: 15px;
	list-style: none;
    width: 100%;
    float:none;
	border-bottom: 1px solid #ddd
}

		
.mobile-menu ul li a {
    letter-spacing: 1px;
    font-size: 0.95rem;
	display: block
}
		
		
.mobile-menu li:first-child {
  margin-top: 70px;
}

.mobile-menu li:hover {
  background: #ddd;
}

.mobile-menu li a {
  text-decoration: none;
  color: black;
}

		.mobile-red{
			background: #ff3019;
			
		}
		
			li.mobile-red a{
		
			color: white
		}
		
		
			li.mobile-red:hover{
			background: #ff3019;
			
		}
		
		
		
/*---------------------
Mobiles Menu - Slide IN 
----------------------*/
.mobile-menu {
  top: 35px;
  max-width: 85%;
  left: -100%;
  width: 100%;
  background: #EBEBEB !Important;
  color: black;
  height: 100%;
  position: fixed;
  z-index: 997;
  overflow-y: auto;
  -webkit-transform: translate3d(0, 0, 205px);
  -moz-transform: translate3d(0, 0, 205px);
  transform: translate3d(0, 0, 205px);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.mobile-menu.activemob {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/*---------------------
Mobiles Menu - Dropdown Submenu
----------------------*/
.has-children:hover {
  cursor: hand;
}

.children {
  display: none;
}

.mobile-menu .children li:first-child {
  margin-top: 0px;
}

.icon-arrow1, .icon-arrow2, .icon-arrow3, .icon-arrow4 {
  position: absolute;
  display: block;
  font-size: 0.7em;
  color: #666;
  top: 5px;
  right: 10px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
	 transform-origin: center center;
}

.icon-arrow1:after, .icon-arrow2:after , .icon-arrow3:after , .icon-arrow4:after  {
  content: "▼";
}

.icon-arrow1.open, .icon-arrow2.open, .icon-arrow3.open, .icon-arrow4.open {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
	 transform-origin: center center;
}
	
	
		.mobile-header-mob{
			position: fixed;
    width: 100%;
    top: 36px;
    z-index: 99;
		}

	@media print, screen and (min-width: 64em) {
			.mobile-header-mob{
				display: none
		
		}
		}
		
		
		.hotels-dropdown-fixed{
			position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
		}
		
		.scrollstop{
			overflow: hidden
		}
		
		
		@media print, screen and (max-width: 64em) {
			.page-margin{margin-top:100px}
		}
		
		
		.desktoptoggle{
			margin-left:1rem
		}
	
		
			.social-icons{
				padding:10px 16px;
				margin-bottom: 2rem
			}
		.social-icons p{
		display: inline-block;
		padding-right:12px;
			font-size: 22px
			}
		
		


/********************************** ICON FEATURES - SKIDDAW **************************************/
.active {
    background-color: transparent !important
}
.icon-feature {
  
    padding: 0 0.5rem 0.5rem 0.5rem
}

@media print, screen and (min-width: 40em) {
	.icon-feature {
    float: left;
  
}
	
}


.icon-feature p {
    text-align: center
}
.icon-feature img {
    display: block;
    width: 3rem;
    padding: 1rem 0;
    margin: 0 auto
}
/***************** NEW HOMEPAGES  ************************/
.nunito body {
    font-family: 'Nunito', sans-serif;
}
.hero {
    position: relative
}
.boxspace {
    padding: 2rem
}
@media print, screen and (max-width: 40em) {
    .boxspace {
        text-align: center
    }
}
@media print, screen and (min-width: 40em) {
    .boxspace {
        padding: 3rem
    }
}
@media print, screen and (min-width: 64em) {
    .boxspace {
        padding: 4rem
    }
}
@media print, screen and (min-width: 90em) {
    .boxspace {
        padding: 8rem
    }
}
.arrowmargin {
    margin-top: -7rem;
    height: 8rem;
}
.herocontent {
    position: relative
}
.hero {
    position: relative
}
.hero-header {
    position: absolute;
    top: 100px;
    text-align: center;
    padding: 0 2rem;
    margin: 0 auto;
    width: 100%;
    text-shadow: 0px 0px 16px #000;
    color: white
}
.hero-header .title p {
    font-family: museo, serif;
    font-weight: 500;
    color: #FFF;
    font-size: 1.5rem;
    text-align: center;
    text-shadow: none;
    margin-bottom: 0;
    text-shadow: 0px 0px 16px #000;
}
@media print, screen and (min-width: 40em) {
    .hero-header {
        top: 120px;
        left: 0
    }
    .hero-header h1,  .hero-header h2, .hero-header .title p {
        font-family: museo, serif;
        font-weight: 500;
        color: #FFF;
        font-size: 2.5rem;
        text-align: center;
        text-shadow: none;
        margin-bottom: 0
    }
}
.block-main {
    background-color: rgba(37, 35, 122, 0.70);
    display: inline-block;
    padding: 2rem;
}
.block-main p {
    margin-bottom: 0
}
.hero-header-main {
    text-shadow: 0px 0px 0px #000;
}
@media print, screen and (min-width: 64em) {
    .hero-header {
        top: 200px;
    }
}
.hero-header p {
    color: white;
    font-size: 1.1rem;
    line-height: 1.5
}
@media print, screen and (min-width: 64em) {
     .hero-header h1, .hero-header h2, .hero-header .title p {
        display: block;
        color: #FFF;
        font-size: 2.5rem;
    }
}
.hero-header-main {
    top: 170px;
}
@media print, screen and (max-width: 40em) {
    .hero-arrow {
        display: none
    }
}
.hero-arrow {
    position: absolute;
    top: 500px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
/*whats this*/
.hero-text {
    position: absolute;
    top: 20%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.hero-text p {
    color: white;
    font-size: 1.1rem
}
/*******************/
.hero-heightcontent {
    margin-top: -50px;
    z-index: 2;
    position: relative;
    z-index: 1
}
.body_spa .hero-heightcontent {
    display: none
}
@media print, screen and (min-width: 64em) {
    .hero-heightcontent {
        margin-top: -11.8rem;
        z-index: 1;
    }
    .body_spa .hero-heightcontent {
        display: block
    }
}
@media print, screen and (min-width: 64em) {
    .hero-heightcontent {
        position: absolute;
        top: 3rem;
        right: 2rem;
        margin-top: 0rem;
        z-index: 1;
    }
}
.main-hero {
    height: 380px;
}
@media print, screen and (min-width: 64rem) {
    .main-hero {
        height: 450px;
    }
}
.main-video {
    width: 100%;
    display: block;
    height: 380px;
}
@media print, screen and (min-width: 40rem) {
    .main-video {
        height: 520px;
    }
}
@media print, screen and (min-width: 64rem) {
    .main-video {
        height: 650px;
    }
}
.hero-height {
    height: 400px;
    overflow: hidden;
}
@media print, screen and (min-width: 40rem) {
    .hero-height {
        height: 600px;
        overflow: hidden;
    }
}
@media print, screen and (min-width: 64em) {
    .hero-height {
        height: 100vh;
        overflow: hidden;
    }
}
.bookform {
    position: relative;
    padding: 5px 10px;
    z-index: 1;
    width: 100%;
    margin: 0 0rem 0 0;
    border: 0;
}
@media print, screen and (min-width: 40em) {
    .bookform {
        padding: 10px 10px;
    }
}
.bookadults {
    display: none
}
@media print, screen and (min-width: 40em) {
    .bookadults {
        display: block;
    }
}
@media print, screen and (min-width: 64em) {
    .bookadults {
        display: none
    }
}
.bookformelement label {
    margin: 0;
    font-size: 0.6rem;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase
}
.bookformarrival {
    display: inline-block;
}
.bookformdate {
    margin: 0.3rem 0 0.4rem 0;
    height: 2.2rem;
}
.bookformselect {
    margin: 0.3rem 0 0.5rem 0;
    border: none;
    height: 2.2rem;
    font-size: 0.8rem;
    line-height: 1
}
.bookformhotels {
    margin: 0.2rem 0 0.4rem 0;
    border: none;
    height: 2.2rem;
    font-size: 0.8rem;
    line-height: 1;
}
.bookformelement input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: normal;
    line-height: 1;
    color: #0a0a0a;
    background-image: url(https://www.lakedistricthotels.net/assets/core/images/base/cal.png);
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    padding-right: 1.5rem;
    transition: none;
}
.bookformpromo input[type=text] {
    background-image: none;
    padding-right: 0rem;
}
.bookformpromo label {
    font-size: 0.7rem;
    padding-top: 0.6rem;
}
.bookformpromobox {
    width: 6rem;
    float: left;
    margin: 0.5rem 0 0.5rem 0;
    height: 1.3rem;
}
.book-button {
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-weight: normal;
    color: #fff;
    width: 100%;
    display: inline-block;
    font-size: 17px;
    text-transform: uppercase;
    text-decoration: none;
    background: #ff3019;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 0.4rem;
    line-height: normal;
    padding: 8px 15px;
	letter-spacing: 1px
}
@media print, screen and (min-width: 40em) {
    .book-button {
        margin-top: 1.3rem
    }
}
@media print, screen and (min-width: 64em) {
    .book-button {
        margin-top: 0.4rem
    }
}
.promo {
    background-image: none !important;
    height: 1.7rem;
    margin: 0.3rem 0 0.5rem 0;
}
.bestratebox {
    padding: 0 1rem;
    color: #FFFFFF;
    z-index: 1;
    margin-top: 0rem;
    margin-bottom: 0px;
    background-color: inherit;
    text-align: center
}
.bestratebox p {
    color: #FFFFFF;
    line-height: 19px;
    font-size: 0.7rem;
    padding-top: 0.65rem;
    padding-bottom: 0.8rem;
    margin: 0
}
.bestratebox h3 {
    color: #FFFFFF;
    line-height: 19px;
    font-size: 0.7rem;
    padding: 0;
    margin: 0;
}
.whitebox {
    background-color: white;
    text-align: center;
}
.whitebox img.one {
    margin: 0.5rem 0 0.5rem 0;
    background-color: white;
    padding: 0.3rem;
    width: 170px;
    display: inline-block;
    text-align: left;
}
.whitebox img.two {
    margin: 0.5rem 0 0.5rem 0;
    background-color: white;
    padding: 0.3rem;
    width: 85px;
    display: inline-block;
    text-align: left;
}
@media print, screen and (min-width: 40em) {
    .whitebox img.one {
        width: 160px;
    }
    .whitebox img.two {
        width: 75px;
    }
    .blogpadding {
        padding: 3rem 0
    }
}
.booking-tabs {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}
[type='checkbox'] + label, [type='radio'] + label {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media print, screen and (min-width: 64em) {
    .booking-tabs {
        display: flex;
        flex-wrap: wrap;
        width: 270px;
    }
}
.top-tabs {
    order: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    margin-right: 0.1rem;
    cursor: pointer;
    background-color: rgba(70, 70, 70, 0.8);
    font-weight: bold;
    transition: background ease 0.3s;
    color: white;
    width: 50%;
    text-align: center;
}
.home-feature {
    background-color: #F6F6F6;
    padding: 6rem 0;
}
@media print, screen and (max-width: 40em) {
    .home-feature {
        text-align: center
    }
}

.blog-post img{
    height: 270px;
    width: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 1rem;

}

 .blog-post p{
		  display: none
			  }
	  
	    .blog-post h4{
		  text-align: center;
			font-style: normal;
			font-size: 1.5rem
			  }
	  

/********************************************* OFFER SLIDER BOX ***********************************************/
.offerbox {
    position: absolute;
    top: 5rem;
    left: 0rem;
    z-index: 20;
    text-align: center;
    width: 100%
}
.offerbox .title p {
    display: block;
    color: #FFF;
    font-size: 1.6rem;
    font-family: museo, serif;
    margin: 0
}
.offerbox p {
    font-size: 1.1rem;
    text-shadow: 0px 0px 30px black;
	margin:0
}
.hero-links {
    display: block;
    padding-top: 1rem;
    margin-left: 0rem;
    text-shadow: 0px 0px 25px #333;
}
.hero-links a {
    font-size: 1.1rem;
    color: white;
    font-weight: 400;
    padding-right: 2.5rem;
    transition: 0.3s
}
.hero-links a:hover {
    color: #ddd;
}
.text svg {
    vertical-align: middle
}
@media print, screen and (max-width: 40em) {
    .hero-links-two {
        display: none
    }
}
@media print, screen and (min-width: 40em) {
    .offerbox {
        top: 10rem;
        text-align: center
    }
    .offerbox .title p {
        font-size: 2.7rem;
    }
    .hero-links {
        padding-top: 1rem;
    }
}
@media print, screen and (min-width: 64em) {
    .offerbox {
        top: 12rem;
    }
    .offerbox .title p {
        font-size: 2.5rem;
    }
}
.royalSlider {
    z-index: 0;
}
.rsContent {
    background: black;
}
img.rsImg {
    max-width: none;
    opacity: 0.8;
}
/********************************************* Booking box tabs ***********************************************/
.booking-tabs .tab {
    order: 9;
    flex-grow: 1;
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 1);
}
@media print, screen and (min-width: 64em) {
    .booking-tabs .tab {
        padding: 1rem 0rem 0;
        background-color: rgba(0, 0, 0, 0.8);
    }
}
.booking-tabs input[type="radio"] {
    display: none;
}
.booking-tabs input[type="radio"]:checked + label {
    background-color: rgba(0, 0, 0, 0.8);
    color: white
}
.booking-tabs input[type="radio"]:checked + label + .tab {
    display: block;
}
[type='checkbox'] + label, [type='radio'] + label {
    margin-right: 0rem;
    margin-left: 0 !important;
    margin-top: 0.5rem;
}
.tab-two-content p {
    color: white;
    padding: 1rem 1rem 0 1rem;
    text-align: center
}
/********************************************* Booking box tabs END ***********************************************/
/******************************************** New xmas and new year page  ********************************************************/
.xmasbackground {
    background-color: #aea26240;
    padding-bottom: 11rem;
    border-bottom: 2px #aea262 solid;
}

.nyebackground {
    background-color: #a6a6a640;
    padding-bottom: 11rem;
    border-bottom: 2px #a6a6a6 solid;
}




.xmasnew .image-feature:nth-child(odd) {
    background-color: transparent
}


.xmasevents .image-feature:nth-child(odd) {
    background-color:#f1dfcc
}
.xmasnew .menubutton {
    background: white;
    font-size: 14px !important;
	border:0
}


.xmasnew .menubutton:hover {
    background: #666
   
}

.xmasevents .grey-button{
	margin-top:1rem;
	border:0
}



.xmasnew .image-feature {
    margin: 0rem 0rem;
    padding: 0rem
}
@media print, screen and (min-width: 62em) {
    .xmasnew .image-feature {
        margin: 0rem 0;
        padding: 3rem 0 1rem 0
    }
}



@media print, screen and (min-width: 62em) {
    .xmasevents .image-feature {
        margin: 0rem 0;
      padding:2rem 1rem
    }
}


.xmasnew h1, .xmasnew h3 {
    font-family: "sybarite", serif !important;
    font-weight: 600;
    font-size: 2rem !important;
    color: #aea262
}




.xmasnew h5 {
    font-family: "Dancing Script", cursive !Important;
    font-weight: 600;
    font-size: 1.9rem !important;
    color: #aea262;
    margin-bottom: 1rem;
    border-bottom: 2px solid #aea262;
    padding-bottom: 1rem
}


.nyenew h1, .nyenew h3, .nyenew h5  {
	 color: #a6a6a6;
	
}

.nyenew h5  {
	
	 border-bottom: 2px solid #a6a6a6;
}

.xmasnew p{
	margin-bottom: 0
}


.xmasfonttop {
    font-family: "sybarite", serif !important;
    font-weight: 600;
    color: #aea262 !Important;
    font-size: 2.5rem !important;
	line-height: 1.1 !important;
	padding-bottom: 25px;
}

.nyefonttop{
	color:#b6b5b0 !important
}

@media print, screen and (min-width: 62em) {
	.xmasfonttop {
    font-size: 3rem !important;
		line-height: 1.5 !important;
		padding-bottom: 0px;
}
}


.xmasfontscript {
    font-family: "Dancing Script", cursive !Important;
}
.whitespacexmas {
    padding: 2rem 1rem 2rem 1rem
}
@media print, screen and (min-width: 62em) {
    .whitespacexmas {
        padding: 0rem 0 2rem 2rem
    }
}
.xmaslist li::marker {
    color: #aea262
}

.nyelist li::marker {
   color: #a6a6a6
}



.xmasspeech p{
	font-size: 1.2rem; 
	border-bottom: 2px solid #aea262; 
	border-top: 2px solid #aea262; 
	padding: 1rem 0; 
	margin-top:3rem ;
	
}

.xmasspeech .fas{
color: #aea262
}

.speechname{
	font-style: italic; 
	font-size: 14px;
	color: black
}

.nyespeech p{
	
	border-bottom: 2px solid #a6a6a6;
	border-top: 2px solid #a6a6a6;
	
	
}
.nyesilver{
color: #a6a6a6;
}

.xmasgold{
color:  #aea262;
}


 

.body_christmas-breaks1 .signup{
	display: none
}



.body_christmas-breaks .signup{
	display: none
}


.body_new-year-breaks .signup{
	display: none
}


.body_new-year-breaks1 .signup{
	display: none
}


/******************************************** Christmas NYE badge  ********************************************************/

.newpackage{
		background-color: white;
		color: black;
	border-radius: 50%;
		text-align: center;
	

		width: 200px;
		height: 200px;
		position: absolute;
		left: 30px;
		top:620px;
			
		rotate: -10deg;
        padding:10px 20px
		
	}
	
	.newpackage p{
			font-size: 27px;
        line-height: 1.1;
        padding-top: 1.2rem;
        font-weight: bold;
		color: #aea262
	}
    
    .packagesml{
       display: inline-block;
    font-size: 24px;
    line-height: 1.2;
        padding-top:5px
        
    }
    
    .newpackage a{
			font-size: 24px;
     
        font-weight: bold;
		color: #aea262;
        text-decoration: underline
	}
	
	.xmasfonttop{
		padding-bottom: 0
	
	}
	  
	
	   @media print, screen and (max-width: 64em) {
	
		   .newpackage{
	
		position: absolute;
		left: 30px;
			top:450px;
		
	}
	
		   
	  }
	
	   @media print, screen and (max-width: 40em) {
	
		   .newpackage{
	
		position: absolute;
		left: 30px;
			top:300px;
			 
		
	}
		   
		  
		   
	  }
    


/******************************************** Offers page  ********************************************************/
.offerhotelprice {
    background-color: white;
    margin-top: -2.5rem;
    padding: 10px;
    z-index: 10;
    position: absolute;
    width: 12rem;
    right: 16px;
    "

}
.offerends {
    font-size: 11px;
    text-transform: uppercase;
    background-color: #666;
    color: white;
    padding: 5px;
    font-family: nunito;
    vertical-align: middle
}
.offersdate {
    background: rgba(255, 255, 255, 0.9) !important;
}
@media print, screen and (max-width: 40em) {
    .hoteloffers {
        padding: 0 0.7rem 2rem 0.7rem !important;
        text-align: center
    }
}
.hoteloffers {
    background: #fbf9f9;
    margin-bottom: 2rem;
}
.offersimage {
    background-size: cover;
    background-position: center center;
    height: 170px;
    margin-top: 1rem
}
.offerstitle {
    background-color: rgba(53, 53, 53, 0.39);
    padding: 2rem 1rem 4rem 1rem;
    color: white
}
.offersdate {
    margin-bottom: 1rem
}
.hoteloffers h4 {
    margin-bottom: 1rem
}
ul.offersbullet {
    margin: 0
}
ul.offersbullet li {
    background: url('https://www.lakedistricthotels.net/assets/core/images/base/tick.png') no-repeat;
    padding: 0 0 0 1rem;
    list-style: none;
    margin: 0;
    vertical-align: middle;
}
@media print, screen and (max-width: 40em) {
    ul.offersbullet li {
        background: none;
    }
}
.offersbullet p {
    margin-bottom: 0.7rem;
    padding-left: 5px;
    line-height: 1.2
}
.buttonleft {
    margin-bottom: 1rem;
    margin-top: 1rem
}
@media print, screen and (min-width: 40em) {
    .buttonleft {
        float: right;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
}
/* #Square Boxes
================================================================================================== */
.tile {
    width: 100%;
    height: 400px;
    margin: 0rem auto;
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
}
@media print, screen and (max-width: 40em) {
    .tile {
        height: 250px;
    }
}
.tile-spa {
    height: 300px;
}
.tile::after {
    content: "";
    position: absolute;
    display: block;
    background-color: rgba(52, 73, 94, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: visible;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s;
}
.tile:hover::after, .tile:focus::after {
    visibility: visible;
    opacity: 1;
}
.tile__media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.9s;
    transform: scale(1);
    backface-visibility: hidden;
    opacity: 0.7;
}
.tile:hover .tile__media, .tile:focus .tile__media {
    transform: scale(1.2);
}
.tile__content {
    top: 35%;
    right: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    color: #fff;
    font-size: 3rem;
    transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
    transform: scale(1), ;
    backface-visibility: hidden;
}
.tile:hover .tile__content, .tile:focus .tile__content {
    visibility: visible;
    opacity: 1;
    transform: scale(1.2);
}
.tile__content h2 {
    padding: 0 1rem 0 1rem;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: normal
}
.tile__content h3 {
    padding: 0 3.4rem 0 3.4rem;
    font-size: 2rem;
    text-transform: uppercase
}
.squareboxbox {
    padding-bottom: 0rem;
    padding: 0rem 0;
}
.tile {
    background-color: #000
}
.boxpadding {
    padding: 0.5rem
}
.tile::after {
    transition: visibility 0.9s, opacity 0.9s;
}
.tile:hover .tile__media, .tile:focus .tile__media {
    transform: scale(1.1);
}
.tile:hover .tile__content, .tile:focus .tile__content {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.tile__content {
    top: 45%;
}
.tile__content h3 {
    padding: 0 3.4rem 0 3.4rem;
    font-size: 2rem;
    text-transform: capitalize
}
.tile__content h2 {
    padding: 0 1rem 0 1rem;
    font-size: 2rem;
    text-transform: capitalize;
    margin-bottom: 0
}
.tile__content p {
    padding: 0 1rem 0 1rem;
    font-size: 1.2rem;
}
@media print, screen and (max-width: 40em) {
    .tile__content {
        top: 35%;
    }
    .tile__content h2 {
        padding: 0 1rem 0 1rem;
        font-size: 1.5rem;
        text-transform: capitalize;
        margin-bottom: 0
    }
	.tile__content p {
    padding: 0 1rem 0 1rem;
    font-size: 1.1rem;
}
}
.white-button {
    border: 1px solid #aaa;
    color: #222;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 17px 25px;
    margin: 0rem 0rem 1rem 0rem;
    letter-spacing: 1px;
}
.page-template .white-button {
    margin-top: 1rem
}
.white-button:hover {
    background-color: #EDEDED;
    color: #222222
}
.dark-button {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 17px 30px;
    margin: 0rem 0rem 1rem 0rem;
    letter-spacing: 1px;
}
.grey-button {
    border: 1px solid #fff;
    color: #fff;
    background-color: #444;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 17px 30px;
    margin: 0rem 0rem 1rem 0rem;
    letter-spacing: 1px;
}
.tab .grey-button {
    border: 1px solid #fff;
    color: #fff;
    background-color: #444;
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 14px 10px;
    margin: 8px 0;
    letter-spacing: 0px;
}
.page-template .grey-button {
    margin-top: 1rem
}
.grey-button:hover {
    background-color: #666;
    color: #fff;
}
@media print, screen and (max-width: 40em) {
    .grey-button {
        margin-bottom: 5px;
    }
}
.festive-button {
    background-color: #c0ba78;
    border: none;
    color: white
}
.black-button {
    background-color: black
}
.red-button {
    border: 1px solid #FF0004;
    color: #fff;
    background-color: #FF0004;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 17px 25px;
    margin-bottom: 0.4rem;
    margin-top: 0.4rem;
    letter-spacing: 1px;
}
.red-button:hover {
    background-color: #666;
    color: #fff;
}
@media print, screen and (max-width: 40em) {
    .red-button {
        margin-bottom: 5px;
        margin-top: 5px
    }
}
.spa-button {
    border: 1px solid #fff;
    color: #fff;
    background-color: #6b9eac;
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 17px 30px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    letter-spacing: 1px;
}
.spa-button:hover {
    background-color: #666;
    color: #fff;
}
.gift-button {
    color: #fff;
    background-color: #bbb;
    display: inline-block;
    font-size: 0.8rem;
    text-transform: uppercase;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
    text-decoration: none;
    cursor: pointer;
    line-height: 1.2;
    padding: 13px 20px;
    letter-spacing: 1px;
}
.bg-image {
    background-size: cover;
    background-position: center center;
    min-height: 350px;
}


.bg-image-large {
    min-height: 450px;
}


/********************************************* Footer ***********************************************/
.line-drawing-wedding {
    background-image: url(https://www.lakedistricthotels.net/new/wp-content/uploads/2021/09/line-wedding.svg);
    right: 0;
    bottom: 0;
    width: 5rem;
}
.line-drawing-mountain {
    background-image: url(https://www.lakedistricthotels.net/new/wp-content/uploads/2021/09/mountain-2-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: -4rem;
    bottom: -1.6rem;
    width: 1100px;
    height: 10rem;
    position: absolute
}
.bottom-logo img {
    display: block;
    width: 10rem;
    padding-top: 0rem;
    padding-bottom: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    height: 4rem;
}
.footer-bg {
    background-color: #717171;
    color: white;
    text-align: center;
    padding: 2.5rem 0 2rem 0;
    margin-top: -10px
}
.footerbg p {
    margin-top: 0.5rem
}
.footer-bg a {
    color: white
}
.footer-text {
    padding: 1rem 0 0rem 0
}
@media print, screen and (min-width: 40em) {
    .footer-text {
        padding: 0
    }
}
.footer-phone p {
    font-size: 1.1rem
}
.footer-social a {
    padding: 0 0.1rem
}
.signup {
    background-color: #EBEBEB;
    padding: 3rem 0 9rem 0;
    position: relative;
    overflow: hidden;
    background-image: url(https://www.lakedistricthotels.net/new/wp-content/uploads/2021/09/mountain-2-1.svg);
    background-position: -10px bottom;
    background-repeat: no-repeat;
    background-size: 1162px auto;
}
.signup-form {
    padding: 1rem 0;
}
@media print, screen and (min-width: 40em) {
    .signup-form {
        padding: 3.5rem 0 0 0;
    }
    .signup {
        background-color: #EBEBEB;
        padding: 6rem 0
    }
}
.signup-form input {
    width: 95%;
    height: 4rem;
    font-size: 18px;
    padding: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    margin: 0px 20px 18px 0px;
    font-weight: normal
}
.signup-form input[type="submit"] {
    background-color: #6fa571 !important;
    color: #fff !important
}
.signup-form label {
    color: #000000
}
.signup-form [type='text'] {
    height: 4rem;
    margin: 0 0 1rem;
    padding: 17px !important;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0px 0px rgb(10 10 10 / 10%);
    box-shadow: inset 0 0px 0px rgb(10 10 10 / 10%);
    font-family: inherit;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    */ -moz-appearance: none;
    appearance: none;
}
.ldhfooter {
    background-color: #333;
    color: white
}
.ldhfooter a {
    color: white
}