html, body{
  height:100%;
}
body {
  background: #fff;
  color: #6e6e6e;
  font-family: 'Catamaran';
  font-size: 16px;
  line-height: 20px;
}
a {
  color: #b39f31;
  transition: all .4s;
  text-decoration: none;
  /*border-bottom:1px dotted #b39f31;*/
}
a:active, a:hover, a:focus {
  color: #b39f31;
  text-decoration: underline;
  border-bottom: none;
}

.image-right {
  float: right;
  margin: 0 0 10px 15px;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}
.image-left {
  float: left;
  margin: 0 15px 10px 0;
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}
a.readMore {
  display: inline-block;
  color: #ffffff;
  background: #d3c059;
  padding: 10px 20px;
}
.box-dark {
  display: block;
  position: relative;
  background: #d3c059;
  color: #fff;
  padding: 25px 30px 25px;
  margin-bottom: 10px;
  min-height: 65px;
  border-radius: 15px;
  font-size: 110%;
  letter-spacing: 0.5px;
}
.box-dark p {
  margin-bottom: 0;
}
.box-dark.news-footer div#ContainerBlockSocial {
  display: inline;
}
.box-dark.news-footer div#ContainerBlockSocial a {
  opacity: 1;
  transition: opacity .4s;
}
.box-dark.news-footer div#ContainerBlockSocial a:hover {
  opacity: .7;
}
.box-dark.news-footer a.allign-right {
  display: inline-block;
  float: right;
  background: rgb(255 255 255 / 100%);
  padding: 10px 20px 5px;
  text-decoration: none;
  border-radius: 5px;
  transition: background .4s;
}
.box-dark.news-footer a.allign-right:hover {
  background: rgb(255 255 255 / 75%);
}
.box-dark.news-footer a.allign-right i {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'OpenSansLight';
  line-height: 1em;
  text-transform: uppercase;
  margin-top: 10px;
}
h1, .h1{
  font-size:37px;
  color:#3f3835;
}
h2, .h2{
  font-size:30px;
  color: #b39f31;
}
h3, .h3{
  font-size:27px;
  color:#3f3835;
}
h4, .h4{
  font-size:24px;
  color: #b39f31;
}
h5, .h5{
  font-size:20px;
  color:#3f3835;
}
h6, .h6{
  font-size:18px;
  color: #b39f31;
}
article.content hr {
  border-color: #ccc;
}
article.content p {
  margin-bottom: 15px;
}
article.content ul {
  padding-left: 10px;
}
article.content ul li {
  list-style: none;
  background: url(../../images/new-images/list-icon01.png) no-repeat 0 7px;
  padding-left: 20px;
}
article.content ul ul li {
  background-image: url(../../images/new-images/list-icon02.png);
}
article.content .table-style {
  position: relative;
}
article.content .table-style th {
  background: #eee;
}
article.content .table-style th,
article.content .table-style td {
  border: 1px solid #ccc;
  padding: 2px 5px;
}

.mm-page {
  height: 100%;
}
.fullsite.intro {
  height: 100%;
  margin-bottom: -1px;
}
.sticky-wrapper {
  width: 20%;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
}

.bookingfixed{
  position: fixed;
  z-index: 9;
  right: 0;
  top: 50px;
  background:#d3c059;
  color:#fff;
  padding-left: 10px;
}
.bookingfixed::before{
  content:"\f073";
  font-family:"FontAwesome";
}

