/* Fonts */
/* Make sure to use only web-safe font (google fonts and convert to web fonts)*/
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "Claire Murphy";
  src: url("fonts/claire-murphy-claire-murphy-400.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* Reset */
* {
  outline: none;
  box-sizing: border-box;
}

body, html, h1, h2, h3, h4, h5, h6, p, header, footer, div, article, section, aside {
  padding: 0;
  margin: 0;
  position: relative;
}

html {
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  cursor: pointer;
}

body {
  overflow: hidden !important;
  background: #fff;
  color: #434343;
}

/* Form Fields */
input, select, textarea, button {
  outline: 0;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

button {
  cursor: pointer;
  background: transparent;
}

/* General Classes */
.wid100, .contact-form .contactform li:nth-child(8), .contact-form .contactform li:last-child, .contact-form .contactform li input[type=text], .contact-form .contactform li input[type=email], .contact-form .contactform li textarea, .contact-form .contactform li select, .contact-form .contactform li label, .contact-form .contactform, .contact-form p, .contact-form h2, .contact-form, .contact-info .cinfo article .socials, .contact-info .cinfo article ul li, .contact-info .cinfo article ul, .contact-info .cinfo, .contact-info p, .contact-info h2, .contact-info, .videos-sec .slider-nav, .videos-sec .slider-for p, .videos-sec .slider-for .video-container, .videos-sec .slider-for, .videos-sec h2, .videos-sec .videos, .videos-sec, .photos-sec .photos-list li a, .photos-sec .photos-list, .photos-sec h2, .photos-sec .photos, .photos-sec, .offers-events .pagination, .offers-events .list-offers li .offers-entry article p.btn-link p.btn-link:hover a, .offers-events .list-offers li .offers-entry article p.btn-link a, .offers-events .list-offers li .offers-entry article p.btn-link, .offers-events .list-offers li .offers-entry article p, .offers-events .list-offers li .offers-entry article h3, .offers-events .list-offers li .offers-entry aside a, .offers-events .list-offers li .offers-entry, .offers-events .list-offers li, .offers-events .list-offers, .offers-events, .menu-options .list-options, .menu-options h2, .menu-options p, .menu-options, .room-info .room-det p, .room-info .room-det, .room-info h2, .room-info, .main-content .amenities ul.icons-list li p, .main-content .amenities ul.icons-list, .main-content .amenities h2 + p, .main-content .amenities, .main-content .img-content article p, .main-content .img-content, .main-content .article-content .sharethis, .main-content .article-content ul, .main-content .article-content ol, .main-content .article-content h2, .main-content .article-content h3, .main-content .article-content h4, .main-content .article-content h5, .main-content .article-content h6, .main-content .article-content p, .main-content .article-content, .main-content .article-title p, .main-content .article-title h2, .main-content .article-title, .main-content, .page-banner h1 .submenu, .page-banner h1 a, .page-banner h1, .page-banner .overlay, .page-banner, footer .footer-bottom ul, footer .footer-bottom, footer .footer-top p.cinfo, footer .footer-top ul, footer .footer-top .logo, footer .footer-top, footer, .newsletter .pagewrapper aside ul li .mc_container .mc_form_inside, .newsletter .pagewrapper aside ul li .mc_container, .newsletter .pagewrapper aside ul li input[type=email], .newsletter .pagewrapper aside ul li #mc_signup_form .mc_input, .newsletter .pagewrapper aside ul li input[type=text], .newsletter .pagewrapper aside ul li, .newsletter .pagewrapper aside ul, .newsletter .pagewrapper aside p, .newsletter .pagewrapper h2, .newsletter, .experiences div.list-events aside .event-details h3, .experiences div.list-events aside .event-details h4, .experiences div.list-events aside .event-details, .experiences div.list-events aside .overlay, .experiences div.list-events aside .type-event, .experiences div.list-events, .experiences ul.list-experiences li h4, .experiences ul.list-experiences li .overlay, .experiences ul.list-experiences, .experiences p, .experiences h2, .experiences, .services .pagewrapper article ul.col2 li p, .services .pagewrapper article ul.col2, .services .pagewrapper article ul li, .services .pagewrapper article ul, .services .pagewrapper article h2, .services, .facilities ul.list-facilities li a article .link, .facilities ul.list-facilities li a article h3 + p, .facilities ul.list-facilities li a article h3, .facilities ul.list-facilities li a article, .facilities ul.list-facilities li a .overlay, .facilities ul.list-facilities li a, .facilities ul.list-facilities, .facilities p, .facilities h2, .facilities, .accommodation .blockbg, .accommodation .fullwidth div.list-acc div.room a .overlay, .accommodation .fullwidth div.list-acc div.room a .room-det, .accommodation .fullwidth div.list-acc div.room a, .accommodation .fullwidth div.list-acc, .accommodation .fullwidth p, .accommodation .fullwidth h2, .accommodation, .intro article p.btn-link a, .intro article p.btn-link, .intro article p, .intro aside h2, .intro aside .subheading, .intro aside, .intro, .hero-banner .availability, .hero-banner .hero-carousel li h1, .hero-banner .hero-carousel li .overlay, .hero-banner .hero-carousel li, .hero-banner .hero-carousel, .hero-banner, header .nav .pagewrapper nav > ul > li .sub-menu > ul > li a, header .nav .pagewrapper nav > ul > li .sub-menu > ul > li, header .nav .pagewrapper nav > ul > li .sub-menu > ul, header .nav .pagewrapper nav > ul, header .nav .pagewrapper nav, header .nav, header .headtop .pagewrapper .mainhead, header .headtop, header, details summary, details, p.btn-center, .subheading, .mobilenav ul.mobilemenu li ul.submenu, .mobilenav ul.mobilemenu li a, .mobilenav ul.mobilemenu li, .mobilenav ul.mobilemenu {
  width: 100%;
  float: left;
  position: relative;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.listn, .contact-form .contactform, .contact-info .cinfo article ul, .photos-sec .photos-list, .offers-events .pagination, .offers-events .list-offers, .menu-options .list-options, .main-content .amenities ul.icons-list, footer .footer-bottom ul, footer .footer-top ul, .newsletter .pagewrapper aside ul, .experiences div.list-events, .experiences ul.list-experiences, .services .pagewrapper article ul.col2, .services .pagewrapper article ul, .facilities ul.list-facilities, .hero-banner .hero-carousel, header .nav .pagewrapper nav > ul > li .sub-menu > ul, header .nav .pagewrapper nav > ul, .mobilenav ul.mobilemenu li ul.submenu, .mobilenav ul.mobilemenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Containers */
.fullwidth {
  width: 100%;
}

.pagewrapper {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  max-width: 1280px;
}

.pagewrapper2 {
  width: 90%;
  margin: 0 auto;
  position: relative;
  max-width: 1440px;
}

.pagewrapper3 {
  width: 90%;
  margin: 0 auto;
  max-width: 1420px;
}

.pagewrapper4 {
  width: 94%;
  margin: 0 auto;
  max-width: 1356px;
}

.pagewrapper5 {
  width: 88%;
  margin: 0 auto;
  max-width: 1260px;
}

.pagewrapper6 {
  width: 100%;
  margin: 0 auto;
  max-width: 1440px;
}

/* Responsive Images */
.defimg, img {
  width: 100%;
  height: auto;
  display: block;
}

.defimg2 {
  width: auto;
  height: 100%;
}

.defauto, .main-content .amenities ul.icons-list li img, .services .pagewrapper article img, header .headtop .pagewrapper .mainhead .call-book .call img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.containimg, .experiences div.list-events aside .type-event img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.coverimg, .videos-sec .slider-nav .thumbnail img, .photos-sec .photos-list li a img, .offers-events .list-offers li .offers-entry aside a img, .page-banner img, .experiences div.list-events aside img, .experiences ul.list-experiences li img, .facilities ul.list-facilities li a img, .accommodation .fullwidth div.list-acc div.room a img, .hero-banner .hero-carousel li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Layouts/Displays */
.flex, .contact-form .contactform li:last-child .consent, .contact-form .contactform li:last-child input[type=submit], .contact-form .contactform li:last-child, .contact-form .contactform, .contact-info .cinfo article .socials p, .contact-info .cinfo article ul li, .contact-info .cinfo, .photos-sec .photos-list, .photos-sec h2, .offers-events .pagination, .offers-events .list-offers li .offers-entry article p.btn-link a, .offers-events .list-offers li .offers-entry, .menu-options .list-options, .room-info .room-det, .room-info h2, .main-content .amenities ul.icons-list li, .main-content .amenities ul.icons-list, .main-content .img-content, .page-banner h1 .submenu, .page-banner, footer .footer-bottom ul li:nth-child(2), footer .footer-bottom ul, footer .footer-top ul, footer .footer-top .logo, .newsletter .pagewrapper aside ul li .mc_container .mc_form_inside, .newsletter .pagewrapper aside ul li input[type=submit], .newsletter .pagewrapper aside ul li #mc_signup_submit, .newsletter .pagewrapper aside ul li, .newsletter .pagewrapper aside ul, .newsletter .pagewrapper, .experiences div.list-events aside .type-event, .experiences ul.list-experiences li, .experiences .fullwidth, .services .pagewrapper aside, .services .pagewrapper article ul.col2, .services .pagewrapper article ul li, .services .pagewrapper article ul, .services .pagewrapper, .facilities ul.list-facilities li a article .link, .facilities ul.list-facilities li a article, .facilities ul.list-facilities li, .facilities .fullwidth, .accommodation .fullwidth, .intro article p.btn-link a, .intro article p, .intro article, .hero-banner .hero-carousel li, header .nav .pagewrapper nav > ul > li > a, header .nav .pagewrapper nav > ul, header .headtop .pagewrapper .mainhead .call-book .call, header .headtop .pagewrapper .mainhead .call-book, header .headtop .pagewrapper .mainhead, header .headtop .pagewrapper, a.btn-red, p.btn-center a.btn-red, p.btn-center {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.inblock {
  display: inline-block;
}

.block {
  display: block;
  clear: both;
}

/* Display in Desktop or mobile */
.desktop {
  display: block;
}

.mobile {
  display: none;
}

/* Wordpress - Wysiwyg Image Alignment */
.alignleft {
  text-align: left !important;
  float: left;
  margin-right: 20px;
  bottom: 20px;
}

.alignright {
  text-align: right !important;
  float: right;
  margin-left: 20px;
  bottom: 20px;
}

.aligncenter {
  text-align: center !important;
  margin: 20px auto;
}

.trans, .contact-info .cinfo article .socials p a, .offers-events .list-offers li .offers-entry article p.btn-link a, .offers-events .list-offers li .offers-entry article h3 a, .offers-events .list-offers li .offers-entry aside a, .main-content .article-content a, footer .footer-bottom ul li:last-child a, footer .footer-bottom ul li:nth-child(2) a, footer .footer-top ul li a, footer .footer-top .logo a, .newsletter .pagewrapper aside ul li input[type=submit], .newsletter .pagewrapper aside ul li #mc_signup_submit, .facilities ul.list-facilities li, .accommodation .fullwidth div.list-acc div.room a .room-det, header .nav .pagewrapper nav > ul > li > a, header .headtop .pagewrapper .mainhead .call-book .btn-red, a.btn-red, p.btn-center a.btn-red, .mobilenav ul.mobilemenu li details summary, .mobilenav ul.mobilemenu li a {
  transition: 0.3s;
}

