/* BASIC */
body { background: #99CCFF; margin:0 auto; overflow-x: hidden; }
form { font-family: "Gill Sans MT", Mukta; font-size: 1.0em; letter-spacing:0.04em; color: #fff; margin:0 auto; margin-top:0px; margin-bottom:0px; width:100%; line-height:1.6em; padding:0px; overflow-x:hidden; }
input { font-family:"Gill Sans MT", Mukta; }
h1 { font-size:2.8em; text-transform:uppercase; margin:30px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.2em; }
h2 { font-size:2.1em; text-transform:uppercase; margin:30px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.2em; }
h3 { font-size:1.8em; text-transform:none; margin:30px 0px; font-weight:500; letter-spacing:0.03em; line-height:1.2em;}
h4 { font-size:1.4em; text-transform:none; margin:30px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.5em;  }
p { margin-top:0px; margin-bottom:10px; font-family:"Gill Sans MT", Mukta;}
input[type="submit"], input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0; }
a:link, a:active, a:visited { color: #eee; }
a:link:hover, a:active:hover, a:visited:hover { color: #fff; }
select {  border-radius:3px; color:#424242; }
select:focus { outline:none; }

.mobile-dropdown {
    display: flex;
    flex-direction: column;
    background:#444;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:200;
}

.mobile-dropdown a, .mobile-dropdown button {
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0px 0;
    text-align: left;
    cursor: pointer;
}

/* BASIC */
ul.ticks li { list-style:none; background:url(/images/tick.png) no-repeat; padding:0px 0px 10px 45px; margin-bottom:5px; }

/* NOT FOUND */
.notfound{ margin-top:200px; min-height:400px;  text-align:center; color: #fff; }
html.sr .load-hidden { visibility: hidden; }

/* HEADER */
.header { position: fixed; width:100%; height:40px; text-align:center; z-index:10000; padding:25px 0px 25px 0px; background:#99CCFF; }
.header .logo { height:40px; }
.header .logo img { height:100%; }
.header .menuicon { position: absolute; top:29px; height:34px; left:30px; transition:0.25s; opacity:0.8; }
.header .menuicon:hover { cursor:pointer; opacity:1; }
.header .menuicon img { height:100%; }
.header .contact { position: absolute; top: 33px; left:110px; }
.header .contact a:link, .header .contact a:active, .header .contact a:visited { text-decoration:none; color: #eee; transition:0.25s; }
.header .contact a:link:hover, .header .contact a:active:hover, .header .contact a:visited:hover { color: #fff; }
.header .phone { display:none;  transition:0.25s; opacity:0.8; }
.header .phone:hover { opacity:1; }
.header .vouchers { position: absolute; top: 0px; right:190px; width:170px; }
.header .vouchers a:link, .header .vouchers a:active, .header .vouchers a:visited { display:block; width:calc(100% - 20px); height:calc(100% - 64px); text-align:center;  padding:32px 10px; font-size:1.2em; transition:0.25s; background: #A09690; color: #fff; text-decoration:none; }
.header .vouchers a:link:hover, .header .vouchers a:active:hover, .header .vouchers a:visited:hover { background: #89807B; cursor: pointer; }
.header .booknow { position: absolute; top: 0px; right:0px; width:170px; height:calc(100% - 64px); text-align:center;  padding:32px 10px; font-size:1.2em; transition:0.25s; background-color: #726B67; color: #fff; text-decoration:none; background-image:url(/images/base/downarrow.png); background-repeat:no-repeat; background-size: 16px 9px; background-position: calc(50% - 2px) calc(100% - 14px); }
.header .booknow:hover { background-color: #544F4C; cursor: pointer; }
.header .booknow ul { position: relative; top: 13px; width:190px; left:-10px; background-color: #BAAEA7; display:none; list-style-type:none; padding:0px; }
.header .booknow:hover ul { display:block; }
.header .booknow li a:link, .header .booknow li a:active, .header .booknow li a:visited { padding:15px 10px; width:calc(100% - 10px); background-color: #726B67; display:block; text-decoration:none; transition:0.25s; color: #fff; font-size:1.0em; padding-left:0px; border-top: solid 0px #aaa; }
.header .booknow li a:link:hover, .header .booknow li a:active:hover, .header .booknow li a:visited:hover { background:#938A85; }

/* ORIGINAL */
#original { position: fixed; top:90px; left:0px; border: solid 10px #D8CBC3; z-index:50000; max-width:400px; background: #BAAEA7;; }
#original .item { width:200px; height:30px; padding:16px 0px; display:inline-block; vertical-align:top; text-align:center; background: #BAAEA7; transition:0.25s; position:relative; }
#original .item:hover { background: #A59B95; }
#original .item img { max-width:calc(100% - 40px); max-height:30px;  position: absolute;  top: 25%; transform: translateY(-50%); left: 50%; transform: translateX(-50%); }

#main { margin-top:90px; }

/* MENU */
#menu { position: fixed; left:0px; top:0px; background:#99CCFF; width:280px; height:100%; z-index:20000;  transition-duration:0.5s;  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); overflow:visible; opacity:0; color: #fff; padding:20px 30px; left:-340px; }
#menu.open { transition-duration:0.5s; width:280px; opacity:1; left:0px; }
#menu .close { position: absolute; top:12px; right:12px; color: #999; font-size:2.0em; transition:0.25s; width:20px; transition:0.25s; opacity:0.6;  }
#menu .close:hover { cursor: pointer; opacity:1; }
#menu .close img { width:100%; }
#menu .close2 { position: absolute; top:12px; right:60px; color: #999; font-size:1.2em; transition:0.25s; width:20px; transition:0.25s; opacity:0.6; z-index:100; color:#A39892; text-transform:uppercase; display:none;  }
#menu .close2:hover { cursor: pointer; opacity:1; }
#menu .close2 img { width:100%; }
#menu h2 { font-size:2.2em; margin-bottom:10px; margin-top:5px; text-transform:none; }
#menu ul {margin:0; padding:0; list-style-type: none; margin-top:70px;  position: relative; width:calc(100% + 75px); margin-left:-30px; z-index:50; }
#menu ul li { position: relative;  }
#menu li { width:100%; }
#menu li:hover { }
#menu li a { display:block; color: #eee; font-size:1.3em; padding: 15px 0px 15px 30px;  text-decoration: none; font-weight:300;  border-bottom: solid 0px #888; overflow-y:hidden; width:calc(100% - 45px); transition:0.25s; z-index:25; text-transform:uppercase; letter-spacing:0.043em; font-weight:500; color: #fff;  }
#menu li.menuwithsubmenu1 a { background-image:url(/images/rightarrow.png); background-size: 12px 18px; background-repeat:no-repeat; background-position: calc(100% - 15px); }
#menu li.menuwithsubmenu a { background-image:url(/images/rightarrow2.png); background-size: 24px 24px; background-repeat:no-repeat; background-position: calc(100% - 15px); }
#menu li a:hover { text-decoration: none; color: #eee; transition:0.25s; background-color: #938A85; }
#menu ul ul { position: fixed; top: -70px; left:370px; width: 0px; overflow:hidden; background: #99cc; transition-duration:0.25s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); opacity:0; padding:90px 0px 20px 0px; height:100%; z-index:500;  }
#menu ul li:focus-within ul { opacity:1; transition-duration:0.25s; width:280px; left:370px; padding:90px 30px 20px 30px; }
#menu li:focus { outline: none !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;  }
#menu li li a { width:calc(100% + 30px); margin-left:-30px; }
#menu li.back a { text-transform:none; }
#menu li.menuwithsubmenu1 li a  { background-image:none; }
#menu li li a:hover { background: #998F89; }

/* MAP */
.map { width:100%; height:100%; padding-bottom:50%; color:#424242; filter:grayscale(100%); }
.map h2 { color: #222; text-transform:none; font-size:1.4em; margin-top:0px; margin-bottom:10px; }
.map .overlay { line-height:1.5em; }

/* VIDEO */
.video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom:20px; } 
.video iframe, .video object, .video embed { position: absolute; top: 0;  left: 0; width: 100%; height: 100%; z-index:100; }

/* THEMES */
.themedark1 { background: #AFEEEE; color:#fff; }
.themedark2 { background: #99ccff; color:#fff; }
.themedark3 { background: #666; color:#fff; }
.themedark1 a:link, .themedark1 a:active, .themedark1 a:visited { color: #eee; }
.themedark1 a:link:hover, .themedark1 a:active:hover, .themedark1 a:visited:hover { color: #fff; }
.themedark2 a:link, .themedark2 a:active, .themedark2 a:visited { color: #eee; }
.themedark2 a:link:hover, .themedark2 a:active:hover, .themedark2 a:visited:hover { color: #fff; }
.themedark3 a:link, .themedark3 a:active, .themedark3 a:visited { color: #eee; }
.themedark3 a:link:hover, .themedark3 a:active:hover, .themedark3 a:visited:hover { color: #fff; }
.themelight1 .button1 a:link, .themelight1 .button1 a:active, .themelight1 .button1 a:visited {  border: solid 2px #888;  color:#424242; }
.themelight1 .button1 a:link:hover, .themelight1 .button1 a:active:hover, .themelight1 .button1 a:visited:hover { background: #A39892; color: #fff; border: solid 2px #A39892; }
.themelight1 .text .button1 a:link, .themelight1 .text .button1 a:active, .themelight1 .text .button1 a:visited {  border: solid 2px #888;  color:#424242; }
.themelight1 .text .button1 a:link:hover, .themelight1 .text .button1 a:active:hover, .themelight1 .text .button1 a:visited:hover { background: #A39892; color: #fff; border: solid 2px #A39892; }
.themelight1 { background: #EAC6C6; color:#424242; }
.themelight1 .picture h3 { color:#fff; text-transform:uppercase; }
.themelight2 { background: #e8e8e8; }
.themelight3 { background: #e4e4e4; }
.themedark1 h3, .themedark2 .text h3 { color: #fff; }
.themedark1 h4, .themedark2 .text h4 { color: #fefefe; }
.themelight1 h3, .themelight2 .text h3 { color:#424242; }
.themelight1 h4, .themelight2 .text h4 { color: #888; }
.themelight1 .text a:link, .themelight1 .text a:active, .themelight1 .text a:visited { color:#424242; transition:0.25s; font-weight:600; }
.themelight1 .text a:link:hover, .themelight1 .text a:active:hover, .themelight1 .text :visited:hover { color: #666; transition:0.25s; }

.text .button1 a:link, .text .button1 a:active, .button1 a:visited { font-weight:300; }
.button1 { margin:40px 0px; margin-bottom:40px; }
.button1 a:link, .button1 a:active, .button1 a:visited {  padding: 12px 30px; border: solid 2px #fff; border-radius:6px; transition:0.25s; color: #fff; text-transform:uppercase; text-decoration:none; text-shadow:none; font-weight:400;  }
.button1 a:link:hover, .button1 a:active:hover, .button1 a:visited:hover { background: #fff; color:#424242; }
.button5 { margin:30px 0px; margin-bottom:40px; }
.button5 a:link, .button5 a:active, .button5 a:visited {  padding: 12px 30px; border: solid 2px #fff; border-radius:6px; transition:0.25s; color: #fff; text-transform:uppercase; text-decoration:none; text-shadow:none; font-weight:400;  }
.button5 a:link:hover, .button5 a:active:hover, .button5 a:visited:hover { background: #fff; color:#424242; }
.text { text-align:left; }
.text .button1 a:link, .text .button1 a:active, .text .button1 a:visited {  padding: 12px 30px; border: solid 2px #fff; border-radius:6px; transition:0.25s; color: #fff; text-transform:uppercase;  text-decoration:none; }
.text .button1 a:link:hover, .text .button1 a:active:hover, .text .button1 a:visited:hover { background: #fff; color:#424242; }

/* COLUMNS */
.column1 { width:calc(100% - 10px); padding:5px; }
.column1 img { }
.column2 { width:calc(50% - 40px); padding:30px 20px; display:inline-block; vertical-align:top;  }
.column2 img { width:100%; }
.column3 { width:calc(33.33% - 40px); padding:10px 20px; display:inline-block; vertical-align:top; margin-bottom:20px;  }
.column3 img { width:100%; }
.column3_2 { width:calc(66.66% - 50px); padding:10px 20px; display:inline-block; vertical-align:top; margin-bottom:20px;  }
.column3_2 img { width:100%; }
.column4 { width:calc(25% - 10px); padding:5px; display:inline-block; vertical-align:top;  }
.column4 img { width:100%; }
.column5 { width:calc(20% - 10px); padding:5px; display:inline-block; vertical-align:top;  }
.column5 img { width:100%; }
.column6 { width:calc(16.67% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:200px;  }
.column6 img { width:100%; }
.column7 { width:calc(14.2% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:171px;  }
.column7 img { max-width:100%; height:auto; object-fit:contain; }
.column8 { width:calc(12.5% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:150px;  }
.column8 img { max-width:100%; height:auto; object-fit:contain;  }
.column9 { width:calc(11.1% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:133px; }
.column9 img { max-width:100%; height:auto; object-fit:contain;  }
.column10 { width:calc(10% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:120px;  }
.column10 img { max-width:100%; height:auto; object-fit:contain;  }
.column11 { width:calc(9.1% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:110px; }
.column11 img { max-width:100%; height:auto; object-fit:contain;  }
.column12 { width:calc(8.5% - 10px); padding:5px; display:inline-block; vertical-align:top; min-width:100px; }
.column12 img { max-width:100%; height:auto; object-fit:contain; }

/* SOCIAL ICONS */
.socialicon { display:inline-block; margin:5px 3px 0px 0px; height:40px; vertical-align:middle; }
.socialicon.large { height:80px; margin:5px 6px 0px 0px; text-align:right; width:100%; }
.socialicon img, .socialicon.large img { height:100%; width:auto; transition:0.25s; }
.socialicon img:hover { filter:brightness(0.75); cursor:pointer; }
.socialicon.large img:hover { filter:brightness(1); cursor:default; }
.text .socialicon img { width:auto; }

/* PHOTO GALLERY */
.photogallery { width:100%; position:relative; padding-bottom:50%; overflow:hidden; }
.photogallery .photo { position: absolute; left:0px; top:0px;  width:100%; height:100%; z-index:0; }
.photogallery .photo .overlay { position: absolute; padding:50px; width:calc(100% - 100px); text-align:center; top:50%; margin-top:-100px; z-index:100; font-size:1.25em; text-shadow: #A39892 1px 1px; color: #fff;  }
.photogallery .photo .overlay h2 { margin-top:0px; margin-bottom:20px; }
.photogallery .photo .overlay h3 { font-size:1.2em; }
.photogallery .photo .credit { position: absolute; z-index:100; bottom:10px; right:15px; text-shadow: #A39892 1px 1px; text-align:center; font-size:0.9em; line-height:1.2em; }
.photogallery .photo3 { width:calc(33.33% - 20px); display:inline-block; margin:10px; vertical-align:middle; }
.photogallery img { object-fit:cover; width:100%; }
.photogallery .leftarrow { position:absolute; top:50%; margin-top:-16px; left:20px; }
.photogallery .leftarrow img { height:32px; opacity:0.5; transition:0.25s; width:21px; }
.photogallery .leftarrow img:hover { cursor: pointer; opacity:1; }
.photogallery .rightarrow { position:absolute; top:50%; margin-top:-16px; right:20px; }
.photogallery .rightarrow img { height:32px;  opacity:0.5; transition:0.25s; width:21px; }
.photogallery .rightarrow img:hover { cursor: pointer; opacity:1; }
.photogallery .labels { position: absolute; bottom:20px; width:100%; z-index:100; text-align:center; }
.photogallery .labels .label { width:20px; height:20px; background: #fff; opacity:0.5; border: solid 0px #fff; border-radius:50%; transition:0.25s; display:inline-block; margin:0px 5px; }
.photogallery .labels .label:hover { opacity:1; cursor:pointer; }
.photogallery .labels .selectedlabel { width:20px; height:20px; background: #fff; opacity:1; border: solid 0px #fff; border-radius:50%; transition:0.5s; display:inline-block; margin:0px 5px; }

/* TEXT */
.text img { width:30px; }
.text a:link img, .text a:active img, .text a:visited img { transition:0.25s; }
.text a:link img:hover, .text a:active img:hover, .text a:visited img:hover { opacity:0.7; }
.text a:link, .text a:active, .text a:visited { color: #fefefe; text-decoration:none; transition:0.25s; }
.text a:link:hover, .text a:active:hover, .text a:visited:hover { color: #fff; text-decoration:none; transition:0.25s; }
.text .accordion { padding:0px 10px; }
.text .accordion li { line-height:1.6em; }
.text .accordion h2 { text-align:center; margin-bottom:20px; text-transform:none; font-size:1.8em; margin-top:0px; }
.text .accordionitem { padding:0px; line-height:1.4em; }
.text .accordionitem h3 { border-top: solid 1px #888; padding:12px 0px; margin:0px; transition:0.25s; text-transform:none; font-weight:400; background:url(/images/base/accordionclosed.png) no-repeat; background-size: 24px 16px; background-position: 100% 17px; font-size:1.5em;  }
.text .accordionitem h3:hover { border-top: solid 1px #888;  transition:0.25s; cursor:pointer; }
.text .accordionitem h3:focus { outline:none; }
.text .accordionitem ul { margin-top:10px;}
.text .accordion .separator { border-bottom: solid 0px #888;  }
.accordionitemopen { background:url(/images/base/accordionclosed.png) no-repeat; }
.accordionitemclosed { background:url(/images/base/accordionopen.png) no-repeat;  }
.text ul { line-height:2em; }

/* CATEGORY SELECTOR */
.categoryselector { background: #f4f4f4; padding: 50px 100px; position:relative; left:50%; margin-left:-2000px; width:3800px; text-align:center; }
.categoryselector h4 { margin-top:0px; color:#424242; margin-bottom:40px; font-weight:300; }
.categoryselector .categories { margin-top:30px; max-width:1000px; margin:0 auto; }
.categoryselector .categories .item { display:inline-block; vertical-align:middle; margin:10px; }
.categoryselector .categories .item .input { padding: 8px 30px; border: solid 2px #A39892; color:#424242; font-size:1.2em; text-transform:lowercase; transition:0.25s; background: #f4f4f4; line-height:1.0em; border-radius:5px; }
.categoryselector .categories .item .input:hover { cursor: pointer; background:#A39892; color: #fff; }
.categoryselector .categories .item .selectedinput { padding: 8px 30px; border: solid 2px #A39892; color: #fff; font-size:1.2em; text-transform:lowercase; transition:0.25s; background: #A39892; line-height:1.0em; border-radius:5px; }

/* PHOTO */
.picture { position: relative; transition:0.25s;   }
.picture img { width:100%; object-fit:cover; }
a:link .picture:hover, a:active .picture:hover, a:visited .picture:hover { filter:brightness(0.8); }
a:link .picture, a:active .picture, a:visited .picture { color: #fff; }
.picture .overlay { position: absolute; padding:50px; width:calc(100% - 50px); text-align:center; top:50%; margin-top:-100px; z-index:100; font-size:1.25em; text-shadow: #A39892 1px 1px; color: #fff; }
.picture .overlay h2 { margin-top:0px; margin-bottom:20px; }
.picture .overlay h3 { font-size:1.2em; }
.picture .credit { position: absolute; z-index:100; bottom:10px; right:15px; text-shadow: #A39892 1px 1px; text-align:center; font-size:0.9em; text-decoration:none; line-height:1.2em; }
.gallery .credit { margin-top:10px; color: #bbb; font-size:0.9em; line-height:1.2em; }
.galleryimage { width:100%; padding-bottom:100%;overflow:hidden; position:relative; }
.galleryimage img { object-fit:cover; width:240%; height:auto; position: absolute; left:-20%; top:-20%; }
sl-caption pos-bottom { font-family:Arial; }

/* TEXT WITH PHOTO */
.textwithphototextleft {  display:inline-block; margin-left:20px; width:calc(50% - 20px); vertical-align:top; padding:0px; font-size:0.9em;  }
.textwithphototextright { display:inline-block; margin-right:20px; width:calc(50% - 20px); vertical-align:top;padding:0px; font-size:0.9em;  }
.textwithphotophotoleft {  display:inline-block; width:50%; vertical-align:top; margin:0px; margin-bottom:20px; }
.textwithphotophotoright { display:inline-block; width:50%; vertical-align:top; margin:0px; margin-bottom:20px; }
.textwithphotophotoleft img { width:100%; }
.textwithphotophotoright img { width:100%; }
.textwithphototexttop { margin-top:10px;  text-align:left; font-size:0.9em; }
.textwithphototextbottom { margin-bottom:10px;  text-align:left;  font-size:0.9em; }

/* TICKER TAPE */
.ticker-tape-container {overflow-x: hidden; max-width:700px; width:50%; display: inline-flex; }
.ticker-tape {--direction: left; --duration: 60s; --delay: 0s; --iteration-count: infinite; display: flex; margin-right:1rem; min-width:100%; align-items: center; flex: 0 0 auto; gap: 1rem; animation:marquee var(--duration) linear var(--delay) var(--iteration-count); animation-play-state: var(--play); animation-delay: var(--delay); animation-direction: var(--direction);}

@keyframes marquee { 0% {transform:translateX(0); } 100% { transform:translateX(-100%); } }

.basic-styling { border-radius:3px; background-color:#99ccff;  padding:.5rem; color:#010101; font-size:1rem; font-family:sans-serif; }

.basic-styling span { padding:0.25rem 1rem; border-radius:10px; border:2px dashed #5fb3ce; background-color:#99ccff; } 

/* FOOTER */
#footer { text-align:center; padding:30px 0px; position:relative; font-size:0.85em; }
#footer img { width:150px; margin-bottom:20px; }

@media only screen and (max-width: 1100px)
{
	.header .contact { display:none; }
	.header .vouchers { display:none; }
}

@media only screen and (max-width: 960px)
{	
	.column3 { width:calc(50% - 10px); padding:5px 5px; display:inline-block; vertical-align:top; text-align:left;  }
	.column3 img {  }
	.column4 { width:calc(50% - 10px); padding:5px 5px; display:inline-block; vertical-align:top; text-align:left;  }
	.column4 img {}
	
	.text {padding:0px 15px; };
	.blogitemdetails {  padding:0px 20px; }
}

@media only screen and (max-width: 720px)
{
	form { font-size: 0.85em; }
	.column3 { width:calc(100% - 20px); padding:5px 10px; display:inline-block; vertical-align:top; text-align:left;  }
	.column3 img {  }
	.column3_2 { width:calc(100% + 20px); padding:5px 10px; display:inline-block; vertical-align:top; text-align:left; margin-right:0px;  }
	.column3_2 img {  }
	
	
@media only screen and (max-width: 640px)
{	
	.text { line-height:1.4em; text-align:left; }
	.text h1 { font-size:1.9em; margin-bottom:16px; }
	.text h2 { font-size:1.6em; margin-bottom:16px; }
	.text h3 { font-size:1.4em; margin-top:20px; margin-bottom:10px; }
	.text h4 { font-size:1.2em; text-transform:none; margin:10px 0px; font-weight:500; letter-spacing:0.02em; line-height:1.5em;  }
	.text li { line-height:1.4em; }
	.button1 a:link, .button1 a:active, .button1 a:visited {  padding: 10px 20px; margin-bottom:60px;  }
	.text .button1 a:link, .text .button1 a:active, .text .button1 a:visited {  padding: 10px 20px; margin-bottom:60px; }
	
	/* ORIGINAL */
	#original { top:75px; left:0px; position: absolute; }
	#original .item { width:200px; height:30px; padding:20px 0px; display:inline-block; vertical-align:top; text-align:center; background: #BAAEA7; transition:0.25s; }

	/* MENU */
	.header { padding:0px; background:none; position: fixed; padding-top:20px; padding-bottom:20px; background: #BAAEA7; height:50px; }
	.header .logo { margin-top:-5px; }
	.header .logo img { max-width:calc(100% - 160px); height:auto; max-height:30px; }
	.header .menuicon { left:20px; top:28px; }
	.header .phone { position: absolute; top: 28px; right:20px; height:30px; display:block; z-index:1000; }
	.header .phone img { height:100%; }
	#menu { width:calc(100% - 60px); left:calc(0px - 100%); top:0px; }
	#menu.open { width:calc(100% - 60px); }
	#menu ul ul { position: fixed; top: -70px; right:0px; left:auto; width: 0px; overflow:hidden; background: #BAAEA7; transition-duration:0.25s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); opacity:0; padding:90px 0px 20px 0px; height:100%;  }
	#menu ul li:focus-within ul { opacity:1; transition-duration:0.25s; width:calc(100% - 60px); left:auto;  padding:90px 30px 20px 30px; }
	#menu .close2 { display:block; }
	
	.header .booknow { display:block; position: absolute; top: 60px; left:50%; margin-left:-60px; width:100px; height:20px; text-align:center;  padding:4px 10px 6px 10px;; font-size:1.2em; transition:0.25s; background-color: #222; color: #fff; text-decoration:none; background-image:none;  font-size:1.0em; }
	.header .booknow:hover { background-color: #111; cursor: pointer; }
	.header .booknow ul { position: relative; top: -10px; width:120px; left:-10px; background-color: #BAAEA7; display:none; list-style-type:none; padding:0px; }
	.header .booknow:hover ul { display:block; text-align:center; }
	.header .booknow li.menu { text-align:center; }
	.header .booknow li a:link, .header .booknow li a:active, .header .booknow li a:visited { padding:7px 5px; width:calc(100% - 10px); background-color: #6F6F6E; text-decoration:none; transition:0.25s; color: #fff; font-size:1.0em; border-top: solid 0px #aaa; text-align:center; }
	.header .booknow li a:link:hover, .header .booknow li a:active:hover, .header .booknow li a:visited:hover { background:#938A85; }
	
	#main { margin-top:75px; }
	
	/* PHOTO GALLERY */
	.photogallery { width:100%; position:relative; padding-bottom:50%; overflow:hidden; margin-bottom:0px; }
	.photogallery .photo .overlay { position: absolute; padding:10px; width:calc(100% - 20px); margin-top:-50px; z-index:100; font-size:1.0em; text-shadow: #A39892 1px 1px; color: #fff; line-height:1.3em;  }
	.photogallery .photo .overlay h2 { margin-top:0px; margin-bottom:10px; }
	.photogallery .photo .overlay h3 { font-size:1.2em; margin-bottom:0px; line-height:1.3em; }
	
	/* PICTURE */
	.picture .overlay { padding:10px; width:calc(100% - 20px); text-align:center; top:0%; margin-top:20px; z-index:100; font-size:1.0em; line-height:1.2em; }
	.picture .overlay h2 { margin-top:0px; margin-bottom:0px; font-size:1.9em; }
	.picture .overlay h3 { font-size:1.0em; margin-top:10px; }
	
	/* CATEGORY SELECTOR */
	.categoryselector { background: #f4f4f4; padding: 50px 10px; position:relative; left:0px; margin-left:0px; width:calc(100% - 20px); text-align:center; }
	
	/* ENQUIRY FORM */
	.enquiryform .buttons { display:block; text-align:center; }
	
	/* ACCORDION */
	.text .accordionitem h3 { font-size:1.3em; background-position: 100% 12px; background-size: 18px 17px;   } 
	.text .accordionitem li { line-height:1.4em; }

	/* COLUMNS */
	.column1 { width:calc(100% - 20px); padding:5px 10px; }
	.column1 img {  }
	.column2 { width:calc(100% - 20px); padding:10px; display:inline-block; vertical-align:top; text-align:left;  }
	.column2 img {  }
	.column3 { width:calc(100% - 20px); padding:10px;  }
	.column3 img {  }
	.column4 { width:calc(100% - 20px); padding:10px;  }
	.column4 img { }
	.column5 { width:calc(20% - 20px); padding:10px; display:inline-block; vertical-align:top;  }
	.column5 img { max-width:100%; }
	.column6 { width:calc(16.67% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:200px;  }
	.column6 img { max-width:100%;  }
	.column7 { width:calc(14.2% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:171px;  }
	.column7 img { max-width:100%; height:auto; object-fit:contain; }
	.column8 { width:calc(12.5% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:150px;  }
	.column8 img { max-width:100%; height:auto; object-fit:contain;  }
	.column9 { width:calc(11.1% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:133px; }
	.column9 img { max-width:100%; height:auto; object-fit:contain;  }
	.column10 { width:calc(10% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:120px;  }
	.column10 img { max-width:100%; height:auto; object-fit:contain;  }
	.column11 { width:calc(9.1% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:110px; }
	.column11 img { max-width:100%; height:auto; object-fit:contain;  }
	.column12 { width:calc(8.5% - 20px); padding:10px; display:inline-block; vertical-align:top; min-width:100px; }
	.column12 img { max-width:100%; height:auto; object-fit:contain; }
	
	/* PHOTO GALLERY */
	.photo .overlay { display:block; font-size:1.0em; padding:0px; width:100%;  }
	.photo .overlay h1 { font-size: 1.5em;  margin-bottom:14px; margin-top:0px;}
	.photo .overlay h3 { font-size:1.2em; margin-top:0px; }
	
	/* TESTIMONIALS */
	.testimonials .center { display:inline-block; vertical-align:top; padding:40px 20px; width:calc(100% - 40px); max-width:100%; line-height:1.4em; }
	
	/* MENU */
	#menu ul { margin-top:20px; }
	#menu .close {  }
	#menu li a { padding: 8px 0px 8px 30px; border-bottom: solid 1px #555; text-transform:none; font-weight:300; }
	#menu li li a { border-bottom: solid 1px #CEC1B9; }
	#menu li.menuwithsubmenu1 a { background-size: 8px 12px; background-repeat:no-repeat; background-position: calc(100% - 15px); }
	
	/* CATEGORY SELECTOR */
	.categoryselector { background: #f4f4f4; padding: 30px 10px; position:relative; left:0; margin-left:0px; width:calc(100% - 20px); text-align:center; }