aside.sidebar {
  position: relative;
  z-index: 10;
  min-height: 100%;
  padding: 40px 0 50px;
}
aside.sidebar .logo {
  text-align: center;
  padding: 0 0 20px;
  margin-bottom: 1px;
}
aside.sidebar .logo a {
  border-bottom: none;
}
aside.sidebar .logo img {
  max-width: 100%;
  width: auto;
  height: auto;
}
aside.sidebar nav.main-nav#navigation {
  background: #fff;
  padding:0 0 28px;
}
aside.sidebar nav.main-nav#navigation::after {
  content: '';
  display: block;
  clear: both;
}
aside.sidebar nav.mobile-nav {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  text-align: center;
  font-size: 26px;
  padding: 10px;
}
aside.sidebar .social {
  position: relative;
  margin-bottom: 30px;
  padding: 0 20px;
  display: flex;
  justify-content: center;
}
aside.sidebar .social.sharing {
  display: block;
  text-align: center;
}
aside.sidebar .social.sharing br {
  display: none;
}
.social a.facebook , .social.mobile a.facebook{
  width: 11px;
  height: 26px;
  background: url(../../images/new-images/net.png) no-repeat left top;
  border-bottom: none;
  display: inline-block;
}
.social a.facebook:hover , .social.mobile a.facebook:hover {
  transition:.3s all ease;
  background: url(../../images/new-images/net.png) no-repeat left bottom;
}
.social a.instagram , .social.mobile a.instagram {
  width: 21px;
  height: 26px;
  background: url(../../images/new-images/net.png) no-repeat -35px top;
  border-bottom: none;
  margin: 0 22px;
  display: inline-block;
}
.social a.instagram:hover , .social.mobile a.instagram:hover {
  transition:.3s all ease;
  background: url(../../images/new-images/net.png) no-repeat -35px bottom;
}
.social span.tripadvisor , .social.mobile span.tripadvisor {
  width: 27px;
  height: 26px;
  background: url(../../images/new-images/net.png) no-repeat right top;
  border-bottom: none;
  display: inline-block;
}
.social span.tripadvisor:hover , .social.mobile span.tripadvisor:hover {
  transition:.3s all ease;
  background: url(../../images/new-images/net.png) no-repeat right bottom;
}
.online {
  float: none;
  display: table;
  margin: 0 auto;
  margin-bottom: 30px;
}
.onlinep {
  margin: 0;
}
.online a.book-online {
  padding: 15px 59px 15px 17px;
  font-size: 21px;
  line-height: 27px;
  background: #d3c059 url(../../images/new-images/plus.png) no-repeat right 17px center;
  color: #fff;
  text-transform: uppercase;
  font-family: 'OpenSansBold';
  border-bottom: none;
}
.online a.book-online:hover {
  background-color:#000;
  text-decoration: none;
}

aside.sidebar .contact-info {
  text-align: center;
  padding: 45px 20px 50px;
  color: #3f3835;
  line-height: 22px;
}
aside.sidebar .contact-info a{
  border-bottom:none;
}
aside.sidebar nav.language {
  float: none;
  display: table;
  margin: 0 auto;
}
aside.sidebar nav.language a , .language.mobile a{
  font-family: 'OpenSansRegular';
  text-transform: uppercase;
  display: inline-block;
  background: #2b2725;
  color: #fff;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  transition: all .6s;
  margin:0 4px;
  border-bottom:none;
}
aside.sidebar nav.language a:hover , .language.mobile a:hover {
  background: #b39f31;
  color: #fff;
  text-decoration: none;
}

.wrapper {
  position: relative;
  float: right;
  width: 80%;
  z-index: 5;
  height: 100%;
  min-height: 1190px;
  padding: 60px 40px 50px 0;
}
.intro .wrapper {
  padding: 0;
  min-height: 0;
}

.slide-intern {
  position: relative;
  height: 500px;
}
.slide .fluid_container {
  position: absolute;
  left: 0;
  right: 40px;
  top: 40px;
  bottom: 40px;
  margin: 0!important;
}

.intro .fluid_container {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.slide .fluid_container #slideshow,
.slide-intern .fluid_container,
.slide-intern .fluid_container #slideshow {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0!important;
}
.slide .fluid_container #slideshow .camera_prev,
.slide-intern .fluid_container #slideshow .camera_prev {
  right: 41px;
  left: auto;
}
.slide .fluid_container #slideshow .camera_prev,
.slide-intern .fluid_container #slideshow .camera_prev,
.slide .fluid_container #slideshow .camera_next,
.slide-intern .fluid_container #slideshow .camera_next {
  top: auto;
  bottom: 0;
  background: rgba(0,0,0,0.6); 
}
.slide .fluid_container #slideshow .camera_prev>span,
.slide-intern .fluid_container #slideshow .camera_prev>span {
  background-position: 0 -80px;
}
.slide .fluid_container #slideshow .camera_next>span,
.slide-intern .fluid_container #slideshow .camera_next>span {
  background-position: -40px -80px;
}
.cameraCont .cameraSlide img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.intro .camera_wrap{
  height: 100%;
}
.slide-intern .NewsItemBackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: no-repeat center;
  background-size: cover;
}
.slide-intern .date {
  position: absolute;
  left: 20px;
  bottom: 20px;
  width: 100px;
  font-family: 'PT Sans Narrow', Arial;
  text-transform: uppercase;
  font-size: 16px;
}
.slide-intern .date .day {
  display: block;
  text-align: center;
  background: #212121;
  color: #fff;
  padding: 5px 0;
}
.slide-intern .date .month {
  display: block;
  text-align: center;
  background: #101010;
  color: #fff;
  padding: 5px 0;
}
.slide-intern .googlemaps {
  position: absolute;
  background: #333;
  height: auto;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slide-intern .googlemaps .box_googlemaps {
  position: absolute;
  left: -100px;
  right: -100px;
  top: -100px;
  bottom: -100px;
  height: auto!important;
  width: auto!important;
}
.slide-intern .googlemaps .box_googlemaps iframe {
  margin: 0!important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-filter: grayscale(30%);
  filter: grayscale(30%);
}
.slide-intern .googlemaps::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -85%);
  width: 57px;
  height: 57px;
  display: block;
  background: url(../../images/new-images/icon-google-maps.png) no-repeat center;
}