/* Flex - commonly used */
/* Stretched Vertically */
.startstretch {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.startend, .facilities ul.list-facilities li a article {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-content: flex-end;
  -webkit-align-content: flex-end;
}

.endstretch {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.betweenstretch, .contact-form .contactform, .contact-info .cinfo, .offers-events .list-offers li .offers-entry, .menu-options .list-options, .experiences ul.list-experiences li, .services .pagewrapper article ul.col2, .facilities ul.list-facilities li {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.centerstretch, .photos-sec .photos-list, .main-content .amenities ul.icons-list {
  justify-content: center;
  -webkit-justify-content: center;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.aroundstretch {
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.aroundstart {
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-content: flex-start;
  -webkit-align-content: flex-start;
}

/* Centered Vertically */
.startcenter, .contact-info .cinfo article .socials p, .offers-events .pagination, .offers-events .list-offers li .offers-entry article p.btn-link a, .newsletter .pagewrapper aside ul li .mc_container .mc_form_inside, .services .pagewrapper article ul li, .facilities ul.list-facilities li a article .link, .intro article p.btn-link a, .intro article p, header .headtop .pagewrapper .mainhead .call-book .call {
  justify-content: flex-start;
  align-items: center;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
}

.endcenter, header .headtop .pagewrapper .mainhead .call-book {
  justify-content: flex-end;
  align-items: center;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
}

.centercenter, .contact-form .contactform li:last-child input[type=submit], .page-banner h1 .submenu, .page-banner, footer .footer-bottom ul li:nth-child(2), footer .footer-top ul, footer .footer-top .logo, .newsletter .pagewrapper aside ul li input[type=submit], .newsletter .pagewrapper aside ul li #mc_signup_submit, .experiences div.list-events aside .type-event, .experiences .fullwidth, .facilities .fullwidth, .accommodation .fullwidth, .hero-banner .hero-carousel li, header .nav .pagewrapper nav > ul > li > a, header .nav .pagewrapper nav > ul, a.btn-red, p.btn-center a.btn-red, p.btn-center {
  justify-content: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}

.betweencenter, .contact-form .contactform li:last-child .consent, .contact-form .contactform li:last-child, .contact-info .cinfo article ul li, .photos-sec h2, .room-info h2, footer .footer-bottom ul, .newsletter .pagewrapper aside ul, .newsletter .pagewrapper, .services .pagewrapper aside, .services .pagewrapper, header .headtop .pagewrapper .mainhead, header .headtop .pagewrapper, details summary {
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
}

.aroundcenter {
  justify-content: space-around;
  align-items: center;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
}

.startstart {
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
}

.centerstart, .main-content .amenities ul.icons-list li {
  justify-content: center;
  align-items: flex-start;
  -webkit-justify-content: center;
  -webkit-align-items: flex-start;
}

.endstart, .intro article {
  justify-content: flex-end;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  -webkit-align-items: flex-start;
}

.betweenstart, .room-info .room-det, .main-content .img-content {
  justify-content: space-between;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
}

.betweenend {
  justify-content: space-between;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-end;
}

/* Shadows */
.shdw1 {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.shdw2 {
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

/* Fonts */
/* Colors */
/* Use name nearest to the color you will use */
/* Default Heading - if you have consistent font sizes per heading/paragraph - set complete styles  here */
h1 {
  font: 60px/70px "Claire Murphy", serif;
}

h2 {
  font: 48px/54px "Cormorant Garamond", "Times New Roman", serif;
}

h3 {
  font: 40px/46px "Cormorant Garamond", "Times New Roman", serif;
}

h4 {
  font: 600 24px/30px "Montserrat", "Arial", sans-serif;
}

h5 {
  font: 600 20px/16px "Montserrat", "Arial", sans-serif;
}

h6 {
  font: 600 18px/24px "Montserrat", "Arial", sans-serif;
}

p {
  font: 16px/24px "Montserrat", "Arial", sans-serif;
}

/* Columns */
.col-1 {
  width: 100%;
}

.col-2 {
  width: 48%;
}

.col-3 {
  width: 32%;
}

.col-4 {
  width: 23%;
}

.col-5 {
  width: 18%;
}

.col-6 {
  width: 15%;
}

.col-8 {
  width: 11%;
}

.col-10 {
  width: 9%;
}

.col-2-2 {
  width: 50%;
}

/* Icons */
body {
  font: 16px/24px "Montserrat", "Arial", sans-serif;
}

.trans, .contact-info .cinfo article .socials p a, .offers-events .list-offers li .offers-entry article p.btn-link a, .offers-events .list-offers li .offers-entry article h3 a, .offers-events .list-offers li .offers-entry aside a, .main-content .article-content a, footer .footer-bottom ul li:last-child a, footer .footer-bottom ul li:nth-child(2) a, footer .footer-top ul li a, footer .footer-top .logo a, .newsletter .pagewrapper aside ul li input[type=submit], .newsletter .pagewrapper aside ul li #mc_signup_submit, .facilities ul.list-facilities li, .accommodation .fullwidth div.list-acc div.room a .room-det, header .nav .pagewrapper nav > ul > li > a, header .headtop .pagewrapper .mainhead .call-book .btn-red, a.btn-red, p.btn-center a.btn-red, .mobilenav ul.mobilemenu li details summary, .mobilenav ul.mobilemenu li a {
  transition: 0.3s;
}

/* Responsive Google Map/Youtube Video */
.googleMaps {
  position: relative;
  padding-bottom: 0;
  height: 0;
  overflow: hidden;
  height: 380px;
}

.googleMaps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 380px !important;
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 105%;
  position: relative;
  height: 0;
}

.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 50px 8px 20px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 25px;
  top: 25px;
  float: right;
  background: #0447db url(../images/mpf-close.jpg) no-repeat center;
  background-size: contain;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  background: url(../images/mpf-close.jpg) no-repeat center;
  background-size: contain;
  opacity: 0.75;
}

.mfp-close-btn-in .mfp-close {
  color: rgba(0, 0, 0, 0);
  background: url(../images/mpf-close.jpg) no-repeat center;
  background-size: cover;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: rgba(0, 0, 0, 0);
  background: url(../images/mpf-close.jpg) no-repeat center;
  background-size: cover;
  height: 20px;
  width: 20px;
  top: 25px;
  right: 25px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* Animation */
@keyframes fadein {
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: 400px;
  }
}
/* Mobile Navigation */
.mobilenav {
  width: 300px;
  height: 100vh;
  background: #741112;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  padding-top: 50px;
  overflow-y: auto;
}
.mobilenav button.close {
  width: 30px;
  height: 30px;
  float: right;
  position: absolute;
  top: 10px;
  right: 20px;
  background: url(../images/close-icon.png) no-repeat center center;
  background-size: contain;
}
.mobilenav ul.mobilemenu li {
  border-top: solid 1px #a79987;
}
.mobilenav ul.mobilemenu li a {
  padding: 15px;
  text-align: left;
  font: 16px/24px "Montserrat", "Arial", sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.mobilenav ul.mobilemenu li a:hover {
  background: #a79987;
}
.mobilenav ul.mobilemenu li ul.submenu {
  padding-left: 20px;
}
.mobilenav ul.mobilemenu li ul.submenu li {
  border: 0;
}
.mobilenav ul.mobilemenu li details {
  margin-bottom: 0 !important;
}
.mobilenav ul.mobilemenu li details > a {
  padding-left: 35px;
  background: #a01819;
  color: #fff !important;
}
.mobilenav ul.mobilemenu li details summary {
  border: none;
}
.mobilenav ul.mobilemenu li details summary:after {
  font-weight: normal !important;
  margin: 0 10px 5px 13px !important;
  font-size: 22px;
}
.mobilenav ul.mobilemenu li details[open] summary {
  background: #a79987;
  /* a {
    background: $gold
  } */
}
.mobilenav ul.mobilemenu li details[open] summary:after {
  color: #fff;
}
.mobilenav ul.mobilemenu li details > a:hover {
  background: #a79987 !important;
}
.mobilenav ul.mobilemenu li details summary {
  background: #741112;
  /* a {
    background: $red;
  } */
}
.mobilenav ul.mobilemenu li details summary:after {
  color: #fff;
}
.mobilenav ul.mobilemenu li.active a {
  background: #a79987;
}

.subheading {
  font: 16px/24px "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

p.btn-center a.btn-red {
  color: #fff;
  padding: 0 25px;
  background: #741112;
  font: 600 16px/24px "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
  border-radius: 8px;
  height: 48px;
  width: auto !important;
  float: left;
}
p.btn-center a.btn-red:hover {
  opacity: 0.7;
}

a.btn-red {
  color: #fff;
  padding: 0 25px;
  background: #741112;
  font: 600 16px/24px "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
  border-radius: 8px;
  height: 48px;
  width: auto !important;
  float: left;
}

a.btn-red:hover {
  opacity: 0.7;
}

details summary::-webkit-details-marker {
  display: none;
}

details {
  padding: 0;
}
details summary {
  border: none;
  float: none;
  display: flex;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
details summary::marker {
  display: none;
}
details summary h6 {
  color: #424242;
  padding-bottom: 10px;
}
details summary:before {
  display: none;
}
details summary:after {
  color: #424242;
  content: "\ea5f";
  font-family: "tabler-icons";
  stroke-width: 1;
  font-weight: normal;
}

details[open] summary:after {
  transform: rotate(-180deg);
}

/* Header */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 157px;
}
header .headtop {
  background: #fff;
}
header .headtop .pagewrapper .mainhead {
  height: auto;
}
header .headtop .pagewrapper .mainhead .logo {
  width: 100%;
  max-width: 340px;
}
header .headtop .pagewrapper .mainhead .logo img {
  width: 100px;
  padding: 8px 0;
}
header .headtop .pagewrapper .mainhead .call-book {
  width: auto;
  float: right;
}
header .headtop .pagewrapper .mainhead .call-book .call {
  color: #424242;
}
header .headtop .pagewrapper .mainhead .call-book .call img {
  margin-right: 10px;
}
header .headtop .pagewrapper .mainhead .call-book .book-mob {
  display: none;
}
header .headtop .pagewrapper .mainhead .call-book .book-mob img {
  width: 30px;
}
header .headtop .pagewrapper .mainhead .call-book .btn-red {
  margin-left: 20px;
}
header .headtop .pagewrapper .mainhead .call-book .btn-red:hover {
  background: #a79987;
}
header .headtop .pagewrapper .mobnav {
  width: 30px;
  height: 30px;
  background: url(../images/menu-icon.png) no-repeat center center;
  background-size: contain;
  float: left;
  position: relative;
  margin-right: 40px;
  z-index: 10;
  display: none;
}
header .nav {
  background: #a79987;
  height: 60px;
}
header .nav .pagewrapper nav {
  height: 60px;
}
header .nav .pagewrapper nav > ul > li {
  margin: 0 15px;
  position: relative;
}
header .nav .pagewrapper nav > ul > li > a {
  color: #fff;
  text-transform: uppercase;
  height: 60px;
  border-bottom: solid 3px transparent;
}
header .nav .pagewrapper nav > ul > li > a:hover {
  color: #fff;
  border-bottom: solid 3px #fff;
}
header .nav .pagewrapper nav > ul > li .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  z-index: 10;
  min-width: 300px;
  padding-top: 5px;
  transition: all ease-in-out 0.3s;
}
header .nav .pagewrapper nav > ul > li .sub-menu > ul {
  background: #a79987;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 10px;
  transition: all ease-in-out 0.3s;
}
header .nav .pagewrapper nav > ul > li .sub-menu > ul > li a {
  padding: 8px 15px;
  color: #fff;
  transition: all 0.3s ease;
}
header .nav .pagewrapper nav > ul > li .sub-menu > ul > li.active > a, header .nav .pagewrapper nav > ul > li .sub-menu > ul > li:hover > a {
  color: #741112;
}
header .nav .pagewrapper nav > ul > li:hover .sub-menu {
  display: block;
}
header .nav .pagewrapper nav > ul li.active > a {
  border-bottom: solid 3px #fff;
}

/* Hero Banner */
.hero-banner {
  position: relative;
  z-index: 1;
}
.hero-banner .hero-carousel {
  height: 100%;
  z-index: 1;
}
.hero-banner .hero-carousel li {
  position: relative;
  height: 100vh;
}
.hero-banner .hero-carousel li img.mobile {
  display: none;
  z-index: 1;
}
.hero-banner .hero-carousel li img.desktop {
  z-index: 1;
}
.hero-banner .hero-carousel li .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
.hero-banner .hero-carousel li h1 {
  text-align: center;
  position: absolute;
  top: auto;
  bottom: auto;
  z-index: 3;
  color: #fff;
  margin-top: 156px;
}
.hero-banner .availability {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  color: #fff;
}

/* Intro section */
.intro {
  padding: 90px 0;
}
.intro aside {
  margin-bottom: 25px;
}
.intro aside .subheading {
  max-width: 705px;
}
.intro aside h2 {
  max-width: 705px;
}
.intro aside h2 b, .intro aside h2 strong {
  font-weight: 600;
}
.intro article {
  float: right;
  max-width: 460px;
}
.intro article p {
  margin-bottom: 30px;
}
.intro article p.btn-link {
  margin-bottom: 30px;
}
.intro article p.btn-link a {
  color: #424242;
  font-weight: 500;
  font-style: italic;
}
.intro article p.btn-link a span.aline {
  width: 45px;
  height: 1px;
  float: left;
  background: #424242;
  margin-left: 10px;
}

/* Accommodation */
.accommodation {
  padding: 90px 0 0;
  text-align: center;
  color: #fff;
}
.accommodation .fullwidth {
  position: relative;
  z-index: 2;
}
.accommodation .fullwidth h2 {
  margin-bottom: 25px;
}
.accommodation .fullwidth p {
  font: 16px/30px "Montserrat", "Arial", sans-serif;
  padding: 0 15px;
}
.accommodation .fullwidth p a {
  color: #fff;
  margin: 0 10px;
}
.accommodation .fullwidth h2 + p {
  max-width: 75%;
}
.accommodation .fullwidth div.list-acc {
  height: 535px;
  margin: 40px 0 100px;
}
.accommodation .fullwidth div.list-acc .slick-list {
  padding: 0 25% !important;
}
.accommodation .fullwidth div.list-acc div.room {
  margin: 0 25px;
  position: relative;
  height: 565px;
  overflow: hidden;
}
.accommodation .fullwidth div.list-acc div.room a {
  height: 100%;
  color: #fff;
}
.accommodation .fullwidth div.list-acc div.room a .room-det {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  z-index: 3;
}
.accommodation .fullwidth div.list-acc div.room a img {
  z-index: 1;
}
.accommodation .fullwidth div.list-acc div.room a .overlay {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: url(../images/overlay-thumb.png) repeat-x center bottom;
}
.accommodation .fullwidth div.list-acc div.room a:hover .room-det {
  opacity: 0.7;
}
.accommodation .fullwidth p.btn-center {
  margin: 30px 0 50px;
}
.accommodation .blockbg {
  height: 735px;
  background: #a79987;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

/* Facilities */
.facilities {
  padding: 90px 0 0;
  text-align: center;
}
.facilities h2 {
  margin-bottom: 25px;
}
.facilities p {
  font: 16px/30px "Montserrat", "Arial", sans-serif;
  max-width: 690px;
  padding: 0 15px;
}
.facilities ul.list-facilities {
  margin: 35px 0 0;
}
.facilities ul.list-facilities li {
  position: relative;
  height: 685px;
}
.facilities ul.list-facilities li a {
  height: 100%;
  position: relative;
  color: #fff;
}
.facilities ul.list-facilities li a img {
  z-index: 1;
}
.facilities ul.list-facilities li a .overlay {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: url(../images/overlay-thumb.png) repeat-x center bottom;
}
.facilities ul.list-facilities li a article {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 35px;
  z-index: 3;
  text-align: left;
}
.facilities ul.list-facilities li a article p.subheading {
  margin-bottom: 0 !important;
}
.facilities ul.list-facilities li a article h3 {
  margin-bottom: 10px;
}
.facilities ul.list-facilities li a article h3 + p {
  margin-bottom: 20px;
  min-height: 60px;
}
.facilities ul.list-facilities li a article .link {
  font-style: italic;
  font-weight: 500;
}
.facilities ul.list-facilities li a article .link span.aline {
  width: 45px;
  height: 1px;
  float: left;
  background: #fff;
  margin-left: 10px;
}
.facilities ul.list-facilities li a article p {
  padding: 0 !important;
}
.facilities ul.list-facilities li a:hover {
  opacity: 0.7;
}

/* Services */
.services {
  background: rgba(234, 234, 234, 0.5);
  padding: 90px 0;
}
.services .pagewrapper article {
  width: 48%;
}
.services .pagewrapper article img {
  margin-right: 20px;
}
.services .pagewrapper article h2 {
  margin-bottom: 24px;
}
.services .pagewrapper article ul {
  margin: 25px 0;
}
.services .pagewrapper article ul li {
  margin-bottom: 15px;
}
.services .pagewrapper article ul.col2 {
  margin-top: 30px;
}
.services .pagewrapper article ul.col2 li {
  width: 48%;
  margin-bottom: 30px;
}
.services .pagewrapper article ul.col2 li p {
  margin-bottom: 5px;
}
.services .pagewrapper aside {
  width: 50%;
}
.services .pagewrapper aside img {
  width: 48%;
  border-radius: 8px;
}
.services .pagewrapper aside .imgfirst {
  margin-top: 90px;
}
.services .pagewrapper aside .imglast {
  margin-bottom: 90px;
}

/* Experiences */
.experiences {
  padding: 65px 0;
  text-align: center;
}
.experiences h2 {
  margin-bottom: 25px;
}
.experiences p {
  font: 16px/30px "Montserrat", "Arial", sans-serif;
  max-width: 650px;
  padding: 0 15px;
}
.experiences ul.list-experiences {
  margin: 35px 0;
}
.experiences ul.list-experiences li {
  position: relative;
}
.experiences ul.list-experiences li img {
  z-index: 1;
}
.experiences ul.list-experiences li .overlay {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: url(../images/overlay-thumb.png) repeat-x center bottom;
}
.experiences ul.list-experiences li h4 {
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding: 30px 10px;
  z-index: 3;
}
.experiences div.list-events {
  margin: 35px 0;
  padding-bottom: 40px;
}
.experiences div.list-events .slick-dots {
  bottom: 0px !important;
}
.experiences div.list-events aside {
  position: relative;
  height: 475px;
  padding-top: 47px;
}
.experiences div.list-events aside img {
  z-index: 1;
}
.experiences div.list-events aside .type-event {
  position: absolute;
  margin-top: -47px;
  z-index: 8;
  height: 94px;
}
.experiences div.list-events aside .overlay {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: url(../images/overlay-thumb.png) repeat-x center bottom;
}
.experiences div.list-events aside .event-details {
  padding: 30px 10px;
  text-align: center;
  position: absolute;
  bottom: 0;
  z-index: 3;
}
.experiences div.list-events aside .event-details h4 {
  color: #fff;
  text-align: center;
  font: 600 20px/26px "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
}
.experiences div.list-events aside .event-details h3 {
  color: #fff;
  text-align: center;
  font: 600 24px/36px "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
}

/* Newsletter */
.newsletter {
  background: #c2a6a8;
  padding: 80px 0;
  color: #fff;
}
.newsletter .pagewrapper h2 {
  max-width: 430px;
}
.newsletter .pagewrapper aside {
  width: 100%;
  max-width: 595px;
}
.newsletter .pagewrapper aside p {
  margin-bottom: 5px;
}
.newsletter .pagewrapper aside ul li {
  position: relative;
  z-index: 1;
}
.newsletter .pagewrapper aside ul li input[type=email], .newsletter .pagewrapper aside ul li #mc_signup_form .mc_input, .newsletter .pagewrapper aside ul li input[type=text] {
  background: #c2a6a8;
  border: solid 1px #fff;
  padding: 5px 10px;
  height: 46px;
  font: 16px/22px "Montserrat", "Arial", sans-serif;
  color: #fff;
  box-sizing: border-box;
}
.newsletter .pagewrapper aside ul li input[type=email]::-moz-placeholder {
  font: 300 16px/22px "Montserrat", "Arial", sans-serif;
  color: #fff;
}
.newsletter .pagewrapper aside ul li input[type=email]::placeholder {
  font: 300 16px/22px "Montserrat", "Arial", sans-serif;
  color: #fff;
}
.newsletter .pagewrapper aside ul li input[type=submit], .newsletter .pagewrapper aside ul li #mc_signup_submit {
  width: 160px;
  height: 46px;
  background: #741112;
  font: 700 16px/24px "Montserrat", "Arial", sans-serif;
  text-transform: uppercase;
  z-index: 2;
  color: #fff;
  border: solid 1px #fff;
  margin-top: 0;
}
.newsletter .pagewrapper aside ul li input[type=submit]:hover {
  opacity: 0.7;
}
.newsletter .pagewrapper aside ul li .mc_container label {
  display: none;
}
.newsletter .pagewrapper aside ul li .mc_container .mc_form_inside .mc_merge_var {
  width: calc(100% - 180px);
  margin-right: 20px;
  margin-bottom: 0;
}

/* Footer */
footer {
  background: #fff;
}
footer .footer-top {
  padding: 35px 0;
}
footer .footer-top .logo {
  margin-bottom: 30px;
}
footer .footer-top .logo img {
  width: 100px;
}
footer .footer-top .logo a {
  width: auto;
  margin: 0 auto;
  max-width: 340px;
}
footer .footer-top .logo a:hover {
  opacity: 0.7;
}
footer .footer-top ul {
  border-bottom: solid 1px #eaeaea;
  margin-bottom: 35px;
}
footer .footer-top ul li {
  margin: 20px 17px;
  text-transform: uppercase;
}
footer .footer-top ul li a {
  color: #424242;
}
footer .footer-top ul li a:hover {
  color: #741112;
}
footer .footer-top p.cinfo {
  color: #696969;
  text-align: center;
}
footer .footer-bottom {
  background: #eaeaea;
}
footer .footer-bottom ul li {
  width: 33%;
  margin: 15px 0;
}
footer .footer-bottom ul li:nth-child(2) .fb {
  width: 13px;
  height: 28px;
  margin: 0 8px;
  background: url(../images/fb.png) no-repeat center center;
  background-size: contain;
}
footer .footer-bottom ul li:nth-child(2) .ta {
  width: 47px;
  height: 28px;
  margin: 0 8px;
  background: url(../images/ta.png) no-repeat center center;
  background-size: contain;
}
footer .footer-bottom ul li:nth-child(2) .ig {
  width: 28px;
  height: 28px;
  margin: 0 8px;
  background: url(../images/ig.png) no-repeat center center;
  background-size: contain;
}
footer .footer-bottom ul li:nth-child(2) a:hover {
  opacity: 0.7;
}
footer .footer-bottom ul li:last-child {
  text-align: right;
}
footer .footer-bottom ul li:last-child a {
  color: #424242;
}
footer .footer-bottom ul li:last-child a:hover {
  color: #741112;
}

/* Page Banner */
.page-banner {
  height: 715px;
  position: relative;
  z-index: 1;
}
.page-banner .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
.page-banner img {
  position: relative;
}
.page-banner img.mobile {
  display: none;
  z-index: 1;
}
.page-banner img.desktop {
  z-index: 1;
}
.page-banner h1 {
  text-align: center;
  position: absolute;
  top: auto;
  bottom: auto;
  z-index: 3;
  color: #fff;
  margin-top: 156px;
}
.page-banner h1 a {
  color: #fff;
  font: 16px/24px "Montserrat", "Arial", sans-serif;
}
.page-banner h1 .submenu {
  margin-top: 30px;
  text-align: center;
  font: 24px/30px "Montserrat", "Arial", sans-serif;
}
.page-banner h1 .submenu a {
  width: auto !important;
  padding: 0 25px;
  font: 24px/30px "Montserrat", "Arial", sans-serif;
}
.page-banner h1 .submenu a:first-child {
  border-right: solid 1px #fff;
}

.main-content {
  padding: 90px 0;
  /* Article Main */
  /* Image + Content */
  /* Amenities */
}
.main-content .article-title {
  margin-bottom: 30px;
  border-bottom: solid 1px #741112;
}
.main-content .article-title h2 {
  margin-bottom: 10px;
}
.main-content .article-title p {
  font: 24px/30px "Montserrat", "Arial", sans-serif;
  margin-bottom: 10px;
}
.main-content .article-content h2, .main-content .article-content h3, .main-content .article-content h4 {
  margin-bottom: 15px;
}
.main-content .article-content h5, .main-content .article-content h6 {
  margin-bottom: 10px;
}
.main-content .article-content p {
  margin-bottom: 25px;
}
.main-content .article-content ul, .main-content .article-content ol {
  margin: 0 auto 20px;
}
.main-content .article-content ul li, .main-content .article-content ol li {
  margin-bottom: 10px;
}
.main-content .article-content a {
  color: #424242;
  text-decoration: underline;
}
.main-content .article-content a:hover {
  color: #741112;
}
.main-content .article-content .sharethis {
  margin: 20px 0;
}
.main-content .img-content {
  padding: 30px 0 50px;
}
.main-content .img-content aside {
  width: 60%;
  margin-bottom: 30px;
}
.main-content .img-content aside img {
  border-radius: 10px;
}
.main-content .img-content article {
  width: 35%;
}
.main-content .img-content article p {
  margin-bottom: 25px;
}
.main-content .amenities {
  padding: 90px 0;
  background: #eaeaea;
  text-align: center;
  margin-bottom: 50px;
}
.main-content .amenities h2 + p {
  margin: 20px 0 30px;
}
.main-content .amenities ul.icons-list li {
  margin-bottom: 30px;
  padding: 0 10px;
}
.main-content .amenities ul.icons-list li img {
  margin-bottom: 15px;
}
.main-content .amenities .col4 li {
  width: 25%;
}
.main-content .amenities .col5 li {
  width: 20%;
}

/* Room Info */
.room-info {
  padding: 90px 0;
}
.room-info h2 {
  margin-bottom: 30px;
}
.room-info h2 a {
  margin-left: 15px;
}
.room-info .room-det p {
  font-weight: 400;
}
.room-info .room-det aside {
  width: 35%;
}
.room-info .room-det aside p.label {
  margin-bottom: 0;
  font-weight: 600;
}
.room-info .room-det aside p {
  margin-bottom: 25px;
}
.room-info .room-det article {
  width: 60%;
}

/* Menu options */
.menu-options {
  padding: 90px 0;
  text-align: center;
}
.menu-options h2 {
  margin-bottom: 30px;
}
.menu-options .list-options {
  background: #8b8476;
  color: #fff;
  text-align: left;
  margin-bottom: 50px;
}
.menu-options .list-options li {
  width: 33%;
  padding: 45px 30px;
}
.menu-options .list-options li h3 {
  margin-bottom: 10px;
}
.menu-options .list-options li p.time {
  font-style: italic;
  margin-bottom: 15px;
}
.menu-options .list-options li:nth-child(2) {
  background: #736d61;
}
.menu-options p.italic {
  font-style: italic;
  margin-bottom: 15px;
  margin-top: 30px;
}

.bggray {
  background: rgba(234, 234, 234, 0.5);
}

/* Offers and Events */
.offers-events {
  padding: 90px 0;
}
.offers-events .list-offers li {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 1px #741112;
}
.offers-events .list-offers li .offers-entry {
  background: #f4f4f4;
}
.offers-events .list-offers li .offers-entry aside {
  width: 410px;
}
.offers-events .list-offers li .offers-entry aside a {
  height: 100%;
}
.offers-events .list-offers li .offers-entry aside a:hover {
  opacity: 0.7;
}
.offers-events .list-offers li .offers-entry article {
  width: calc(100% - 410px);
  padding: 25px;
}
.offers-events .list-offers li .offers-entry article h3 {
  font: 30px/40px "Cormorant Garamond", "Times New Roman", serif;
  margin-bottom: 10px;
}
.offers-events .list-offers li .offers-entry article h3 a {
  color: #424242;
}
.offers-events .list-offers li .offers-entry article h3 a:hover {
  color: #741112;
}
.offers-events .list-offers li .offers-entry article h3 + p {
  font-weight: 600;
}
.offers-events .list-offers li .offers-entry article p {
  margin-bottom: 25px;
}
.offers-events .list-offers li .offers-entry article p.btn-link {
  margin-bottom: 30px;
}
.offers-events .list-offers li .offers-entry article p.btn-link a {
  color: #424242;
  font-weight: 500;
  font-style: italic;
}
.offers-events .list-offers li .offers-entry article p.btn-link a span.aline {
  width: 45px;
  height: 1px;
  float: left;
  background: #424242;
  margin-left: 10px;
}
.offers-events .list-offers li .offers-entry article p.btn-link p.btn-link:hover a {
  color: #741112;
}
.offers-events .list-offers li .offers-entry article p.btn-link p.btn-link:hover a span.aline {
  background: #741112;
}
.offers-events .pagination li {
  margin-right: 10px;
}
.offers-events .pagination li a {
  padding: 3px 8px 0;
  color: #424242;
  background: #eaeaea;
  float: left;
}
.offers-events .pagination li a:hover {
  background: #741112;
  color: #fff;
}
.offers-events .pagination li.active a {
  color: #fff;
  background: #741112;
}

.photos-sec {
  padding: 70px 0;
}
.photos-sec .photos {
  top: -230px;
  height: 1px;
  position: absolute;
}
.photos-sec h2 {
  margin-bottom: 30px;
}
.photos-sec h2 span.filter {
  font: 16px/24px "Montserrat", "Arial", sans-serif;
}
.photos-sec h2 span.filter a {
  font: 16px/24px "Montserrat", "Arial", sans-serif;
  color: #424242;
  padding-left: 10px;
  border-left: solid 1px #424242;
  padding-right: 10px;
}
.photos-sec h2 span.filter a.active, .photos-sec h2 span.filter a:hover {
  text-decoration: underline;
}
.photos-sec h2 span.filter a:first-child {
  border-left: 0;
}
.photos-sec h2 span.filter a:last-child {
  padding-right: 0;
}
.photos-sec p.btn-center {
  margin: 30px 0;
}
.photos-sec .photos-list li {
  width: 32%;
  height: 260px;
  margin: 0 0.65% 15px;
}
.photos-sec .photos-list li a {
  height: 100%;
}
.photos-sec .photos-list .gal {
  display: none;
}
.photos-sec .noContent {
  color: #000 !important;
  background-color: #f4f4f4 !important;
  pointer-events: none;
}

.videos-sec {
  background: rgba(234, 234, 234, 0.5);
  padding: 70px 0;
}
.videos-sec .videos {
  top: -160px;
  height: 1px;
  position: absolute;
}
.videos-sec h2 {
  margin-bottom: 30px;
}
.videos-sec .slider-for p {
  text-align: center;
  margin: 10px 0 20px;
  padding: 0 15px;
}
.videos-sec .slider-nav {
  padding: 0 13%;
  overflow: hidden;
}
.videos-sec .slider-nav .slick-prev, .videos-sec .slider-nav .slick-next {
  z-index: 2 !important;
}
.videos-sec .slider-nav .thumbnail {
  margin: 0 10px;
}
/* Contact us */
.contact-info {
  padding: 70px 0;
}
.contact-info .cinfo {
  margin-top: 30px;
}
.contact-info .cinfo aside {
  width: 52%;
}
.contact-info .cinfo article {
  width: 45%;
}
.contact-info .cinfo article ul li {
  margin-bottom: 15px;
}
.contact-info .cinfo article ul li img {
  width: 55px;
  height: auto;
}
.contact-info .cinfo article ul li span {
  width: calc(100% - 65px);
}
.contact-info .cinfo article .socials {
  margin-top: 30px;
}
.contact-info .cinfo article .socials p {
  font: 24px/30px "Cormorant Garamond", "Times New Roman", serif;
  margin-bottom: 15px;
}
.contact-info .cinfo article .socials p .fb {
  width: 13px;
  height: 28px;
  margin: 0 8px;
  background: url(../images/fb.png) no-repeat center center;
  background-size: contain;
}
.contact-info .cinfo article .socials p .ta {
  width: 47px;
  height: 28px;
  margin: 0 8px;
  background: url(../images/ta.png) no-repeat center center;
  background-size: contain;
}
.contact-info .cinfo article .socials p .ig {
  width: 28px;
  height: 28px;
  margin: 0 8px;
  background: url(../images/ig.png) no-repeat center center;
  background-size: contain;
}
.contact-info .cinfo article .socials p a:hover {
  opacity: 0.7;
}

.contact-form {
  background: rgba(234, 234, 234, 0.5);
  padding: 70px 0;
}
.contact-form p, .contact-form h2 {
  text-align: center;
  padding: 0 15px;
}
.contact-form h2 {
  margin-bottom: 10px;
}
.contact-form .contactform {
  margin-top: 30px;
  margin-bottom: 30px;
}
.contact-form .contactform li {
  width: 32%;
  margin-bottom: 20px;
}
.contact-form .contactform li label {
  margin-bottom: 10px;
}
.contact-form .contactform li label span.req {
  color: #741112;
}
.contact-form .contactform li input[type=text], .contact-form .contactform li input[type=email], .contact-form .contactform li textarea, .contact-form .contactform li select {
  height: 48px;
  border: 0;
  border-bottom: solid 1px #424242;
  font: 16px/24px "Montserrat", "Arial", sans-serif;
  color: #424242;
  background: transparent;
}
.contact-form .contactform li textarea {
  height: 100px;
}
.contact-form .contactform li:last-child input[type=submit] {
  float: right;
  background: #741112;
  color: #fff;
  height: 46px;
  padding: 0;
  font: 600 16px/24px "Montserrat", "Arial", sans-serif;
  width: 160px;
}
.contact-form .contactform li:last-child .consent {
  width: calc(100% - 170px);
}
.contact-form .contactform li:last-child .consent input[type=checkbox] {
  width: 25px;
  height: 25px;
  border: solid 1px #424242;
  margin-right: 10px;
  float: left;
}
.contact-form .contactform li:last-child .consent input[type=checkbox]:checked {
  background: #741112 url(../images/check.png) no-repeat center center;
  background-size: contain;
}
.contact-form .contactform li:last-child .consent label {
  width: calc(100% - 45px);
  margin-bottom: 0;
}
.contact-form .contactform li:last-child .consent label a {
  color: #741112;
  text-decoration: underline;
}

/*div#search-widget-panel div.swp-col3 a#bws-button-search {width: 203px!important; height: 48px!important; color: #ffffff!important; background-color: #c71f33!important; @extend .flex; @extend .centercenter; text-transform: uppercase; font: 600 16px/24px $fontmain;}

#search-widget-panel .bws-ipt-calendar, #check_in_show, #check_out_show {height: 48px!important; float: left!important; font: 16px/24px $fontmain;}
#search-widget-panel .bws-ipt-calendar .show-date {@extend .flex; @extend .startcenter;  font: 16px/24px $fontmain; height: 48px;}
#search-widget-panel .swp-col3 {width: 203px!important;}
.ng-binding {font: 16px/24px $fontmain;}
div#search-widget-panel .swp-col1, div#search-widget-panel .swp-col2 {width: 50%!important;}
div#search-widget-panel .swp-col3 {width: 213px!important;}*//*# sourceMappingURL=main.css.map */