:root {  --main: #e67510;  --main-hover: #b25400;  --secondary: #343434;  --secondary-hover: #0d0d0d;  --text-header: #333;  --text-main: #4f4f4f;  --link: #e67510;  --link-hover: #b25400;  --header: #181818;  --header-text: #fff;  --header-text-link: #fff;  --header-text-link-hover: #fff;  --nav-text: #fff;  --nav-text-hover: #e67510;  --mobile-nav-background: #e67510;  --mobile-nav-header: #343434;  --mobile-nav-color: #060e17;  --mobile-nav-color-hover: #343434;  --footer: #000816;  --footer-text: #fff;  --footer-text-hover: #343434;  --black: #000;  --white: #fff;  --transition-fade: all 0.5s ease-in-out;  --dark-green: #03424c;  --med-green: #097071;  --light-green: #85bfb6;  --pale-pink: #f8dab3;  --orange: #cf9746;  --light-grey: #efefef;}.group:before, .group:after {content: ""; display: table;} .group:after {clear: both;}.group {zoom: 1;}html {font-size: 16px; background: var(--white);}*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.inner-position {display: table-cell; vertical-align: middle;}/* Font Styles */h1 {  font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 3.3125em; line-height: 1.2; margin: 0px; color: var(--text-header); margin-bottom: 15px;}h2 {  font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;  font-size: 2.25em; line-height: 1.2; margin: 0px;  color: var(--text-header); margin-bottom: 15px;}h3 {  font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;  font-size: 1.25em; line-height: 1.2; margin: 0px; color: var(--text-header); margin-bottom: 15px;}h4 {  font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;  font-size: 1.125em; line-height: 1.2; margin: 0px;  color: var(--text-header); margin-bottom: 15px;}h5 {  font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;  font-size: 1.0em; line-height: 1.2; margin: 0px; color: var(--text-header); margin-bottom: 15px;}h6 {  font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;  font-size: 0.875em; line-height: 1.2; margin: 0px; color: var(--text-header); margin-bottom: 15px;}p {color: var(--text-header); font-family: "Montserrat", sans-serif;   font-size: 1em; line-height: 1.5;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;} p strong {font-weight: 500;}a {transition: var(--transition-fade); color: var(--link); border-bottom: 1px dotted var(--link); font-family: "Montserrat", sans-serif; text-decoration: none; font-style: normal; }a:hover {color: var(--link-hover); border-bottom: 1px dotted var(--link-hover);}ul li, ol li, li {color: var(--text-header); font-family: "Montserrat", sans-serif; font-style: normal; }em {color: var(--text-header); font-family: "Montserrat", sans-serif; font-style: italic; }/***************************************Buttons ***************************************/.menu-btn {border: 0px; transition: all 0.5s ease 0s; padding: 20px; background: var(--orange); border: 0px; border-radius:5px; }.menu-btn:hover {border: 0px; background: var(--pale-pink);}.menu-btn img {width: 30px;}.green-btn {border-radius: 5px; border: 0px; text-align:  center; padding: 20px 25px; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal;  font-size: 1.125em; transition: all 0.5s ease 0s; text-decoration: none; color: var(--white); background: var(--med-green); text-transform: uppercase;}.green-btn:hover {border: 0px; background: var(--dark-green); color: var(--white)}.orange-btn {border-radius: 5px; border: 0px; text-align:  center; padding: 20px 25px; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal;  font-size: 1.125em; transition: all 0.5s ease 0s; text-decoration: none; color: var(--white); background: var(--orange); text-transform: uppercase;}.orange-btn:hover {border: 0px; background: var(--pale-pink);}/*************************************** Navigation ***************************************/.mobile-nav-btn {display: none; }.pushy {background: var(--dark-green);}.pushy-content .logo-wrapper {padding: 30px; text-align: center;  position: relative; float: left; margin-bottom: 0px;}.pushy-content .logo-wrapper img {width: 110px; position: relative;}.close-btn a { position: absolute; top: 0; right: 0; display: block; transition: var(--transition-fade); display: inline-block; font-size: 2em; text-transform: uppercase; color: var(--white) !important;}.close-btn a:hover {opacity: 1; color: var(--secondary); }.pushy-navigation {float: left; width: 100%;}.pushy-navigation ul {margin: 0px; padding: 0px;}.pushy-navigation ul li { font-size: 1em; border-bottom: 1px solid var(--pale-pink); transition: all 0.5s ease 0s;}.pushy-navigation ul li a {font-family: "Playfair Display", serif; font-weight: 500; font-style: normal; font-size: 30px; font-size: 1.875em; color: var(--white); transition: all 0.5s ease 0s;  }.pushy-navigation ul li a:hover {color: var(--white); }.pushy-navigation ul li:hover {background: var(--med-green); }.darken-overlay {background: var(--mobile-nav-header); width: 100%; height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}/*************************************** Header Bar ***************************************/.header-bar {position: relative;  z-index: 999; width: 100%; padding: 25px;  background: var(--light-green); border-top: 4px solid var(--pale-pink);}.header-bar .row {display:  flex; align-items: center;}.logo-wrapper {width: 23%; float: left; text-align: left;}.logo-wrapper a {border: 0px;}.logo-wrapper img {width: 170px; }.nav-wrapper {width: 77%; float: left;}/*.nav-top {width: 80%; float: right;}*/.nav-top #primary {  margin: 0px 0px 0px 0px;  padding-left: 0px;  text-align: right; display: -ms-flexbox; display: flex; justify-content: flex-end; align-items: center;}.nav-top #primary>li { display: inline-block; vertical-align: middle;  list-style-type: none; position: relative; text-align: right; height: 100%; margin: 0 1%; border-bottom: 2px solid transparent;}.nav-top #primary>li:hover {transition: all 0.5s ease 0s; border-bottom: 2px solid var(--dark-green);}.nav-top #primary>li:hover a {color: var(--dark-green); }.nav-top #primary>li>a {border: 0px; padding: 20px 0px; width: 100%; display: block; line-height: 16px; vertical-align: middle;  transition: all 0.5s ease 0s; font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 1.1em; color: var(--nav-text); position: relative;  text-decoration: none; text-align: center;}/*************************************** Home  Page***************************************/.previewFrame .home-banner-wrapper {height:  700px; background: url();}.home-banner-wrapper {width:  100%;  position: relative;}.home-banner-inner {height:  100%; background:rgba(39,52,69, 0.55); }.home-banner-text {max-width: 700px; padding: 10% 0 10% 0%; padding-left: 30px; margin:0 auto; text-align:Center; }.home-banner-text h1 { font-size: 2.75em; color: var(--white); margin-bottom: 0px;}.home-banner-text h1 a { font-family: "Playfair Display", serif; border-bottom: 2px dotted var(--white); color: var(--white)}.home-banner-text h1 a:hover {border-bottom: 2px dotted var(--light-green); color: var(--light-green)}.colour-overlay {background: rgba(54,54,54,0.35); width:  100%; height:  100%; position: relative;}.perks-box {position: absolute; bottom: 30px; right:  30px; padding: 20px; background: var(--white); max-width: 400px;}.perks-box h3 {font-size: 2em; color: var(--nav-text-hover);}.perks-box h3 span {color: var(--main);}.perks-box .green-btn {width:  100%; display:  block;}.intro-wrapper {padding: 70px 0px;}.heading {border-left: 10px solid var(--dark-green); padding-left: 15px; padding-top: 10px; margin-bottom: 40px;}.heading h3 { font-size: 1.125em; font-weight: 700; color: var(--med-green);  margin-bottom: 0px; font-family: "Montserrat", sans-serif;}.heading h2 {font-size: 3em; color: var(--orange); margin-bottom: 0px; }.heading h2 span {color: var(--orange);}.hotel-details-slider {margin: 0px; padding:  0px;}.hotel-details-slider li .hotel-details-slider-image {padding-top:  50%; position:  relative; opacity:  0.2;}.hotel-details-slider li {padding: 0 10px;}.slick-active li .hotel-details-slider-image {opacity:  1; }.hotel-details-slider-text {padding: 25px; background: var(--white); width:  100%; max-width:  500px; position:  absolute; bottom: 0; left: 0;}.hotel-details-slider-text h2 {font-family: "Montserrat", sans-serif; color: #2f2f2f; font-size: 1.125em; font-weight:  700;}.hotel-details-slider-text p {color: #2f2f2f;}.slick-dots {margin-top:  35px;}.book-your-stay-wrapper {padding: 70px 0px; }.book-your-stay-wrapper .row {display:  flex; align-items: center;}.book-stay-image:after {padding-top: 100%; content:""; display:  block;}.perks-wrapper {background: var(--light-grey); padding: 70px 0px;}.perks-wrapper .row.perks-row {display: flex; }.perks-text {padding: 25px 0px;}.perks-boxes-wrapper {display:  flex; margin-top: 20px;}.perks-box-item {width:  32.66%; margin-right:  1%; padding: 25px; background: #7fc29c; text-align:  center;}.perks-box-item:last-of-type {margin-right:  0px;}.perks-box-item img {height:  45px;}.perks-box-item h3 {color: var(--white); font-size: 1.5em; margin-top: 10px; margin-bottom: 0px;}.perks-box-item h3 span {color: var(--main);}.perks-box-item p {color: var(--white);}.find-us-wrapper {width:  100%; display: flex;}.find-us-left {width: 45%; padding: 100px 5%;}.find-us-left ul {margin: 0px; padding: 0px; margin-bottom:  25px;}.find-us-left ul li {list-style-type: none; margin-bottom: 10px;}.find-us-left ul li a { font-size: 1.25em;}.find-us-right {width: 55%;}.newsletter-wrapper {background: #0b4431; padding: 50px 0px;}.newsletter-text h3 {color: var(--white); font-size: 1.5em;}.newsletter-text h3 span {color: #7fc29c;}.newsletter-text p {color: var(--white); }.newsletter-text p:last-of-type {margin-bottom: 0px;}.footer-wrapper {}.footer-top {padding: 50px 0px; background: var(--dark-green);}.footer-logo img {width:  175px;}.footer-booking h3 {color: var(--orange); font-weight:  700;}.footer-contact h3 {color: var(--orange); font-weight:  700;}.footer-contact i {color: var(--pale-pink);margin-right:  5px;}.footer-bottom {padding:  15px 0px; border-top: 1px solid var(--pale-pink); background: var(--med-green)}.footer-bottom {text-align: center;}.footer-bottom p {margin-bottom: 0px;}.footer p {color: var(--footer-text);}.footer a {color: var(--footer-text); border: 0px;}.footer a:hover {color: var(--footer-text-hover); border: 0px;}.footer-social i {color: var(--white);font-size: 1.4em;margin-right: 0.5em;transition: var(--transition-fade);}.footer-social i:hover {transform: scale(1.1); color: var(--orange);}/* Inner */.inner-title-banner-wrapper .header-bar {position: relative;}.inner-banner-text {padding: 45px 0px; text-align: center; background: var(--med-green);}.inner-banner-text h1 {color: var(--white)}.inner-content-wrapper {padding: 45px 0px;}.inner-content-wrapper ul {padding: 0px;}.inner-content-wrapper ul li {padding: 5px 10px; border-radius: 5px; background: var(--med-green); color: var(--white); margin-bottom: 10px; list-style-type: none;}.defaultForm {  width: 100%;  *zoom: 1;  padding: 25px; background: var(--pale-pink); border-radius: 5px;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {float: left;  width: 100%; margin-right:  0%;  position: relative;  margin-bottom: 20px; }.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;  display: none;}.defaultForm .inputset label {  display: block;  width: 100%;font-family: "Montserrat", sans-serif; font-size: 16px; font-size: 1em; color: #333;}.defaultForm .inputset label.label {  display: inline-block;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;  border-radius: 10px;}.defaultForm .inputset input, .defaultForm .inputset select {  width: 100%;   background: #fff; padding: 15px; border: 0px;font-family: "Montserrat", sans-serif;  font-size: 16px; font-size: 1em;border-radius: 10px;}.defaultForm .inputset textarea {width: 100%;  height: 10.625em;  background: #fff; padding: 15px; border: 0px;font-family: "Montserrat", sans-serif;  font-size: 16px; font-size: 1em;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {/*  text-align: right;*/}.defaultForm .form_submit {float: left;}.defaultForm .form_submit .fbElementButton {border-radius: 5px; border: 0px; text-align:  center; padding: 20px 25px; display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal;  font-size: 1.125em; transition: all 0.5s ease 0s; text-decoration: none; color: var(--white); background: var(--med-green); text-transform: uppercase;}.defaultForm .form_submit .fbElementButton:hover {border: 0px; background: var(--dark-green); color: var(--white)}.form_error {font-family: "Montserrat", sans-serif;  font-size: 16px; font-size: 1em; font-style: normal; padding: 10px; background: #ff0000; color: #fff; margin-bottom: 10px; border-radius: 5px;}/* Testimonials */.testimonials-wrapper {padding: 45px 0px;}.testimonials-banner-title {text-align: center;}.testimonials-banner-title h3 {font-size: 3em;  color: var(--orange);}.testimonials-wrapper ul li {list-style-type: none; font-size:  25px; font-size: 1.5625em; text-align: center;}.contact-details {padding: 20px; background: var(--light-grey); border-radius: 5px; overflow:  hidden;}.perks-image {text-align: center;}.perks-image img {max-width: 400px}.float--right {float: right; margin: 10px; max-width: 50%;}/***************************************Media Queries***************************************/@media all and (max-width: 1400px) and (min-width: 0px) {/* Adjust max-width for the navigation items needed */.inner-position {display: block; width: 100%; }.header-bar {padding: 0;}.logo-wrapper {width: 65%; text-align: left; padding: 20px;}.pushy-content .logo-wrapper {width: 100%;}.nav-wrapper {width: 35%; text-align: right;}.nav-top #primary {display: none;}.mobile-nav-btn {display: block;}}@media all and (max-width: 860px) and (min-width: 0px) {/* Adjust max-width for the footer as needed */.footer-logo {width: 100% !important; text-align: center; padding-top: 20px; margin-bottom: 20px;}.footer h3 {display: none;}.footer-bottom {width: 100% !important; margin-left: 0px; text-align: center; padding-top: 20px;}.footer-contact {width: 100% !important; margin-left: 0px !important; text-align: center; padding-top: 20px;}}@media all and (max-width: 1150px) and (min-width: 0px) {.header-nav .green-btn {display: none;}}@media all and (max-width: 850px) and (min-width: 0px) {.find-us-wrapper {flex-direction: column;}.find-us-left {width:  100%;}.find-us-right {width:  100%; height:  450px;}}@media all and (max-width: 800px) and (min-width: 0px) {.perks-box {width:  96%; left:  2%; right:  2%; max-width:  96%;}.hotel-details-slider li .hotel-details-slider-image {padding-top: 75%;}.slick-prev, .slick-next {width:  40px;}}@media all and (max-width: 768px) and (min-width: 0px) {.header-contact {display:  none;}.recent-projects-slider-text {position:  relative; top: initial; right: initial; bottom:  initial; left:  initial;}.recent-projects-slider-text p {display:  none;}.clients-wrapper-slider ul li {padding:  0 10px;}}@media all and (max-width: 650px) and (min-width: 0px) {.home-banner-text {width:  100%; left:  0px; right:  0px;}.hotel-details-slider-text {max-width:  300px;}.perks-boxes-wrapper {flex-direction: column;}.perks-box-item {width:  100%; margin-bottom: 20px;}.book-your-stay-wrapper .row {flex-direction:  column; align-items: initial;}.book-stay-text {margin-bottom:  20px;}.book-stay-image {height:  450px;}.perks-wrapper .row.perks-row {flex-direction: column; align-items: initial;}.perks-image {height: 450px;}.newsletter-text {margin-bottom:  20px;}.float--right {float: none; width: 100%; display:  block; margin: 0px; max-width: 100%;}.float--right img {width: 100%;}}@media all and (max-width: 480px) and (min-width: 0px) {.home-banner-text h1 {font-size: 2.5em; }}
/* not required */