.page {
  background: #fff;
  padding: 50px 0;
}
header.page-title {
  position: relative;
  padding: 30px 0 40px;
}
header.page-title h1 {
  position: relative;
  margin: 0;
}
header.page-title h1::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -30px;
  background: #d4c15d;
  height: 3px;
  width: 50px;
}
article.content {
  position: relative;
  text-align: justify;
  /* width: 70%;*/
}
article.content.gallery {
  width: auto;
}

.online.mobile {
  display: none;
}
.contact-info.mobile {
  display: none;
}
.social.mobile {
  display: none;
}
.language.mobile {
  display: none;
}

#scrollUp {
  bottom: 30px;
  right: 8px;
  padding: 10px 15px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border-bottom: none;
}
#scrollUp:hover {
  background: rgba(0,0,0,1);
  text-decoration: none;
}

#footerSlideContainer a {
  color: #212121;
}
.cubilis-ratebox.cubilis-ratebox--bottom {
  right: 85px;
}
div.cc-cookies {
  width: 100%;
}
.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap * {
  box-sizing: content-box;
}
div#_atssh {
  bottom: 0;
}

/* ---- grid ---- */

.grid {
  position: relative;
  float: left;
  width: 100%;
}
.box {
  position: relative;
  float: left;
  margin: 10px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  transition: all .4s;
}
.box01 {
  width: calc(40% - 20px);
  height: calc(100vh - 20px);
  /*background: yellow;*/
  color: black;
}
.box02 {
  width: calc(25% - 20px);
  height: calc(50vh - 20px);
  /*background: blue;*/
}
.box03 {
  width: calc(35% - 20px);
  height: calc(50vh - 20px);
  /*background: pink;*/
  color: black;
}
.box04 {
  width: calc(35% - 20px);
  height: calc(50vh - 20px);
  /*background: green;*/
}
.box05 {
  width: calc(25% - 20px);
  height: calc(50vh - 20px);
  /*background: purple;*/
}

.grid .box01 h2,
.grid .box02 h2,
.grid .box03 h2,
.grid .box04 h2,
.grid .box04 h2{
  position: relative;
  z-index: 2;
  color: #fff;
  top: 50%;
  background: rgba(211,192,89,0.9);
  width: 50%;
  padding: 70px;
  left: 50%;
  transform: translate(-50%,-50%);
  font-weight: bold;
}

.grid .box01:hover h2{
  background:rgba(255,255,255,0.7);
  color:#000;
}
.grid .box02:hover h2{
  background:rgba(255,255,255,0.7);
  color:#000;
}
.grid .box03:hover h2{
  background:rgba(255,255,255,0.7);
  color:#000;
}
.grid .box04:hover h2{
  background:rgba(255,255,255,0.7);
  color:#000;
}
.grid .box05:hover h2{
  background:rgba(255,255,255,0.7);
  color:#000;
}

@media print {
  aside.sidebar{
    display:none;
  }
  .wrapper{
    width:100%;
  }
}

