html { overflow-y: scroll; }

/*.highlight mark {background-color:red}*/
.menus {background-color: #fff;min-height: 71px;position: fixed;width: 100%;z-index: 2000;line-height:70px; top:0}
#menu-mobile {display:none}
.mobile {display:none !important}
@media only screen and (max-width: 1000px) {    /* changed 2019, 800px -> 1000px for menu -> mmenu */
  #menu-desktop {display:none}
  #menu-mobile {display:block}
  .desktop {display:none !important}
  .mobile {display:block !important}
}

.nodecoration a {text-decoration: none;}
.menus a {font-weight: bold;text-decoration: none; cursor: pointer}
.menus img {vertical-align:middle;}
.menus .menu-left {position:absolute;left:2em}
.menus .menu-right {position:absolute;right:2em}
.menus .menu-main {max-width:768px;margin:0 auto;text-align:center}
.menus .menu-main li {display:inline-block;padding:0 14px}
.menus .menu-main ul ul {display:none;}
.menus .menu-main a.selected, .menus .menu-main a.selected-live {color:#999}

.menus .menu-second {background:#000;display:none;padding:1em 2em;line-height:1.2em}
.menus .menu-second a {color:#fff}
.menus .menu-second a[href="#"] {cursor:text;}
.menus .menu-second  div.table {max-width:1200px;margin:0 auto;border:1px solid #fff;height:8.6em;}
.menus .menu-second  div.table > ul > li {border:1px solid #fff; vertical-align:initial}
.menus .menu-second  div.table > ul > li a{display:block; padding:15px 0 8px 15px;font-weight:normal}
.menus .menu-second  div.table > ul > li li a{padding:0 15px;font-size:14px}

@media only screen and (max-width: 960px) {
  .menus .menu-second {padding:1em}
}

#header-inner { z-index: 1900;}	/* for arrow on menu */
#header-inner {position:fixed;border:0;width:100%}
.nav ul {overflow: unset}
.nav-arrow {position:relative}
.nav-arrow::before { border-color: transparent transparent white; border-style: solid; border-width: 10px; content: ""; display: block; left: 50%; position: absolute; top: -18px; z-index: 2000; transform: translate(-50%, 0);}

.nav-tools {position:absolute}
.nav-tools a {cursor:pointer}

#logomanuf {text-align:center;padding-top:71px}
#logomanuf a{display:inline-block}

#layers {margin-top:2em}
#layer2.pull-up {background-color: rgba(255, 255, 255, 0.5)}
img.cover {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

h2 a {text-decoration:none}
.box-txt div.box-content > div > div {border: 1px solid #000}			/* replace 2px*/

.box-slideshow {margin-left:0}
.box-slideshow > li {width:100%}
.box-slideshow > li:after {display:none}
.box-slideshow iframe {position:absolute;width:100%;height:100%;z-index:2}
/*.box-slideshow:after {display:none}   removed to allow multiple slideshow */
.home .box-slideshow:after {display:block}

.slideshowcontainer {padding:0 2em 3em !important;margin:-3em 0 3em 0 !important}
.slideshowcontainer ul, .slideshowcontainer li {list-style:none;margin:0 !important}
.slideshowcontainer li:before {content:"" !important}
.home .slick-prev, .home .slick-next {
/*  display: none !important;   - now 2016-07, visible on homepage*/
  top: calc(50% - 65px);
}
.home .slick-prev {	/* correction for prev*/
  top: calc(50% - 55px);
}

.box-categories {margin-left: -75px;}
.box-categories > li {width:33.3333%;padding:0 0 0 75px}
.box-categories > li:after {display:none}

.box-frames {margin-left: -75px;}
.box-frames > li {width:33.3333%;padding:0 0 75px 75px}
.box-frames > li:after {display:none}
.box-frames a.frame {display:block;border:1px solid #000;position:relative}
.box-frames span {position:absolute;display:block;left:0;text-align:center;width:100%}
.box-frames span.middle {padding: 0 10px; font-size:2em;top:50%;left:50%;font-weight:bold;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.box-frames span.bottom {bottom:0.5em}

@media only screen and (max-width: 960px) {
  .box-categories {margin-left: -50px;}
  .box-frames {margin-left: -50px;}
  .box-categories > li, .box-frames > li {width:50%;padding:0 0 50px 50px}
}

@media only screen and (max-width: 640px) {
  .box-categories {margin-left: -25px;}
  .box-frames {margin-left: -25px;}
  .box-categories > li, .box-frames > li {padding:0 0 25px 25px}
  .box-frames span.middle, .box-categories a span {font-size:1.5em !important;}
  h2 {font-size:3em;}
  h3 {font-size:1.8em;}
}



.box-border-anim { position:relative;}
.box-border-anim:before, .box-border-anim:after { border-color: #000; border-style: solid; content: ""; display: block; height: 0; opacity: 0; position: absolute; width: 0;}
.box-border-anim:before, .box-border-anim:after { transition: width 0.5s ease 0s, height 0.5s ease 0.5s;  }
.box-border-anim:before {border-width: 2px 0 0 2px;left:0;top:0}
.box-border-anim:after {border-width: 0 2px 2px 0;right:0;bottom:0}
.box-border-anim:hover:before, .box-border-anim:hover:after {width: 100%; height: 100%; opacity: 1;}


ul.grid3col {margin:0 !important;}
ul.grid3col:after {content:"";clear:both;display:block;}
ul.grid3col > li {float:left;width:33.333%;display:inline-block;margin:0;}
ul.grid3col > li:before {content:"" !important}
ul.grid3col > li:nth-child(3n+2) {padding: 0 15px;}
ul.grid3col > li img {max-width: 200px;}


ul.prevnext {position:relative;font-size:2em}
ul.prevnext > li {position:absolute;top:2em;left:1em;}
ul.prevnext > li a {font-size:18px;text-decoration:none}
ul.prevnext > li a:before {content:"4"}
ul.prevnext > li.prevnext1 {position:absolute;top:2em;left:auto;right:1em}
ul.prevnext > li.prevnext1 a:before {content:"5"}
@media only screen and (max-width: 800px) {
  ul.prevnext > li {top:0.3em;}
  ul.prevnext > li.prevnext1 {top:0.3em;}
}

table.divhead {width:100%}
table.divhead td {border:1px solid #000;padding:1em}
table.divhead td.square {height:6em;width:6em;text-align:center;padding-left:1em}

div.space {height:60px}
ul.people {max-width:1200px;margin:5em auto 0;text-align:center}
ul.people > li { display: inline-block; margin: 7.5px; width: 138px; height: 138px;}
ul.people > li a { display: inline-block; width: 138px; height: 138px;}

ul.peoplephotos {max-width:1200px;margin:0 0 2em -1em;text-align:center}
ul.peoplevideo {max-width:1200px;margin:0 0 2em -1em;text-align:center}
ul.peoplephotos > li, ul.peoplevideo > li { display: inline-block; vertical-align:bottom; margin: 15px 0 0 35px; width: 323px; height: 215px;background-size:cover;background-position:center;overflow:hidden}

.color-101-0, .color-301-0 {background-color:#4f513c}
.color-101-1, .color-301-1 {background-color:#727562}
.color-101-2, .color-301-2 {background-color:#96988b}
.color-101-3, .color-301-3 {background-color:#babab2}
.color-102-0, .color-302-0 {background-color:#444f5e}
.color-102-1, .color-302-1 {background-color:#65737f}
.color-102-2, .color-302-2 {background-color:#8e96a0}
.color-102-3, .color-302-3 {background-color:#b3bac1}
.color-103-0, .color-303-0 {background-color:#675c49}
.color-103-1, .color-303-1 {background-color:#897e6d}
.color-103-2, .color-303-2 {background-color:#a89e93}
.color-103-3, .color-303-3 {background-color:#c5bfb7}

/* add some paddind to agenda img */
.layout-list .dpad {padding: 15px 0;}
li.box-32 .dpad {padding: 1em 1.5em}		/* to keep ratio 3/2 */

div#footer {position:absolute;width:100%}
p.footer {background-image: url("/img/footer/bg_footer_1.jpg");background-position: 0 0;height: 450px;transition: background-position 60s linear 0s;transform: translateZ(0);}
@media only screen and (max-width: 768px) {
	p.footer {height: 250px;}
}

#contact a > div {display:none;}
#contact a:hover > div {display:block;}
#contact div { color: #000000 !important;}
#contact div > div{ /* New (Replace element style) */
   top: 50%;left: 50%;margin-right: -50%;pointer-events: none;position: absolute;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}

#dashboard {display:none;background-color: rgba(255, 255, 255, 0.9); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9900; padding:1em}

#dashboard .dashboard-inner {border: 1px solid #000; padding:1em 0; height:100%;position:relative; overflow-y:auto}
#dashboard a {text-decoration:none}
#dashboard a.dashboard-close {font-size:3em;position:absolute;top:-5px;right:5px}

#dashboard ul {display:inline-block;width:35%;margin-left:10%;font-size:32px;}
#dashboard ul.ul1 {margin-bottom:1em;}
#dashboard ul li{width:100%;text-align:center;line-height:1.5em;position:relative}
#dashboard input[type=text]{width:100%;font-size:18px;margin-bottom:20px;margin-top:10px;padding:1em}
#dashboard input[type="submit"] {border: 0 none;background:#fff;font-family: ElegantIcons;font-size: 32px;position: absolute;right: 15px;top: 69px;}
#dashboard ul.ul2 > li {display:inline-block;width:50%;padding:0 10px 20px 0}
#dashboard ul.ul2 > li:nth-child(even) {padding:0 0 20px 10px}
#dashboard ul.ul2 > li a {border: 1px solid #000;display: block;line-height: 4em;}
#dashboard form {font-weight:bold}
@media only screen and (max-width: 800px) {
	#dashboard ul {width:80%;margin-left:10%;}
	#dashboard ul.ul2 > li {width:25%;padding:0 10px 20px 0 !important}
	#dashboard ul.ul1 {padding-right:10px}
}

/* fancybox */
/* Gallery */
.fancybox-nav i {font-size: 50px;position: absolute;top: 50%;margin-top: -40px;color: #000;}
.fancybox-prev {position: fixed;left: 1em;}
.fancybox-next {position: fixed;right: 1em;}
.fancybox-next i {right: 0px;}
.fancybox-close {position: fixed;right: 34px;top: 12px;background: none;color: #000;text-align: right;text-decoration: none;text-transform: lowercase;}
.fancybox-close i {font-size: 3em;vertical-align: top;}
.fancybox-title {text-align:center}
.fancybox-overlay {background: rgba(255, 255, 255, 0.9) repeat scroll 0 0;}
.fancybox-title-outside-wrap {  color: #000;  margin: 15px auto 0;  max-width:600px; position: relative;}


html.page-1004 #footer div {display:none}

ul.tabslideshow { margin: 0 calc(2em - 7.5px);}
ul.tabslideshow > li {display: inline-block;margin: 0;padding: 7.5px;width: 33.333%;}
ul.tabslideshow > li::before {content: "";}

#search {visibility:hidden}

form.booking > div {display:inline-block;width:50%;padding:5px;}
form.booking > div:last-child {width:100%}
ul.bookingdate  {margin-left:0}
ul.bookingdate > li {padding:10px 0;font-size:18px; border-bottom: 1px solid #999; text-indent: 0;}
ul.bookingdate > li:before {content:""}
ul.bookingdate li span.disabled{display: none}
ul.bookingdate li input:disabled ~ span{color:#999}
ul.bookingdate li span {display: inline-block;padding-left: 0.5em;}
form.booking  input[type=text], form.booking div input[type=email]{width:100%;font-size:18px;margin:10px 0;padding:0.5em}
form.booking  input[type="button"] {width:100%;font-size:18px;margin:10px 0;padding:0.5em;cursor:pointer;}
form.booking  input:hover, form.booking  input:focus {border:2px solid #000 !important;}

a.row-block.search {position:relative;padding:1em 2em 1em 1em !important}
a.row-block.search:hover {padding:1em 1em 1em 2em !important}
a.row-block.search:hover:after { font-size:1.5em; position:absolute; right: 5px;top:10px; content:"9"; font-family: "ElegantIcons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none;}
div.search-title {/*padding:15px 0 5px 0;font-size:1.8em*/}
div.search-content {font-size:smaller;padding-top:0.3em;line-height:1.2}

a.calendar {display:block;font-size:1.125em;line-height:1.5em;margin-left:2em}
a.calendar i {padding-right:10px;margin-left:-2em}