@media only screen and (max-width : 1450px) {
  .sticky-wrapper {
    width: 25%;
  }
  .wrapper {
    width: 75%;
  }
  .grid .box01 h2, .grid .box02 h2, .grid .box03 h2, .grid .box04 h2, .grid .box04 h2{
    left:0;
    transform: none;
    width: 100%;
    padding:20px;
  }
}
@media only screen and (max-width: 1280px){
  .box01 {
    width: calc(33.333% - 20px);
    height: calc(100vh - 20px);
  }
  .box02 {
    width: calc(66.666% - 20px);
    height: calc(33.333vh - 20px);
  }
  .box03 {
    width: calc(33.333% - 20px);
    height: calc(33.333vh - 20px);
  }
  .box04 {
    width: calc(33.333% - 20px);
    height: calc(33.333vh - 20px);
  }
  .box05 {
    width: calc(66.666% - 20px);
    height: calc(33.333vh - 20px);
  }
  @media only screen and (max-width : 1199px) {
    .sticky-wrapper {
      margin: 0 2.5%;
      width: 30%;
    }
    .sf-menu {
      margin: 0 !important;
    }
    aside.sidebar .social {
      margin-bottom: 40px;
    }
    aside.sidebar nav#navigation.main-nav {
      padding: 0 0 40px;
    }
    aside.sidebar .contact-info {
      padding: 30px 20px;
    }
    .wrapper {
      width: 65%;
    }
    .slide-intern {
      height: 350px;
    }
  }
  @media only screen and (max-width: 1024px){
    .box03 {
      width: calc(100% - 20px);
      height: calc(33.333vh - 20px);
    }
    .box01,
    .box02,
    .box04,
    .box05 {
      width: calc(50% - 20px);
      height: calc(33.333vh - 20px);
    }
    .grid .box01 h2, .grid .box02 h2, .grid .box03 h2, .grid .box04 h2, .grid .box04 h2{
      left:0;
      transform: none;
      width: 100%;
    }

  }



  @media only screen and (max-width : 1080px) {
    .sticky-wrapper {
      margin: 0 10px;
    }
    .online a.book-online {
      padding: 10px 40px 10px 10px;
      background: #d3c059 url(../../images/new-images/plus.png) no-repeat right 10px center;
      text-transform: none;
      font-size: 19px;
    }
    .wrapper {
      width: 66%;
      margin-right: 10px;
    }


  }
  @media only screen and (max-width : 768px) {
    .cubilis-ratebox.cubilis-ratebox--bottom {
      right: 0px;
      bottom:20px;
    }
    .image-left, 
    .image-right {
      float: none;
      display: block;
      margin: 15px auto;
      height: auto;
      width: auto;
      max-width: 100%;
    }
    aside.sidebar .social {
      padding: 0 20px;
    }
    aside.sidebar .contact-info {
      padding: 20px 10px;
    } 
    aside.sidebar nav#navigation.main-nav {
      display: none;
    }
    aside.sidebar nav.mobile-nav {
      display: block;
    }
    .mobile-nav a {
      background: #b39f31;
      color: #fff;
      padding: 0 10px;
      border-bottom: none;
    }
    .mobile-nav a:hover {
      background:#000;
    }
    h1, .h1{
      font-size:38px;
    }
    h2, .h2{
      font-size:26px;
    }
    h3, .h3{
      font-size:20px;
    }
    h4, .h4{
      font-size:16px;
    }
    h5, .h5{
      font-size:14px;
    }
    h6, .h6{
      font-size:12px;
    }

    .fullsite.intro, .fullsite {
      padding: 0 20px;
    }
    .sticky-wrapper {
      position: relative;
      width: 100%;
      margin: 0;
    }
    aside.sidebar {
      position: relative !important;
      width: 100% !important;
      min-height: 240px;
      padding: 20px 0;
    }
    aside.sidebar .logo {
      padding: 0;
      margin: 0; 
    }
    aside.sidebar .social,
    aside.sidebar .contact-info,
    aside.sidebar nav.language, .online {
      display: none;
    }

    .fullsite.intro .wrapper {
      float: none;
      width: 100%;
      height: 300px;
      min-height: 300px;
      padding: 0;
    }
    .fullsite .wrapper {
      float: none;
      width: 100%;
      padding: 0;min-height: auto;
    }

    .slide .fluid_container {
      right: 0;
      top: 0;
      bottom: 0;
    }

    .page {
      padding: 30px 0 0;
    }
    article.content {
      width: 100%;
    }
    .contact-info.mobile {
      display: block;
      background: #212121;
      text-align: center;
      color: #fff;
      padding: 20px;
      margin: 20px 0;
    }
    .social.mobile {
      display: table;
      float: none;
      margin: 20px auto;
    }
    .language.mobile {
      display: table;
      float: none;
      margin: 20px auto;
    }
    .online.mobile {
      display: table;
      margin-bottom: 20px;
    }

    /*#footerSlideContainer {
    position: relative !important;
    right: 32px !important;
    bottom: 0 !important;
    clear: both;
  }*/

    #scrollUp {
      bottom: 76px;
      right: 20px;
      background: rgba(100,100,100,.3);
    }
    .sidebar {
      position: relative;
      float: left;
      width: 20%;
      /*height: 100vh;*/
      /* background: red;*/
    }
    .box01,
    .box02,
    .box03,
    .box04,
    .box05 {
      width: calc(100% - 20px);
      height: calc(40vh - 20px);
    }
    @media only screen and (max-width: 480px){
      .sidebar {
        position: relative;
        float: left;
        width: 100%;
        height: 20vh;

      }
      .grid {
        position: relative;
        float: left;
        width: 100%;
      }     
    }