@charset "UTF-8";
/*! Made by Owen F - Web & Print */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus, *:focus {
  outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  color: #3f826f;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: none;
  -epub-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small, .small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf {
  zoom: 1;
}

.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}

.clearfix:after, .cf:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

img[data-lazy-src] {
  will-change: contents;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
@FONT FACE LICENSES

* @license for Roller Script
 * MyFonts Webfont Build ID 3508324, 2018-01-11T04:28:39-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Rollerscript-Smooth by G-Type
 * URL: https://www.myfonts.com/fonts/g-type/rollerscript/smooth/
 * Copyright: Copyright (c) 2012 by Nick Cooke, G-Type. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3508324
 * 
 * © 2018 MyFonts Inc

 * @license for Canela Light
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2018 Schwartzco Inc.
        License: 1801-XJZYOP

* @license for Proxima Nova
* Fully installable fonts can be purchased at http://www.fontspring.com
*
* The fonts included in this stylesheet are subject to the End User License you purchased
* from Fontspring. The fonts are protected under domestic and international trademark and 
* copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
* distributing this font software.
*
* (c) 2010-2018 Fontspring     

 *********************/
@font-face {
  font-family: 'Rollerscript Smooth';
  src: url("/assets/fonts/rollerscript/358864_0_0.eot");
  src: url("/assets/fonts/rollerscript/358864_0_0.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/rollerscript/358864_0_0.woff2") format("woff2"), url("/assets/fonts/rollerscript/358864_0_0.woff") format("woff"), url("/assets/fonts/rollerscript/358864_0_0.ttf") format("truetype"), url("/assets/fonts/rollerscript/358864_0_0.svg#wf") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Canela light';
  src: url("/assets/fonts/Canela/Canela-Light.eot");
  src: url("/assets/fonts/Canela/Canela-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Canela/Canela-Light.woff2") format("woff2"), url("/assets/fonts/Canela/Canela-Light.woff") format("woff"), url("/assets/fonts/Canela/Canela-Light.ttf") format("truetype"), url("/assets/fonts/Canela/Canela-Light.svg#Canela-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'nfe-icons';
  src: url("/assets/fonts/icons/nfe-icons-v9.ttf?9zt4ew") format("truetype"), url("/assets/fonts/icons/nfe-icons-v9.woff?9zt4ew") format("woff"), url("/assets/fonts/icons/nfe-icons-v9.svg?9zt4ew#nfe-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Medium';
  src: url("/assets/fonts/proximanova/proximanova-medium-webfont.eot");
  src: url("/assets/fonts/proximanova/proximanova-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proximanova/proximanova-medium-webfont.woff2") format("woff2"), url("/assets/fonts/proximanova/proximanova-medium-webfont.woff") format("woff"), url("/assets/fonts/proximanova/proximanova-medium-webfont.ttf") format("truetype"), url("/assets/fonts/proximanova/proximanova-medium-webfont.svg#proxima_novamedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/assets/fonts/proximanova/proximanova-regular-webfont.eot");
  src: url("/assets/fonts/proximanova/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/proximanova/proximanova-regular-webfont.woff2") format("woff2"), url("/assets/fonts/proximanova/proximanova-regular-webfont.woff") format("woff"), url("/assets/fonts/proximanova/proximanova-regular-webfont.ttf") format("truetype"), url("/assets/fonts/proximanova/proximanova-regular-webfont.svg#proxima_novaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'nfe-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2em;
  width: 1.25em;
  display: inline-block;
  vertical-align: bottom;
  color: #3f826f;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-whatsapp:before {
  content: "\e923";
}

.icon-swim:before {
  content: "\e921";
}

.icon-logburner:before {
  content: "\e922";
}

.icon-paw:before {
  content: "\e91b";
}

.icon-evcharger:before {
  content: "\e91c";
}

.icon-location:before {
  content: "\e91a";
}

.icon-heart:before {
  content: "\e900";
}

.icon-tick:before {
  content: "\e902";
}

.icon-handshake:before {
  content: "\e903";
}

.icon-thumbsup:before {
  content: "\e904";
}

.icon-rosette:before {
  content: "\e905";
}

.icon-eco:before {
  content: "\e906";
}

.icon-bathrooms:before {
  content: "\e907";
}

.icon-bedrooms:before {
  content: "\e908";
  transform: translate(0px, 3px);
  display: block;
}

.icon-sleeps:before {
  content: "\e909";
}

.icon-floorplan:before {
  content: "\e90a";
}

.icon-email:before {
  content: "\e90b";
}

.icon-phone:before {
  content: "\e90c";
}

.icon-map:before {
  content: "\e90d";
}

.icon-play:before {
  content: "\e90e";
}

.icon-bars:before {
  content: "\e916";
}

.icon-search:before {
  content: "\e917";
}

.icon-close:before {
  content: "\e918";
}

.icon-next:before {
  content: "\e901";
}

.icon-previous:before {
  content: "\e90f";
}

.icon-quote-open:before {
  content: "\e910";
}

.icon-instagram:before {
  content: "\e911";
}

.icon-facebook:before {
  content: "\e912";
}

.icon-pintrest:before {
  content: "\e913";
}

.icon-twitter:before {
  content: "\e914";
}

.icon-calendar:before {
  content: "\e915";
}

.icon-print:before {
  content: "\e919";
}

.icon-facebook-alt:before {
  content: "\e91d";
}

.icon-twitter-alt:before {
  content: "\e91e";
}

.icon-share:before {
  content: "\e91f";
}

.icon-youtube:before {
  content: "\e920";
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
.slick-prev,
.slick-next {
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.25);
}

/******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.
https://github.com/dope/lemonade - Neat lightweight grid.


The grid below is a custom built thingy I modeled a bit after
Gridset. It's VERY basic and probably shouldn't be used on
your client projects. The idea is you learn how to roll your
own grids. It's better in the long run and allows you full control
over your project's layout.

******************************************************************/
/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 480px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}

/* Portrait tablet to landscape */
@media (min-width: 481px) and (max-width: 767px) {
  .st-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .st-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .st-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .st-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .st-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .st-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .st-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .st-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .st-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .st-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .last-col {
    float: right;
    padding-right: 0 !important;
  }
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1023px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .t-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .t-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .t-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .t-3of8 {
    float: left;
    padding-right: 0.75em;
    width: 37.5%;
  }
  .last-col {
    float: right;
    padding-right: 0 !important;
  }
}

/* Targeting large pixel density phones 
@media only screen and (min-width: 667px) and (orientation: landscape) {

  .t-all {
    @include grid-col;
    width: 100%;
    padding-right: 0;
  }

  .t-1of2 {
    @include grid-col;
    width: 50%;
  }

  .t-1of3 {
    @include grid-col;
    width: 33.33%;
  }

  .t-2of3 {
    @include grid-col;
    width: 66.66%;
  }

  .t-1of4 {
    @include grid-col;
    width: 25%;
  }

  .t-3of4 {
    @include grid-col;
    width: 75%;
  }

  .t-1of5 {
    @include grid-col;
    width: 20%;
  }

  .t-2of5 {
    @include grid-col;
    width: 40%;
  }

  .t-3of5 {
    @include grid-col;
    width: 60%;
  }

  .t-4of5 {
    @include grid-col;
    width: 80%;
  }

  .t-3of7 {
    @include grid-col;
    width: 42.8571429%;
  }

  .t-4of7 {
    @include grid-col;
    width: 57.1428572%;
  }

  .t-1of8 {
    @include grid-col;
    width: 12.5%;
  }

  .t-3of8 {
    @include grid-col;
    width: 37.5%;
  }

// the last column
.last-col {
  float: right;
  padding-right: 0 !important;
}

} // end tablet */
/* Landscape to small desktop */
@media (min-width: 1024px) and (max-width: 1449px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }
  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }
  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }
  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }
  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }
  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }
  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }
  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }
  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
  .last-col {
    float: right;
    padding-right: 0 !important;
  }
}

/* Big desktop */
@media (min-width: 1150px) {
  .l-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .l-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .l-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .l-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .l-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .l-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .l-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .l-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .l-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .l-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .l-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }
  .l-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }
  .l-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }
  .l-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .l-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .l-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }
  .l-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }
  .l-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .l-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }
  .l-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }
  .l-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }
  .l-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
  .last-col {
    float: right;
    padding-right: 0 !important;
  }
}

/* Massive desktop */
@media (min-width: 1440px) {
  .xl-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }
  .xl-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }
  .xl-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }
  .xl-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }
  .xl-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }
  .xl-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
  .xl-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }
  .xl-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }
  .xl-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }
  .xl-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
  .xl-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }
  .xl-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }
  .xl-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }
  .xl-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }
  .xl-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }
  .xl-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }
  .xl-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }
  .xl-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }
  .xl-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }
  .xl-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }
  .xl-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }
  .xl-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
  .last-col {
    float: right;
    padding-right: 0 !important;
  }
}

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-success, .alert-error, .alert-info, .alert-help {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.blue-btn, .btn-white, .btn-green, .nfe-alt-btn, .fancy-btn, .nfe-btn {
  display: inline-block;
  position: relative;
  font-family: "Proxima Nova Medium";
  text-decoration: none;
  color: #3f826f;
  font-size: 1em;
  line-height: 45px;
  font-weight: normal;
  padding: 0 15px;
  border: 0;
  -webkit-border-radius: 2px;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.nfe-btn {
  border: 1px solid #3f826f;
}

.fancy-btn {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #3f826f;
  border: 1px solid #3f826f;
  font-size: 1.15em;
  line-height: 40px;
  padding: 0 20px;
}

.fancy-btn.book-now {
  float: right;
  line-height: 32px;
  height: 32px;
  padding: 0 0.65em;
}

.fancy-btn span.roller {
  font-family: "Rollerscript Smooth";
  color: #505050;
  font-size: 1.25em;
}

.fancy-btn span.count {
  font-family: "Proxima Nova Medium";
  color: #505050;
  font-size: 1em;
}

.nfe-alt-btn {
  background-color: #3f826f;
  color: #fff;
}

.btn-green {
  background-color: #3f826f;
  color: #fff;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  font-size: 0.9em;
  height: 2.75em;
  line-height: 3em;
  letter-spacing: 1px;
}

.btn-white {
  background-color: #fff;
  color: #3f826f;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  font-size: 0.9em;
  height: 2.75em;
  line-height: 3em;
  letter-spacing: 1px;
}

.blue-btn {
  background-color: #3f826f;
}

.blue-btn:hover, .blue-btn:focus {
  background-color: #387463;
}

.blue-btn:active {
  background-color: #377160;
}

.nf-btn-opacity {
  background: rgba(63, 130, 111, 0.85);
  border: 0;
  color: #fff !important;
  padding: 5px 10px;
  margin-top: 0.5em;
}

@media only screen and (min-width: 768px) {
  .nfe-alt-btn:hover, .nfe-alt-btn:focus {
    background-color: #2e6052;
    color: #fff;
  }
  .nfe-alt-btn:active {
    background-color: #377160;
  }
  .btn-white:hover, .btn-white:focus {
    background-color: #f1f1f1;
    color: #3f826f;
  }
  .btn-white:active {
    background-color: #377160;
  }
  .btn-green:hover, .btn-green:focus {
    background-color: #2e6052;
    color: #fff;
  }
  .btn-green:active {
    background-color: #377160;
  }
  .fancy-btn:hover, .fancy-btn:focus {
    background-color: #3f826f;
    color: #fff !important;
  }
  .fancy-btn:hover span.roller, .fancy-btn:hover span.count, .fancy-btn:hover a, .fancy-btn:focus span.roller, .fancy-btn:focus span.count, .fancy-btn:focus a {
    color: #fff !important;
  }
  .fancy-btn:active {
    background-color: #377160;
  }
  .nfe-btn:hover, .nfe-btn:focus {
    background-color: #3f826f;
    color: #fff !important;
  }
  .nfe-btn:active {
    background-color: #377160;
  }
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 50px !important;
  line-height: 1em;
  padding: 0 8px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #505050;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  -webkit-border-radius: 0px;
  width: 100%;
  font-size: 16px;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  border: 1px solid #dedede;
}

input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  outline: none;
}

input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}

input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}

input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}

input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type="password"] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-delay: 10ms;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: slick-font-url("../fonts/slick.eot");
  src: slick-font-url("../fonts/slick.eot?#iefix") format("embedded-opentype"), slick-font-url("../fonts/slick.woff") format("woff"), slick-font-url("../fonts/slick.ttf") format("truetype"), slick-font-url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 185px;
  width: 65px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 1;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'nfe-icons';
  font-size: 50px;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3f826f;
  padding-top: -3px;
  display: block;
  margin: -4px 0 0 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 0;
  -webkit-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -1px;
}

.slick-prev:before {
  content: "";
  margin: -4px 9px 0 0;
}

[dir="rtl"] .slick-prev:before {
  content: "";
}

.slick-prev:hover {
  left: -5px;
}

.slick-next {
  right: 0;
  -webkit-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
}

[dir="rtl"] .slick-next {
  left: -1px;
  right: auto;
}

.slick-next:before {
  content: "";
}

[dir="rtl"] .slick-next:before {
  content: "";
}

.slick-next:hover {
  right: -5px;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 15px;
  width: 15px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 16px;
  height: 16px;
  font-family: "slick";
  font-size: 26px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 0.95;
  font-size: 35px;
}

@media only screen and (max-width: 768px) {
  .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }
  .gallery-slick-carousel .slick-dots li:first-child:before, .background-slick-carousel .slick-dots li:first-child:before {
    content: '\e918';
    font-family: nfe-icons;
    color: #3f826f;
    position: absolute;
    font-size: 1.8em;
    top: -12px;
    left: -25px;
  }
  .gallery-slick-carousel .slick-dots button:before, .background-slick-carousel .slick-dots button:before {
    color: #3f826f;
  }
  .gallery-slick-carousel .slick-dots li.slick-active button:before, .background-slick-carousel .slick-dots li.slick-active button:before {
    color: #3f826f;
    opacity: 0.95;
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .slick-dots li:before {
    display: none;
  }
}

/**
 * Swiper 11.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 22, 2023
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */
:root {
  --swiper-theme-color: #3f826f;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  background: rgba(255, 255, 255, 0.7);
  width: 50px;
  height: 150px;
  transform: translateY(-50%);
  text-align: center;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: auto;
  left: 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  left: auto;
  right: 0;
}

.swiper-button-prev {
  display: none;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.maps-marker-pro {
  border: 0;
  z-index: 0;
}

.block-inner .maps-marker-pro {
  padding-top: 75%;
}

.maps-marker-pro .leaflet-popup-content-wrapper {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  /*&:before{
			content: '';
		    width: 0;
		    height: 0;
		    border-style: solid;
		    border-width: 0 30px 30px 0;
		    border-color: transparent #3f826f transparent transparent;
		    right: 0;
		    position: absolute;
		    top: 0;
		    z-index: 0;
		} */
}

.maps-marker-pro .leaflet-popup-content {
  max-width: 250px;
  margin: 4px;
}

.maps-marker-pro .leaflet-container {
  font-family: "Proxima Nova";
  color: #505050;
  height: 100% !important;
}

.maps-marker-pro .leaflet-container a {
  color: #3f826f;
}

.maps-marker-pro .leaflet-container a.leaflet-popup-close-button {
  color: white !important;
  padding: 2px !important;
}

.maps-marker-pro .nfe-btn {
  border: 1px solid #3f826f !important;
  line-height: 35px;
  padding: 0 8px;
  display: block;
  text-align: center;
  width: 120px;
  margin: 10px auto;
}

.maps-marker-pro .nfe-btn:hover {
  border: 1px solid #3f826f !important;
}

.maps-marker-pro .property-popup tr:nth-of-type(2) td {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #3f826f;
  font-size: 14px;
}

.maps-marker-pro .property-popup tr:nth-of-type(4) td {
  padding: 5px 0;
  text-align: center;
}

.maps-marker-pro .property-popup tr:nth-of-type(4) td:before {
  font-family: 'nfe-icons';
  color: #3f826f;
  font-size: 21px;
  position: relative;
}

.maps-marker-pro .property-popup tr:nth-of-type(4) td:nth-of-type(1):before {
  content: '\e90b';
}

.maps-marker-pro .property-popup tr:nth-of-type(4) td:nth-of-type(2):before {
  content: '\e90a';
}

.maps-marker-pro .property-popup tr:nth-of-type(4) td:nth-of-type(3):before {
  content: '\e909';
}

.marker-cluster-small {
  background-color: rgba(63, 130, 111, 0.6);
  color: #fff;
}

.marker-cluster-small div {
  background-color: rgba(63, 130, 111, 0.6);
  color: #fff;
}

.marker-cluster-medium {
  background-color: rgba(63, 130, 111, 0.6);
  color: #fff;
}

.marker-cluster-medium div {
  background-color: rgba(63, 130, 111, 0.6);
  color: #fff;
}

.marker-cluster-large {
  background-color: rgba(63, 130, 111, 0.6);
  color: #fff;
}

.marker-cluster-large div {
  background-color: rgba(63, 130, 111, 0.6);
  color: #fff;
}

.maps-marker-pro .mmp-loading-spinner {
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(225, 225, 225, 0.9);
}

.maps-marker-pro .mmp-loading-spinner .rect-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
  transform: translateY(-50%);
}

.maps-marker-pro .mmp-loading-spinner .rect-wrap > div {
  display: inline-block;
  width: 5px;
  height: 100%;
  margin: 0 5px 0 0;
  background-color: #f1f1f1;
  animation: sk-stretchdelay 1.2s ease-in-out infinite;
}

.maps-marker-pro .mmp-loading-spinner .rect-wrap .rect2 {
  animation-delay: -1.1s;
}

.maps-marker-pro .mmp-loading-spinner .rect-wrap .rect3 {
  animation-delay: -1s;
}

.maps-marker-pro .mmp-loading-spinner .rect-wrap .rect4 {
  animation-delay: -.9s;
}

.maps-marker-pro .mmp-loading-spinner .rect-wrap .rect5 {
  animation-delay: -.8s;
}

@keyframes sk-stretchdelay {
  0%,
40%,
to {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.open-g-map {
  display: inline-block;
  background: #e2f0cb;
  padding: 4px 15px 9px 15px;
  border-radius: 2px;
  color: #3f826f;
}

.map-container {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  z-index: 10;
}

.map-container.open {
  opacity: 1;
  visibility: visible;
}

.map-container .map-close {
  cursor: pointer;
  position: absolute;
  top: 9px;
  left: 9px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.map-container .map-close i {
  width: 40px;
  line-height: 40px;
  text-align: center;
}

#map_canvas {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

#map_canvas.loaded {
  opacity: 1;
}

.gm-style .gm-style-iw-c {
  border-radius: 4px;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.15);
}

.gm-style-iw.gm-style-iw-c,
.gm-style-iw-d {
  padding: 0 !important;
  overflow: hidden !important;
}

.gm-style-iw-chr {
  display: none !important;
}

.custom-infowindow {
  position: relative;
  width: 250px;
  padding: 6px;
}

.custom-infowindow img {
  width: 100%;
  display: block;
}

.custom-infowindow h3 {
  margin: 10px 0 5px;
}

.custom-infowindow p {
  font-family: "Rollerscript Smooth";
  font-size: 1.25em;
  margin: 0;
}

.custom-infowindow .thumb {
  display: flex;
  position: relative;
  padding-top: 77%;
}

.custom-infowindow .thumb img {
  position: absolute;
  top: 0;
}

.custom-infowindow .property-highlights {
  margin: 0 0 5px 0;
}

.custom-infowindow .property-highlights li {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle;
  font-size: 14px;
  line-height: 21px;
}

.custom-infowindow .property-highlights li i {
  font-size: 22px;
}

.custom-infowindow a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.custom-infowindow .book-info {
  border-top: 1px solid #f1f1f1;
  margin-top: 7px;
  padding-top: 5px;
}

.custom-infowindow .book-info #price {
  display: block;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.25em;
  margin-top: 5px;
}

.custom-infowindow .book-info .bk-btn {
  position: absolute;
  right: 7px;
  bottom: 12px;
  display: inline-block;
  padding: 4px 8px;
  background: #3f826f;
  color: white;
  border-radius: 2px;
}

/* =============================================================
 * BASE STYLES
 * ============================================================*/
.datepicker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  width: 260px;
  z-index: 5;
  top: 50px;
}

.datepicker__inner {
  overflow: hidden;
}

.datepicker__month {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}

.datepicker__month--month2 {
  display: none;
}

.datepicker__month-day--valid {
  cursor: pointer;
}

.datepicker__month-day--lastMonth,
.datepicker__month-day--nextMonth {
  visibility: hidden;
}

.datepicker__month-button {
  cursor: pointer;
}

.datepicker__info--feedback {
  display: none;
}

.datepicker__info--error,
.datepicker__info--help {
  display: block;
}

.datepicker__close-button {
  cursor: pointer;
}

.datepicker__tooltip {
  position: absolute;
}

/* =============================================================
 * THEME
 * ============================================================*/
.datepicker {
  background-color: #fff;
  font-size: 14px;
  line-height: 14px;
}

.datepicker__inner {
  padding: 20px;
}

.datepicker__month-caption {
  border-bottom: 1px solid #dcdcdc;
  height: 2.5em;
  vertical-align: middle;
}

.datepicker__month-name {
  text-transform: uppercase;
}

.datepicker__week-days {
  height: 2em;
  vertical-align: middle;
}

.datepicker__week-name {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.datepicker__month-day {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: #505050;
  padding: 9px 7px;
}

.datepicker__month-day--no-check-in {
  position: relative;
}

.datepicker__month-day--no-check-in:after {
  background-color: rgba(255, 0, 0, 0.1);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 50%;
  top: 0;
  z-index: -1;
}

.datepicker__month-day--no-check-out {
  position: relative;
}

.datepicker__month-day--no-check-out:after {
  background-color: rgba(255, 0, 0, 0.1);
  bottom: 0;
  content: '';
  display: block;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.datepicker__month-day--invalid {
  color: #e8ebf4;
}

.datepicker__month-day--disabled {
  color: #e8ebf4;
  position: relative;
}

.datepicker__month-day--disabled:after {
  content: '\00d7';
  left: 50%;
  position: absolute;
  color: red;
  font-size: 16px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.datepicker__month-day--selected {
  background-color: #6eb9a4;
  color: #fff;
}

.datepicker__month-day--selected:after {
  display: none;
}

.datepicker__month-day--hovering {
  background-color: #6eb9a4;
  color: #fff;
}

.datepicker__month-day--today {
  background-color: #484c55;
  color: #fff;
}

.datepicker__month-day--first-day-selected,
.datepicker__month-day--last-day-selected {
  background-color: #3f826f;
  color: #fff;
}

.datepicker__month-day--last-day-selected:after {
  content: none;
}

.datepicker__month-button {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: #3f826f;
  font-size: 0px;
  display: inline-block;
  padding: 5px 7px;
}

.datepicker__month-button:hover {
  background-color: #3f826f;
  color: #fff;
}

.datepicker__topbar {
  margin-bottom: 20px;
  position: relative;
}

.datepicker__info-text {
  font-size: 13px;
}

.datepicker__info--selected {
  font-size: 11px;
  text-transform: uppercase;
}

.datepicker__info--selected-label {
  color: #acb2c1;
}

.datepicker__info-text--selected-days {
  font-size: 11px;
  font-style: normal;
}

.datepicker__info--error {
  color: red;
  font-size: 13px;
  font-style: italic;
}

.datepicker__info--help {
  color: #acb2c1;
  font-style: italic;
}

.datepicker__close-button {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: color, background-color, border-color;
  transition-property: color, background-color, border-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #3f826f;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 10px;
  color: #3f826f;
  margin-top: 20px;
  padding: 7px 13px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
}

.datepicker__close-button:hover {
  background-color: #3f826f;
  color: #fff;
}

.datepicker__tooltip {
  background-color: #d5ebe5;
  border-radius: 2px;
  font-size: 11px;
  margin-top: -5px;
  padding: 5px 10px;
}

.datepicker__tooltip:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #d5ebe5;
  bottom: -4px;
  content: '';
  left: 50%;
  margin-left: -4px;
  position: absolute;
}

/* @media (min-width: 320px) {
  .datepicker {
    width: 300px;
  }
} */
@media (min-width: 480px) {
  .datepicker {
    width: 460px;
    font-size: 12px;
  }
  .datepicker__s {
    overflow: hidden;
  }
  .datepicker__month {
    width: 45%;
  }
  .datepicker__month--month1 {
    float: left;
  }
  .datepicker__month--month2 {
    display: table;
    float: right;
  }
  .datepicker__month-button--disabled {
    visibility: hidden;
  }
  .datepicker__months {
    position: relative;
  }
  .datepicker__months:before {
    background: #dcdcdc;
    bottom: 0;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 0;
    width: 1px;
  }
}

span.datepicker__month-button.datepicker__month-button--next:before {
  content: '\e901';
  font-family: 'nfe-icons';
  transform: rotate(0deg) translate(0px, 0px);
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

span.datepicker__month-button.datepicker__month-button--prev:before {
  content: '\e901';
  font-family: 'nfe-icons';
  transform: rotate(180deg) translate(0px, -4px);
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.pretty input:not([type='checkbox']):not([type='radio']) {
  display: none;
}

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.pretty .state label {
  position: initial;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
  line-height: 18px;
}

.pretty .state label:before,
.pretty .state label:after {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  /*top: calc((0% - (100% - 1em)) - 8%);*/
  background-color: transparent;
}

.pretty .state label:before {
  border-color: #3f826f;
}

.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate {
  display: none;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #bdc3c7;
  }
  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #bdc3c7;
  }
  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

.pretty.p-default.p-fill .state label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.pretty.p-default .state label:after {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-default.p-thick .state label:before,
.pretty.p-default.p-thick .state label:after {
  border-width: calc(1em / 7);
}

.pretty.p-default.p-thick .state label:after {
  -webkit-transform: scale(0.4) !important;
  -ms-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1;
}

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b;
}

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1;
}

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-image input:checked ~ .state img {
  opacity: 1;
}

.pretty.p-switch input {
  min-width: 2em;
}

.pretty.p-switch .state {
  position: relative;
}

.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  transition: all 0.5s ease;
}

.pretty.p-switch .state label {
  text-indent: 2.5em;
}

.pretty.p-switch .state label:before,
.pretty.p-switch .state label:after {
  transition: all 0.5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b;
}

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em;
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em;
}

.pretty.p-switch.p-slim .state:before {
  height: 0.1em;
  background: #bdc3c7 !important;
  top: calc(50% - 0.1em);
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block;
}

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0px 0px 3px 0px #bdc3c7;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {
  display: block;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1;
}

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none;
}

.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7;
}

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none;
}

.pretty.p-plain input:checked ~ .state label:before,
.pretty.p-plain.p-toggle .state label:before {
  content: none;
}

.pretty.p-plain.p-plain .icon {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.pretty.p-round .state label:before,
.pretty.p-round .state label:after {
  border-radius: 100%;
}

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden;
}

.pretty.p-round.p-icon .state .icon:before {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-curve .state label:before,
.pretty.p-curve .state label:after {
  border-radius: 20%;
}

.pretty.p-smooth label:before,
.pretty.p-smooth label:after,
.pretty.p-smooth .icon,
.pretty.p-smooth .svg {
  transition: all 0.5s ease;
}

.pretty.p-smooth input:checked + .state label:after {
  transition: all 0.3s ease;
}

.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  -webkit-animation: zoom 0.2s ease;
  animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-default input:checked + .state label:after {
  -webkit-animation: zoom 0.2s ease;
  animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.5s ease;
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after {
  -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after {
  -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {
  -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent;
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  -webkit-animation: pulse 1s;
  animation: pulse 1s;
}

.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}

.pretty input[disabled] ~ * {
  opacity: .5;
}

.pretty.p-locked input {
  display: none;
  cursor: not-allowed;
}

.pretty input:checked ~ .state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
  background-color: #3f826f !important;
}

.pretty input:checked ~ .state.p-primary .icon,
.pretty input:checked ~ .state.p-primary .svg,
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-primary-o label:before,
.pretty.p-toggle .state.p-primary-o label:before {
  border-color: #3f826f;
}

.pretty input:checked ~ .state.p-primary-o label:after,
.pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-primary-o .icon,
.pretty input:checked ~ .state.p-primary-o .svg,
.pretty input:checked ~ .state.p-primary-o svg,
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
  color: #3f826f;
  stroke: #3f826f;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #3f826f !important;
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #3f826f;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #3f826f !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important;
}

.pretty input:checked ~ .state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important;
}

.pretty input:checked ~ .state.p-info .icon,
.pretty input:checked ~ .state.p-info .svg,
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-info-o label:before,
.pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de;
}

.pretty input:checked ~ .state.p-info-o label:after,
.pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-info-o .icon,
.pretty input:checked ~ .state.p-info-o .svg,
.pretty input:checked ~ .state.p-info-o svg,
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important;
}

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important;
}

.pretty input:checked ~ .state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
  background-color: #3f826f !important;
}

.pretty input:checked ~ .state.p-success .icon,
.pretty input:checked ~ .state.p-success .svg,
.pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c;
}

.pretty input:checked ~ .state.p-success-o label:after,
.pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-success-o .icon,
.pretty input:checked ~ .state.p-success-o .svg,
.pretty input:checked ~ .state.p-success-o svg,
.pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important;
}

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important;
}

.pretty input:checked ~ .state.p-warning label:after,
.pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important;
}

.pretty input:checked ~ .state.p-warning .icon,
.pretty input:checked ~ .state.p-warning .svg,
.pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-warning-o label:before,
.pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e;
}

.pretty input:checked ~ .state.p-warning-o label:after,
.pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-warning-o .icon,
.pretty input:checked ~ .state.p-warning-o .svg,
.pretty input:checked ~ .state.p-warning-o svg,
.pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important;
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important;
}

.pretty input:checked ~ .state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important;
}

.pretty input:checked ~ .state.p-danger .icon,
.pretty input:checked ~ .state.p-danger .svg,
.pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-danger-o label:before,
.pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f;
}

.pretty input:checked ~ .state.p-danger-o label:after,
.pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-danger-o .icon,
.pretty input:checked ~ .state.p-danger-o .svg,
.pretty input:checked ~ .state.p-danger-o svg,
.pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important;
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important;
}

.pretty.p-bigger label:before,
.pretty.p-bigger label:after,
.pretty.p-bigger .icon,
.pretty.p-bigger .svg,
.pretty.p-bigger .img {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important;
}

.pretty.p-bigger label {
  text-indent: 1.7em;
}

@media print {
  .pretty .state:before,
.pretty .state label:before,
.pretty .state label:after,
.pretty .state .icon {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

@media only screen and (min-width: 1024px) {
  .home .pretty {
    border: 0;
  }
}

@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}

@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}

@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}

@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}

@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none;
}

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}

@keyframes pulseWarning {
  0% {
    border-color: #F8D486;
  }
  100% {
    border-color: #F8BB86;
  }
}

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486;
  }
  100% {
    background-color: #F8BB86;
  }
}

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9;
}

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

/*! Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) Copyright 2015 Daniel Cardoso <@DanielCardoso> */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}

.la-ball-fall.la-dark {
  color: #333;
}

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}

.la-ball-fall {
  width: 54px;
  height: 18px;
}

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms;
}

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms;
}

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: .5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%);
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.25s;
  -webkit-animation-delay: 0.25s;
  opacity: 0;
}

.animated.slick {
  max-height: 0;
  overflow: hidden;
}

.animated.slick .title-container {
  opacity: 0;
}

.animated.slick.slick-initialized {
  max-height: 1200px;
}

.animated.slick.slick-initialized .title-container {
  opacity: 1;
}

.animated-fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn, .slick-initialized, .slick-center .title-fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp, .slick-center .title-fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInUpDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  70% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInUpDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  70% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpDown {
  -webkit-animation-name: fadeInUpDown;
  animation-name: fadeInUpDown;
}

@-webkit-keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
20%,
53%,
80%,
to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

#journey-summary .animated {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.delay-1 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.delay-2 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.delay {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.5em;
  margin-top: -1.5em;
  font-size: 10px;
  text-indent: -9999em;
  border-style: solid;
  border-width: 0.2em;
  border-color: rgba(140, 198, 63, 0.4);
  border-left-color: #3f826f;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: loading-spinner 0.5s infinite linear;
  animation: loading-spinner 0.5s infinite linear;
}

@media (min-width: 768px) {
  .loading-spinner-fixed {
    top: 150px;
  }
}

.loading-spinner,
.loading-spinner:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}

@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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

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

.mfp-container {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  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: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  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-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 {
  position: fixed;
  right: 30px;
  top: 50px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Mi41MiAzNC43NyI+PHRpdGxlPmljb25zPC90aXRsZT48cGF0aCBkPSJNMjEuNzksMjEuNzMsMzQsOS41M0EuMzkuMzksMCwwLDAsMzQsOWEuNC40LDAsMCwwLS41NCwwTDIxLjI2LDIxLjIsOS4wNyw5YS40LjQsMCwwLDAtLjU0LDAsLjM5LjM5LDAsMCwwLDAsLjUzbDEyLjIsMTIuMkw4LjUzLDMzLjkyYS4zOS4zOSwwLDAsMCwwLC41My4zOS4zOSwwLDAsMCwuNTQsMEwyMS4yNiwyMi4yNiwzMy40NSwzNC40NWEuMzkuMzksMCwwLDAsLjU0LDAsLjM5LjM5LDAsMCwwLDAtLjUzWiIgc3R5bGU9ImZpbGw6IzUxYTY4ZCIvPjwvc3ZnPg==);
  text-indent: -999999px;
  border: 0;
}

.mfp-counter {
  top: 0;
  right: 0;
  color: #3f826f;
  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: 70px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

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

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

.mfp-arrow-left, .mfp-arrow-right {
  font-family: 'nfe-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  background: #fff !important;
  font-size: 2.5em;
  width: 55px;
  color: #3f826f;
  -webkit-font-smoothing: antialiased;
}

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

.mfp-arrow-right:before {
  content: "\e901";
}

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

.mfp-arrow-left:before {
  content: "\e90f";
}

.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: 90vw;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 70px 0 90px;
  margin: 0 auto;
}

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

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 70px;
  bottom: 90px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}

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

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -66px;
  position: fixed;
  text-align: center;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  line-height: 30px;
  word-wrap: break-word;
  font-family: "Rollerscript Smooth";
  font-size: 1.25em;
}

.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 {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
  img.mfp-img {
    padding: 30px 0;
  }
  .mfp-bottom-bar {
    margin-top: -26px;
  }
}

.timeline {
  position: relative;
  min-height: 200px;
  width: 90%;
  max-width: 1140px;
  margin: 100px auto;
}

.timeline__line {
  position: absolute;
  z-index: 2;
  width: 2px;
  top: -100px;
  bottom: -100px;
  background-color: #3f826f;
  display: none;
}

.timeline__line:before, .timeline__line:after {
  position: absolute;
  display: block;
  content: '';
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background-color: #3f826f;
  left: 50%;
  transform: translateX(-50%);
}

.timeline__line:after {
  bottom: 0;
}

.timeline h2 {
  padding-left: 1em;
}

.timeline__section {
  display: flex;
  opacity: 0;
  transform: translateY(10%);
  transition: 600ms ease;
  position: relative;
  z-index: 1;
  margin: 1em 0;
  padding: 1rem;
  border-radius: 1rem;
  align-items: center;
  min-height: 120px;
}

.timeline__section .number {
  display: block;
  height: 34px;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.5em;
  position: relative;
  float: left;
}

.timeline__section .number:before {
  display: block;
  width: 70px;
  height: 70px;
  content: '';
  position: absolute;
  z-index: -1;
  left: -35px;
  top: -20px;
  border-radius: 50%;
}

.timeline__section__bead {
  position: absolute;
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  background-color: #3f826f;
  left: 50%;
  top: 20%;
  transform: translateX(-50%);
}

.timeline__section__content p {
  clear: both;
  padding-top: 1em;
}

.timeline__section:nth-of-type(4n) .number:before {
  background: #ffdac1;
}

.timeline__section:nth-of-type(4n+1) .number:before {
  background: #e2f0cb;
}

.timeline__section:nth-of-type(4n+2) .number:before {
  background: #fec6c2;
}

.timeline__section:nth-of-type(4n+3) .number:before {
  background: #c7ceea;
}

.timeline__section:nth-child(odd) {
  transform: translatey(10%);
}

.timeline__section:nth-child(odd) .number:before {
  left: -50px;
}

@media only screen and (min-width: 768px) {
  .timeline__section:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .timeline__section:nth-child(odd) .number {
    float: left;
    text-align: left;
  }
}

.show-me:nth-child(n) {
  transform: none;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .timeline h2 {
    width: 50%;
    text-align: right;
    padding-right: 1em;
  }
  .timeline__line {
    left: calc(50% - 1px);
  }
  .timeline__section__content {
    width: calc(50% - 2rem);
  }
  .timeline__section:nth-child(even) .number {
    float: right;
    text-align: right;
  }
  .timeline__section:nth-child(even) .number:before {
    left: auto;
    right: -50px;
  }
}

.loading-container {
  pointer-events: none;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 5em;
  background: #fff;
  z-index: 1061;
  transition: opacity 200ms;
  overflow: hidden;
}

.loading-spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2.5em;
  margin-top: -2.5em;
  font-size: 10px;
  text-indent: -9999em;
  border-style: solid;
  border-width: 0.3em;
  border-color: #51c4c8;
  border-left-color: #3f826f;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: loading-spinner 0.5s infinite linear;
  animation: loading-spinner 0.5s infinite linear;
}

.loading-spinner,
.loading-spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  display: block;
}

@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 90vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #fff;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #fff;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .gslide-description {
    position: absolute;
    z-index: 3;
    width: 600px;
    height: 80px;
    background: none;
    bottom: 0;
    text-align: center;
    display: block;
  }
  .glightbox-container .gslide-description .gdesc-inner {
    width: 100%;
  }
  .glightbox-container .gslide-description .gdesc-inner h4 {
    font-size: 1.75em;
    font-weight: normal;
    font-family: "Rollerscript Smooth";
    color: white;
    margin-bottom: 19px;
    line-height: 1;
    margin: 0;
    text-shadow: 0 0 5px black;
  }
  .gslide-image img {
    max-height: 85vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(255, 255, 255, 0.95);
  }
  .glightbox-clean .gslide-media {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  }
  .glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
    background-color: #3f826f;
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}

@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}

@media screen and (max-height: 420px) {
  .goverlay {
    background: #fff;
  }
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Stylesheet: Base Mobile Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  font-family: "Proxima Nova";
  font-size: 100%;
  line-height: 1.5;
  color: #505050;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

body.lock {
  right: 0;
}

.print, .desktop {
  display: none;
}

.video-placeholder-normal {
  display: none !important;
}

#container {
  margin-top: 55px;
  background: #fff;
  position: relative;
}

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
}

.wrap.asym {
  padding-left: 5vw;
  width: 100%;
  max-width: unset;
  overflow: hidden;
}

.wrap.asym.rhs {
  padding: 0 5vw 0 0;
}

#content, #inner-header {
  position: relative;
  z-index: 6;
  background: #fff;
}

/*********************
New Pastel Color Set
********************/
.coral {
  background-color: #ffdac1;
}

.pink {
  background-color: #fec6c2;
}

.blue {
  background-color: #c7ceea;
}

.green {
  background-color: #e2f0cb;
}

.dark-green {
  background-color: #3f826f;
}

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #3f826f;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #306355;
}

a:link, a:visited:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

.read-more-sp {
  display: inline-block;
  color: #3f826f;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}

a:hover .read-more-sp, .read-more-sp:hover {
  border-color: #3f826f;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  /* removing text decoration from all headline links */
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 1.5em;
  line-height: 1.333em;
}

h1.roller, .h1.roller {
  font-size: 2.25em;
}

h2, .h2 {
  font-size: 1.25em;
  line-height: 1.4em;
  margin: 0.375em 0;
}

h2.roller, .h2.roller {
  color: #3f826f;
}

h3, .h3 {
  font-size: 1.15em;
  position: relative;
}

h4, .h4 {
  font-size: 1em;
  margin-bottom: 0.5em;
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.roller {
  font-family: "Rollerscript Smooth";
}

.collection-tagline {
  text-align: center;
}

.collection-tagline span {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}

/*********************
HEADER STYLES
*********************/
#top-bar {
  display: none;
}

#quick-links {
  clear: both;
  border-top: 1px solid #f1f1f1;
  margin-top: 0px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 7px 0;
}

#quick-links a {
  display: inline-block;
  padding: 6px 10px 1px;
  font-size: 1em;
  text-align: center;
  border-radius: 2px;
  color: #505050;
  width: 150px;
}

#quick-links a.book-escapes {
  background: #e2f0cb;
  transform: translateX(-10px);
}

#quick-links a.host-with-us {
  background: #ffdac1;
  transform: translateX(10px);
}

#quick-links span {
  color: #dedede;
}

.single-property #quick-links a.book-escapes {
  display: none !important;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999999;
}

.modal-open header {
  z-index: 5;
}

header.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}

header.headroom--pinned {
  transform: translateY(0%);
}

header.headroom--unpinned {
  transform: translateY(-100%);
}

header.headroom--not-top {
  border-bottom: 1px solid #f1f1f1;
}

.header-table {
  display: table;
  width: 100%;
  height: 55px;
}

.header-table-cell {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.header-table-cell .hamburger, .header-table-cell .site-search-toggle {
  display: inline-block;
}

.header-table-cell i {
  font-size: 1.25em;
  height: 40px;
  line-height: 41px;
  width: 40px;
  margin-top: 0;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
}

.nav-links {
  float: left;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 5px;
  float: none;
  width: 99px;
}

#logo a {
  display: block;
}

#logo img {
  width: 100%;
  display: block;
}

.header-contact {
  float: right;
}

.header-contact a {
  display: inline-block;
  vertical-align: top;
}

.header-contact span {
  display: none;
}

.header-contact i {
  width: 30px;
  border: 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-radius: 0;
  float: right;
  border-color: #f1f1f1;
}

.header-contact i:last-of-type {
  border-left: 1px solid #f1f1f1;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.header-contact i:first-of-type {
  border-right: 1px solid #f1f1f1;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.header-contact .header-tel a {
  display: none;
}

.header-contact .header-tel a.mobile-icon {
  display: block;
}

.header-email {
  display: none;
}

.contact-overlay {
  font-size: 125%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.contact-overlay.open {
  opacity: 1;
  visibility: visible;
}

.contact-overlay .inner {
  text-align: center;
}

.contact-overlay h2 {
  margin: 1em 0;
}

.contact-overlay a {
  line-height: 2.5em;
}

.contact-overlay a.call-us {
  display: block;
}

.contact-overlay .social-links i {
  font-size: 1.25em;
}

.contact-overlay .ctc_chat {
  display: block;
}

.contact-overlay .panel-control {
  position: absolute;
  top: 0;
  left: 5vw;
  right: 0;
  padding: 0.5em;
}

.contact-overlay .panel-control .icon-previous {
  font-size: 1.5em;
  width: 35px;
  height: 35px;
  line-height: 29px;
  text-align: center;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

/******************
Main Menu
******************/
#main-menu-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999999;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#main-menu-wrapper.show {
  opacity: 1;
  visibility: visible;
}

#mega-menu {
  display: none;
}

/******************
Masthead
******************/
#masthead {
  position: relative;
  width: 100%;
  display: block;
}

#masthead.masthead-short, #masthead.masthead-standard {
  height: 30vh;
}

#masthead:not(.narrow-width):not(.illustration) picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#masthead:not(.narrow-width):not(.illustration) img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  display: block;
}

#masthead.narrow-width {
  height: auto;
  padding-top: 2.5vw;
  margin-bottom: 2.5vw;
}

#masthead.narrow-width img {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 1000px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}

#masthead.illustration img {
  display: block;
  margin: 1em auto;
  width: 80%;
  max-width: 900px;
}

#masthead.illustration .title-container {
  opacity: 0;
}

#home-masthead {
  margin: auto;
  position: relative;
  padding-bottom: 0.75em;
}

#home-masthead .inner {
  position: relative;
  max-width: 1750px;
  margin: auto;
  z-index: 1;
}

#home-masthead .inner img {
  margin: 0 auto;
  height: auto;
  width: 100%;
  display: block;
}

#home-masthead .inner a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}

#home-masthead ul {
  margin: 0;
  display: flex;
  overflow: hidden;
}

#home-masthead ul li {
  text-align: center;
  width: 100%;
  flex-shrink: 0;
}

#home-masthead ul li img {
  margin: 0 auto;
  height: auto;
  width: 100%;
}

#home-masthead ul li .left-side, #home-masthead ul li .right-side {
  display: none;
}

#home-masthead ul li .h1 {
  font-family: "Rollerscript Smooth";
  font-size: 2.5em;
}

#home-masthead .image-details {
  font-size: 90%;
  position: absolute;
  bottom: 30px;
  right: 10%;
  text-align: right;
  color: white;
  text-shadow: 0 0 8px #505050;
}

#home-masthead .image-details h2, #home-masthead .image-details h3 {
  margin: 0;
}

#home-masthead .splide__placeholder {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  transition-delay: 0.2s;
}

#home-masthead .slick-slide:not([data-slick-index="0"]) img {
  display: none;
}

#home-masthead .slick-initialized .slick-slide:not([data-slick-index="0"]) img {
  display: block;
}

#home-masthead .is-initialized .splide__placeholder {
  opacity: 0;
}

#home-masthead .is-initialized .image-details {
  opacity: 1;
}

.header-search {
  background: #fff;
  margin-top: -20px;
  position: relative;
  z-index: 1;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.header-search h3 {
  margin-bottom: 0;
}

.placehold {
  width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 0;
}

.title-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: 0;
  margin: auto;
  width: 70%;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
  display: block;
  display: flex;
  align-items: center;
  flex-direction: column;
}

/*********************
Search Form Horizontal
**********************/
.search-container {
  margin-top: 0.5em;
}

.datepicker {
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: none;
}

.datepicker .datepicker__inner {
  position: relative;
  padding-bottom: 45px;
}

.datepicker .datepicker__month-day {
  padding: 15px 7px;
}

.datepicker .datepicker__month-name {
  font-weight: normal;
  font-size: 1.15em;
}

.datepicker .datepicker__topbar {
  position: absolute;
  bottom: 0;
  margin: 0;
}

.datepicker.datepicker--inline {
  visibility: hidden;
}

.datepicker.datepicker--inline.active {
  visibility: visible;
}

.datepicker.datepicker--open {
  display: block;
}

.checkin-guests {
  position: relative;
}

.checkin-guests #guests {
  border: 0;
  margin-bottom: 0;
}

.checkin-guests .guests {
  position: relative;
}

.checkin-guests .mobile-form-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.checkin-guests .checkin, .checkin-guests .guest-form-trigger, .checkin-guests .exact {
  position: relative;
  cursor: pointer;
  padding: 0;
}

.checkin-guests .checkin input, .checkin-guests .guest-form-trigger input, .checkin-guests .exact input {
  cursor: pointer;
}

.checkin-guests .label {
  position: absolute;
  left: 45px;
  top: 0;
}

.checkin-guests .checkin .icon-calendar {
  position: absolute;
  width: 40px;
  font-size: 1.6em;
  top: 9px;
  left: 3px;
}

.checkin-guests .checkin input {
  padding-left: 40px;
  border: 1px solid #dedede;
  border-right: 0;
  margin-bottom: 0;
}

.checkin-guests .guests {
  background: #fff;
  border: 1px solid #dedede;
}

.checkin-guests .guests .icon-sleeps {
  width: 40px;
  font-size: 1.6em;
  vertical-align: middle;
  margin-top: -10px;
  margin-left: 6px;
}

.checkin-guests .guests span {
  float: left;
  display: inline-block;
  height: 48px;
  line-height: 48px;
}

.checkin-guests .guests span.label {
  height: auto;
  line-height: unset;
}

.checkin-guests .guests span input {
  line-height: 48px;
  height: 48px !important;
  width: 45px;
}

.checkin-guests .mobile-guest-likes {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 100px 5vw 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: white;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
}

.checkin-guests .mobile-guest-likes.open {
  opacity: 1;
  visibility: visible;
}

.checkin-guests .mobile-guest-likes .likes {
  width: 90vw;
}

.checkin-guests .mobile-guest-likes .form-submit {
  position: absolute;
  width: 90vw;
  bottom: 2em;
}

.checkin-guests .form-submit {
  width: 100%;
  margin-top: 0;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.checkin-guests #filters {
  position: relative;
}

.checkin-guests #filters .placeholder {
  font-family: "Rollerscript Smooth";
}

.checkin-guests #filters .placeholder.hide {
  display: none;
}

.checkin-guests #filters span:not(.placeholder) {
  display: none;
  background: #f1f1f1;
  padding: 0 4px;
  border-radius: 3px;
  margin-right: 7px;
  font-size: 0.8em;
}

.checkin-guests .mobile-filters {
  margin: 8px 0;
}

.checkin-guests .guest-form-trigger {
  width: 100%;
  height: 100%;
}

.checkin-guests #guest-form, .checkin-guests #filters-form {
  position: absolute;
  top: 50px;
  background: white;
  z-index: 99999;
  padding: 0.75em;
  width: 160px;
  left: 0;
  box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
  display: none;
}

.checkin-guests #guest-form.open, .checkin-guests #filters-form.open {
  display: block;
}

.checkin-guests #guest-form label, .checkin-guests #filters-form label {
  display: block;
  font-size: 0.9em;
  margin: 0.5em 0;
}

.checkin-guests #guest-form label small, .checkin-guests #filters-form label small {
  display: block;
  margin-top: -6px;
}

.checkin-guests #guest-form div, .checkin-guests #filters-form div {
  display: flex;
  justify-content: space-evenly;
}

.checkin-guests #guest-form input, .checkin-guests #filters-form input {
  width: 55px;
  height: 40px !important;
  border: 0;
  float: left;
  background: none;
  border: 2px solid #f1f1f1;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
}

.checkin-guests #guest-form input.qtyplus, .checkin-guests #guest-form input.qtyminus, .checkin-guests #guest-form input.datevar-plus, .checkin-guests #guest-form input.datevar-minus, .checkin-guests #filters-form input.qtyplus, .checkin-guests #filters-form input.qtyminus, .checkin-guests #filters-form input.datevar-plus, .checkin-guests #filters-form input.datevar-minus {
  border-radius: 3px;
  border: 2px solid #f1f1f1;
  color: #3f826f;
  font-weight: bold;
  font-size: 22px;
  width: 40px;
  height: 40px !important;
  line-height: 35px;
  padding: 0;
  background-color: transparent;
}

.checkin-guests #guest-form input.qty, .checkin-guests #filters-form input.qty {
  border: none;
  text-align: center;
}

.checkin-guests #mobile-guest-form label {
  display: block;
  margin: 0.5em 0;
}

.checkin-guests #mobile-guest-form label small {
  display: block;
  margin-top: -3px;
}

.checkin-guests #mobile-guest-form input {
  width: 140px;
  height: 40px !important;
  border: 0;
  float: left;
  background: none;
  border: 2px solid #f1f1f1;
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
}

.checkin-guests #mobile-guest-form input.qtyplus, .checkin-guests #mobile-guest-form input.qtyminus, .checkin-guests #mobile-guest-form input.datevar-plus, .checkin-guests #mobile-guest-form input.datevar-minus {
  border-radius: 3px;
  border: 2px solid #f1f1f1;
  color: #3f826f;
  font-weight: bold;
  font-size: 22px;
  width: 40px;
  height: 40px !important;
  line-height: 35px;
  padding: 0;
  background-color: transparent;
}

.checkin-guests #mobile-guest-form input.qty {
  margin: 0 1.5em;
  text-align: center;
}

.checkin-guests #exact-form {
  left: auto;
  right: 0;
  width: 148px;
}

.checkin-guests #exact-form input {
  padding: 0;
  margin-bottom: 0;
}

.form-wrapper-close, #clear-dates {
  display: none;
}

.pretty {
  position: relative;
  white-space: nowrap;
  display: block;
  line-height: 1;
  margin: 17px 0 12px 10%;
}

.checkboxes {
  padding: 0;
  border: 1px solid #dedede;
  border-left: 1px dashed #dedede;
  background: #fff;
  height: 52px;
  text-align: left;
  display: none;
}

#close-dates {
  position: fixed;
  bottom: 2em;
  width: 90vw;
  border-radius: 2px;
  background: #3f826f;
  line-height: 45px;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  letter-spacing: 2px;
  color: #fff;
  font-size: 1.15em;
  padding: 0;
  opacity: 0.5;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#close-dates.active {
  opacity: 1;
}

#date-search {
  background: #ffdac1;
  font-size: 0.85em;
  position: relative;
}

#date-search .date-search span {
  font-size: 1.5em;
  display: block;
  text-align: center;
}

#date-search .date-search .date-links {
  overflow-x: scroll;
  white-space: nowrap;
  padding: 1.5em;
  -webkit-overflow-scrolling: touch;
}

#date-search .date-search a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 1.5em 0 0;
  padding: 0.5em 0.95em;
  background: #fff;
  color: #505050;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  position: relative;
}

#date-search .date-search a:hover {
  color: #3f826f;
}

#date-search .date-search a.current {
  background: #3f826f;
  color: #fff !important;
}

#date-search .date-search a span {
  display: block;
  font-size: 0.9em;
}

.mobile-form-launcher .inner {
  line-height: 1.75em;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  justify-content: space-between;
  border-radius: 2px;
  padding: 0.5em;
}

.mobile-form-launcher h2 {
  margin-bottom: 0.5em;
}

.mobile-form-launcher span:not(.text) {
  display: inline-block;
  width: 32%;
  border-right: 1px dashed #dedede;
  padding-left: 0.25em;
  position: relative;
  line-height: 35px;
}

.mobile-form-launcher span:not(.text):last-of-type {
  border: 0;
}

.mobile-form-launcher span:not(.text) i {
  font-size: 1.4em;
  width: auto;
  top: 0;
  right: 0;
  position: absolute;
}

.mobile-form-launcher span:not(.text) i.icon-location {
  right: 5px;
  top: 6px;
}

.mobile-form-launcher span:not(.text) i.icon-calendar {
  right: 3px;
  top: 3px;
}

.mobile-form-launcher span:not(.text) i.icon-sleeps {
  right: -4px;
  top: 6px;
}

.mobile-form-launcher .text {
  display: block;
  width: calc(100% - 40px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mobile-search.form-wrapper {
  position: fixed;
  z-index: 999999999;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  visibility: hidden;
  opacity: 0;
}

.mobile-search.form-wrapper.show {
  opacity: 1;
  visibility: visible;
  padding-bottom: 120px !important;
  overflow: scroll;
}

.mobile-search h3 {
  margin: 0.75em 0 0;
}

.mobile-search h3.inner-form-title {
  margin-bottom: 0.5em;
}

.mobile-search .input-loader {
  animation: swiper-preloader-spin 1s infinite linear;
  width: 25px;
  height: 25px;
  margin-top: -14px;
  right: 40px;
  left: auto;
}

.mobile-search .panel-control.top {
  padding-top: 0.5em;
}

.mobile-search .panel-control.bottom {
  position: fixed;
  bottom: env(safe-area-inset-bottom, 0);
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-top: 1px solid #dedede;
  background: #fff;
}

.mobile-search .panel-control.bottom input {
  float: right;
}

.mobile-search .panel-control.bottom .clear-form {
  text-decoration: underline;
}

.mobile-search .panel-control .icon-previous {
  font-size: 1.5em;
  width: 35px;
  height: 35px;
  line-height: 29px;
  text-align: center;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.mobile-search .location, .mobile-search .check-in, .mobile-search .guests {
  cursor: pointer;
  position: relative;
  margin-bottom: 0.75em;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}

.mobile-search .location--input, .mobile-search .check-in--input, .mobile-search .guests--input {
  position: relative;
}

.mobile-search .location [class^="icon"], .mobile-search .check-in [class^="icon"], .mobile-search .guests [class^="icon"] {
  position: absolute;
  top: 12px;
  right: 2px;
  font-size: 1.5em;
  width: 25px;
}

.mobile-search .location [class^="icon"].hide, .mobile-search .check-in [class^="icon"].hide, .mobile-search .guests [class^="icon"].hide {
  display: none;
}

.mobile-search .location .icon-calendar, .mobile-search .check-in .icon-calendar, .mobile-search .guests .icon-calendar {
  right: 9px;
  top: 10px;
}

.mobile-search .location .icon-sleeps, .mobile-search .check-in .icon-sleeps, .mobile-search .guests .icon-sleeps {
  right: 7px;
}

.mobile-search .location input, .mobile-search .check-in input, .mobile-search .guests input {
  margin-bottom: 0;
  border: 0;
}

.mobile-search .location label small, .mobile-search .check-in label small, .mobile-search .guests label small {
  display: block;
}

.mobile-search .guests #guest-form {
  padding: 0 8px 8px;
  height: 0;
  overflow: hidden;
}

.mobile-search .guests.panel-active #guest-form {
  height: auto;
}

.mobile-search .guests .d-flex {
  display: flex;
}

.mobile-search .guests .guest-form {
  justify-content: space-between;
  align-items: center;
}

.mobile-search .guests .adults {
  padding: 12px 0;
  margin-bottom: 12px;
  border-top: 1px dashed #dedede;
  border-bottom: 1px dashed #dedede;
}

.mobile-search .guests .picker {
  display: flex;
  width: 140px;
}

.mobile-search .guests .picker .qty {
  text-align: center;
}

.mobile-search .guests .picker input[type="button"] {
  min-width: 45px;
  background: #e2f0cb;
}

.location #suggestions {
  padding: 0 8px 3em;
  border-top: 1px dashed #dedede;
  height: calc(100vh - 520px);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
}

.location .suggestion {
  cursor: pointer;
}

.location.panel-active #suggestions {
  visibility: visible;
}

.location.panel-active #suggestions:before {
  content: '';
  position: absolute;
  z-index: 1;
  display: block;
  height: 50px;
  left: 0;
  right: 0;
  bottom: 0em;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 70%);
}

.check-in .datepicker {
  position: relative;
}

.check-in .datepicker__inner {
  padding: 8px;
}

.check-in .datepicker__month-caption {
  height: 3.5em;
  border-top: 1px dashed #dedede;
  border-bottom: 1px dashed #dedede;
}

.check-in .datepicker__week-days {
  height: 2.5em;
}

/***********************
Site Search (not the dates!)
***********************/
#site-search {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999999;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s linear;
  background: #fff url("/assets/images/intro-image-mob.jpg");
  background-size: 350px;
  background-repeat: no-repeat;
  background-position: center 85%;
}

#site-search.open {
  visibility: visible;
  opacity: 1;
}

#site-search .search-title {
  text-align: center;
}

#site-search .suggestions {
  text-align: center;
}

#site-search .suggestions a {
  display: inline-block;
  margin: 0.25em;
}

#site-search #search-box, .search.search-results #search-box {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  max-width: 500px;
  transform: translateY(-50%);
}

#site-search #search-box #search-container, .search.search-results #search-box #search-container {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

#site-search #dwls_wrapper, .search.search-results #dwls_wrapper {
  position: absolute;
  top: calc(50% + 80px);
  width: 100%;
}

#site-search #results, .search.search-results #results {
  position: absolute;
  overflow: scroll;
  top: calc(50% + 40px);
  left: 0;
  right: 0;
}

#site-search .dwls_search_results, #site-search .search_results, .search.search-results .dwls_search_results, .search.search-results .search_results {
  max-width: 700px;
  margin: auto;
  padding-bottom: 3em;
}

#site-search .list-item, .search.search-results .list-item {
  position: relative;
  padding: 1em;
  background: white;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  margin-bottom: 2em;
}

#site-search .list-item h3, .search.search-results .list-item h3 {
  margin: 0;
}

#site-search .list-item h3 span, .search.search-results .list-item h3 span {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  padding: 2px 7px;
  background: #f1f1f1;
  color: #505050;
  border-radius: 2px;
  float: right;
}

#site-search .list-item p, .search.search-results .list-item p {
  margin: 0;
  color: #565656;
}

#site-search .list-item a.result-link, .search.search-results .list-item a.result-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

#site-search .list-item mark, .search.search-results .list-item mark {
  background: #e2f0cb;
  display: inline-block;
  padding: 0 3px;
  border-radius: 2px;
  color: #505050;
}

#site-search .site-search-close, .search.search-results .site-search-close {
  float: right;
  width: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  display: block;
  margin: 20px 20px 0 0;
}

.site-search-toggle {
  cursor: pointer;
}

#search-container {
  position: relative;
}

#search-container input[type="search"] {
  margin: 0;
  border: 0;
  max-width: unset;
  box-sizing: border-box;
}

#search-container .search_results_activity_indicator {
  right: 1em !important;
  left: auto !important;
  top: 10px !important;
}

.search_footer {
  text-align: center;
}

.search_footer a {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 2px;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #505050;
  border-bottom: 1px solid #3f826f;
}

.search-title.h2 {
  text-align: center;
  margin-bottom: 1em;
}

/*********************
NAVIGATION STYLES
*********************/
#main-menu-container {
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  height: 100vh;
  width: calc(100vw - 70px);
  padding: 0 1.5em 6em;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  transition: all 0.3s ease-in-out;
  text-align: center;
}

#inner-header, #content, .hamburger {
  transition: all 0.3s ease-in-out;
}

.hamburger {
  cursor: pointer;
}

#main-menu-wrapper {
  padding: 10% 10% 0 10%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.main-nav .top-level > a {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.15em;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #505050;
  display: block;
  line-height: 2em;
  margin-top: 1em;
}

.main-nav .top-level > .wrapper > .sub-menu > .menu-item-has-children > a {
  font-size: 1.15em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  position: relative;
  display: block;
  line-height: 2em;
  border-top: 1px solid #f1f1f1;
  color: #3f826f;
}

.main-nav .top-level > .wrapper > .sub-menu > .menu-item-has-children > a:after {
  content: '+';
  position: absolute;
  right: 5px;
  line-height: 2em;
  color: #505050;
}

.main-nav .top-level > .wrapper > .sub-menu > .menu-item-has-children > a.open:after {
  content: '';
}

.main-nav .sub-menu {
  margin: 0;
}

.main-nav .sub-menu .sub-menu {
  padding-bottom: 1em;
}

.main-nav .sub-menu .sub-menu a {
  line-height: 2em;
  color: #505050;
  display: block;
}

/********************
Homepage Stuff
*********************/
#website-intro .intro-text {
  position: relative;
}

#website-intro .intro-text:after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -135px;
  left: 50%;
  background: url("/assets/images/est_stamp.png");
  background-size: 100%;
  transform: rotate(-8deg) translateX(-200%);
}

#website-intro .intro-image {
  display: none;
}

#website-intro .intro-image-mob {
  display: block;
  width: 70%;
  max-width: 290px;
  margin: 1em auto;
}

/***************************
Search results & category pages
***************************/
#search-masthead-container, .masthead-container {
  position: relative;
}

#search-masthead-container .search-title-container, #search-masthead-container .title-container, .masthead-container .search-title-container, .masthead-container .title-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70%;
  height: 100px;
}

#search-masthead-container .search-title-container .inner, #search-masthead-container .title-container .inner, .masthead-container .search-title-container .inner, .masthead-container .title-container .inner {
  text-align: center;
  max-width: 650px;
  color: white !important;
  text-shadow: 0 0 20px #000;
  font-size: 1.1em;
  margin: 0 auto;
}

#search-masthead-container .search-title-container .inner h1, #search-masthead-container .title-container .inner h1, .masthead-container .search-title-container .inner h1, .masthead-container .title-container .inner h1 {
  color: #fff;
  font-size: 2.5em;
  font-family: "Rollerscript Smooth";
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.page-template-page-results #search-masthead-container, .page-template-page-results .masthead-container {
  padding-bottom: 0;
}

.page-template-page-text .search-title-container, .page-template-page-text .title-container {
  bottom: 15%;
}

.category-intro {
  padding-bottom: 3em;
}

.category-intro .inner {
  padding: 1em 4vw 0 4vw;
}

.category-intro .inner.add-box {
  padding: 4vw;
}

.category-intro .inner li {
  position: relative;
}

.category-intro .inner li:before {
  content: '•';
  font-family: arial;
  font-size: 22px;
  color: #3f826f;
  left: 0;
  display: inline-block;
  margin-right: 7px;
}

.category-intro .h2.title {
  text-align: center;
}

.category-intro h4 {
  margin: 0.5em 0;
}

.category-intro p {
  margin-top: 0;
}

.category-intro a {
  border-bottom: 1px solid #3f826f;
  display: inline-block;
  padding-bottom: 2px;
}

.category-intro blockquote {
  line-height: 1.5;
  padding-left: 1.25em;
  position: relative;
}

.category-intro blockquote:before {
  content: '';
  border-left: 2px solid #3f826f;
  height: 70%;
  display: block;
  width: 1px;
  position: absolute;
  left: 0;
  top: 15%;
}

.category-intro .image img {
  width: 100%;
  display: block;
  height: auto;
  max-width: 500px;
  margin: auto;
}

.collection-info {
  position: relative;
  background: #fff;
}

.collection-info .inner {
  width: 90%;
  max-width: 800px;
  margin: auto;
  position: relative;
  z-index: 0;
}

.collection-info .inner .intro-block {
  width: 90%;
}

.collection-info .inner h3 {
  margin-bottom: 0;
}

.collection-info .inner p {
  margin-top: 0;
}

.collection-info .inner span {
  color: #3f826f;
  font-size: 1.4em;
  transform: translateY(2px);
  display: inline-block;
  margin: 0 5px;
}

#collection .image {
  height: 390px;
  position: relative;
}

#collection .image:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 780px;
  height: 100%;
  background: url("https://newforestescapes.com/assets/images/dotty-says-hi.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
}

#collection .intro-block {
  padding: 1em 0;
}

#collection .wrap {
  display: flex;
  flex-direction: column;
}

#collection .speech-bubble {
  position: relative;
  padding: 2em;
}

#collection .speech-bubble:before {
  content: '';
  position: absolute;
  display: block;
  background: url("https://newforestescapes.com/assets/images/speech-bubble.jpg");
  background: url("https://newforestescapes.com/assets/images/speech-bubble-sm.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  right: 0;
  top: -15px;
}

.page-navigation {
  display: none;
  /*
    text-align: center;
    padding: 1em 0;
    font-family: canela light;
    text-transform: uppercase;

    .page-numbers {
	    display: inline-block;
	    width: 40px;
	    height: 40px;
	    border: 1px solid $light-green;
	    border-radius: 50%;
	    line-height: 42px;

	    &.next, &.prev{
	    	width: 90px;
    		border: 0;
	    }

	    &.current {
		    color: $white;
		    background: $green;
		}

		&:not(.next):not(.prev):not(.current):hover {
		    background: $light-green;
		}
	}*/
}

.loader-container {
  background: #fff;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader-container .inner {
  width: 80%;
  max-width: 500px;
  text-align: center;
}

.loader-container .leaf {
  display: block;
  margin: -0.5em auto;
  width: 280px;
}

.loader-container .bee {
  transform: translateX(40px);
}

.no-results {
  padding-top: 2em;
  text-align: center;
}

.no-results img {
  width: 80%;
  max-width: 500px;
}

#result-controls .wrap {
  position: relative;
}

#result-controls .count-text {
  margin-top: 10px;
  font-size: 1em;
}

#result-controls .count-text span:not(.result-count) {
  display: block;
  font-size: 1.25em;
}

#result-controls .result-count {
  color: #3f826f;
  font-size: 110%;
}

#result-controls .map-launch {
  position: absolute;
  top: 20px;
  right: 0;
  text-transform: uppercase;
  padding: 5px 8px 10px;
  background: #e2f0cb;
  border-radius: 2px;
  font-size: 13px;
  letter-spacing: 2px;
  top: 20px;
  cursor: pointer;
  color: #3f826f;
}

#result-controls .map-launch i {
  width: 1.15em;
  transform: translateX(1px);
}

#search-results-container {
  background: #fff;
  position: relative;
  padding-top: 0.75em;
}

#main-results-panel {
  position: relative;
  background: #fff;
}

#main-results-panel .form-wrapper {
  padding: 1em 0;
}

#sc-search-results {
  margin: 0;
}

#sc-search-results .search .available {
  display: none;
}

#sc-search-results .search .available.searched-0:nth-of-type(1) {
  display: block;
}

#sc-search-results .search-date-match .searched-0 {
  display: none;
}

#sc-search-results .splide .splide__sr {
  display: none !important;
}

#sc-search-results .splide .splide__slide img {
  width: 100%;
}

#sc-search-results .splide .splide__arrows {
  width: unset;
  display: none;
}

#sc-search-results .splide .splide__arrows .splide__arrow--next {
  right: 40px;
}

#sc-search-results .splide .splide__arrows .splide__arrow--next svg {
  fill: #fff;
}

#sc-search-results .splide .splide__pagination {
  margin-top: -35px;
  position: relative;
  height: 35px;
}

#sc-search-results .splide .splide__pagination li {
  margin: 0 5px;
}

#sc-search-results .splide .splide__pagination li .splide__pagination__page {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: white;
  background: rgba(255, 255, 255, 0.7);
  display: inline-block;
  vertical-align: middle;
}

#sc-search-results .splide .splide__pagination li .splide__pagination__page.is-active {
  height: 15px;
  width: 15px;
  background: white;
}

#sc-search-results .result-slider img {
  width: 100%;
  display: block;
}

#sc-search-results .result-slider.slick-dotted {
  margin-bottom: 0;
}

#sc-search-results .result-slider.slick-dotted .slick-dots {
  bottom: 20px;
}

#sc-search-results .sc-result-row {
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
  margin-bottom: 3em;
  position: relative;
}

#sc-search-results .sc-result-row .images {
  padding: 0;
  order: 1;
}

#sc-search-results .sc-result-row .splide {
  visibility: visible;
}

#sc-search-results .sc-result-row h3, #sc-search-results .sc-result-row h4 {
  margin: 0;
}

#sc-search-results .sc-result-row .property-name {
  font-size: 1.25em;
}

#sc-search-results .sc-result-row .three-word-tag {
  padding-top: 0.5em;
}

#sc-search-results .sc-result-row .details {
  padding: 0 1em;
  position: relative;
  order: 2;
}

#sc-search-results .sc-result-row .details h3 {
  padding-top: 14px;
  line-height: 1;
}

#sc-search-results .sc-result-row .details .location {
  font-size: 0.8em;
  position: absolute;
  right: 1em;
  top: 11px;
}

#sc-search-results .sc-result-row .details .location i {
  width: 20px;
  font-size: 22px;
  transform: translate(-4px, -2px);
}

#sc-search-results .sc-result-row .details .overview {
  font-size: 95%;
}

#sc-search-results .sc-result-row .details .highlights {
  font-size: 90%;
  padding-top: 6px;
}

#sc-search-results .sc-result-row .details .highlights span {
  display: inline-block;
  margin-right: 1em;
}

#sc-search-results .sc-result-row .details .highlights [class^="icon-"], #sc-search-results .sc-result-row .details .highlights [class*=" icon-"] {
  width: 1.15em;
  font-size: 1.75em;
  transform: translateX(-5px);
}

#sc-search-results .sc-result-row .book-panel {
  padding: 0;
  order: 4;
}

#sc-search-results .sc-result-row .book-panel #book-links {
  margin: 0;
  padding: 10px 1em;
  /* font-size: 90%; */
  border-top: 1px solid #f1f1f1;
}

#sc-search-results .sc-result-row .book-panel #book-links .date {
  font-size: 95%;
}

#sc-search-results .sc-result-row .book-panel #book-links .total-rate .pence {
  font-size: 0.8em;
}

#sc-search-results .sc-result-row .book-panel #book-links .book-now {
  float: right;
  margin-top: -3em;
  background: #3f826f;
  color: #fff;
  line-height: 35px;
}

#sc-search-results .sc-result-row .book-panel .searched-nodate h3 {
  margin: 0 !important;
}

#sc-search-results .sc-result-row .book-panel .searched-nodate .no-date {
  font-size: 90%;
}

#sc-search-results .sc-result-row .book-panel .searched-nodate .total-rate, #sc-search-results .sc-result-row .book-panel .searched-nodate .separator, #sc-search-results .sc-result-row .book-panel .searched-nodate .per-week {
  display: inline-block;
  vertical-align: middle;
}

#sc-search-results .sc-result-row .book-panel .searched-nodate .sep {
  display: none;
}

#sc-search-results .sc-result-row .book-panel .searched-nodate .book-now {
  margin-top: -1em !important;
}

#sc-search-results .sc-result-row .offer-flag {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #ffdac1;
  padding: 0 5px;
  font-size: 0.9em;
  border-radius: 3px;
}

#sc-search-results .cpt-alm-wrapper {
  display: block !important;
}

#sc-search-results .cpt-alm-item.cpt-alm-col-12 {
  margin: 0;
  box-shadow: none !important;
}

#sc-search-results .cpt-alm-item.cpt-alm-col-12 #result-count {
  display: none;
}

.cpt-alm-loader.cpt-custom-loader {
  margin: 20px auto;
  background: url("/assets/images/buzzy-bee.gif");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}

#search-masthead-container .search-results-masthead {
  position: relative;
  height: 330px;
}

#search-masthead-container img {
  width: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#search-masthead-container .search-title {
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 0 0 10px #505050;
  line-height: 1.4;
}

#search-masthead-container .search-title .page-title {
  color: #fff;
}

#search-masthead-container .search-title span {
  max-width: 700px;
}

#search-masthead-container .form-wrapper {
  padding-top: 15px;
  position: relative;
  background: #fff;
}

#search-masthead-container .form-wrapper:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 80px;
  top: 0;
  background: #f1f1f1;
}

#search-masthead-container .form-submit.desktop {
  display: none;
}

#search-masthead-container .placeholder {
  display: none;
}

#search-masthead-container .likes .placeholder {
  display: block;
  text-align: center;
  margin-top: 3em;
}

#result-count {
  margin: 0.5em 0;
}

#result-count .inner {
  max-width: 650px;
  text-align: center;
  margin: auto;
}

#result-count img {
  width: 80%;
  max-width: 520px;
}

#result-count h3 {
  margin: 0;
}

#result-count p {
  margin-top: 0;
}

#result-count p span {
  color: #3f826f;
  font-size: 1.4em;
  transform: translateY(2px);
  display: inline-block;
  margin: 0 5px;
}

.hashtags {
  margin: 0.75em 0;
}

.hashtags .hashtag {
  background: #f1f1f1;
  display: inline-block;
  border-radius: 2px;
  padding: 0 5px;
  margin-right: 6px !important;
  margin-bottom: 6px;
  font-size: 0.9em;
}

.page-template-page-results-ajax {
  /* Add a custom icon */
}

.page-template-page-results-ajax #mobile-form, .page-template-page-results-ajax .mobile-form-launcher .inner {
  padding: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  transform: translateY(-50%);
  background: white;
}

.page-template-page-results-ajax .show #mobile-form {
  transform: unset;
  box-shadow: unset;
  padding: unset;
}

.page-template-page-results-ajax .mobile-form-launcher {
  background: white;
  position: relative;
}

.page-template-page-results-ajax .mobile-search.form-wrapper {
  background: white;
}

.page-template-page-results-ajax #search-masthead-container img {
  position: unset;
  transform: unset;
  height: 100%;
  object-fit: cover;
}

.page-template-page-results-ajax #search-masthead-container .search-title {
  padding: 1em;
  bottom: 1.5em;
}

.page-template-page-results-ajax #search-masthead-container .search-title .tagline {
  font-size: 0.9em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* Show only 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-template-page-results-ajax #filter-options, .page-template-page-results-ajax .sticky-wrapper {
  display: none;
  visibility: hidden;
  opacity: 0;
}

.page-template-page-results-ajax .result-info {
  text-align: center;
}

.page-template-page-results-ajax .result-info h2 {
  margin: 0;
}

.page-template-page-results-ajax .result-info p {
  margin: 0 0 1.25em 0 !important;
}

.page-template-page-results-ajax .controls--left {
  display: flex;
}

.page-template-page-results-ajax .controls--right {
  float: right;
  display: flex;
}

.page-template-page-results-ajax .controls .control {
  display: flex;
  align-items: center;
  height: 38px;
  line-height: 38px;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  padding: 3px 6px;
  font-size: 0.8rem;
  letter-spacing: 2px;
  cursor: pointer;
}

.page-template-page-results-ajax .controls #list-view {
  background: #e2f0cb;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.page-template-page-results-ajax .controls #show-map {
  border-left: 0;
}

.page-template-page-results-ajax .responsive-select {
  position: relative;
  display: inline-block;
  width: 100%;
  /* Adjust as necessary */
  max-width: 45px;
  /* Limit max width for mobile */
}

.page-template-page-results-ajax .responsive-select select {
  width: 100%;
  appearance: none;
  /* Remove default styling */
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  padding: 8px 32px 8px 12px;
  /* Add space for the icon */
  font-size: 16px;
  line-height: 1.5;
  border: 1px solid #f1f1f1;
  border-right: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  cursor: pointer;
  color: #fff;
  height: 38px !important;
  margin-bottom: 0;
}

.page-template-page-results-ajax .responsive-select:after {
  content: '▲▼';
  /* Custom icon (can use an image or SVG) */
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #3f826f;
}

.page-template-page-results-ajax .sc-result-row .swiper-button-prev, .page-template-page-results-ajax .sc-result-row .swiper-button-next {
  background: rgba(63, 130, 111, 0.75);
  color: #fff;
  display: block;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  transform: translateY(0);
}

.page-template-page-results-ajax .sc-result-row .swiper-button-prev:after, .page-template-page-results-ajax .sc-result-row .swiper-button-next:after {
  font-size: 18px;
  position: relative;
  top: 8px;
}

.page-template-page-results-ajax .sc-result-row .swiper-button-prev {
  left: 5px;
}

.page-template-page-results-ajax .sc-result-row .swiper-button-prev:after {
  left: -2px;
}

.page-template-page-results-ajax .sc-result-row .swiper-button-next {
  right: 5px;
}

.page-template-page-results-ajax .sc-result-row .swiper-button-next:after {
  left: 2px;
}

.page-template-page-results-ajax .sc-result-row .swiper-pagination {
  font-size: 0.9em;
  color: #fff;
}

.page-template-page-results-ajax .sc-result-row .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}

.page-template-page-results-ajax .sc-result-row .swiper-pagination-bullet-active {
  transform: scale(1.4);
  opacity: 0.8;
}

.page-template-page-results-ajax #sc-search-results .sc-result-row .details .highlights [class^="icon-"], .page-template-page-results-ajax #sc-search-results .sc-result-row .details .highlights [class*=" icon-"] {
  margin-right: 3px;
  font-size: 1.5em;
  transform: translateX(0);
}

.page-template-page-results-ajax .overview {
  padding-top: 8px;
}

.page-template-page-results-ajax .book-panel {
  border-top: 1px solid #f1f1f1;
  padding: 10px 15px !important;
}

.page-template-page-results-ajax .book-panel .base-rate {
  float: left;
}

.page-template-page-results-ajax .book-panel .base-rate .from {
  font-size: 0.9em;
  display: block;
}

.page-template-page-results-ajax .book-panel .view-property {
  color: white;
  background: #3f826f;
  padding: 6px 8px;
  float: right;
  margin-top: 8px;
  border-radius: 2px;
}

.page-template-page-results-ajax .book-panel .book-now {
  display: block;
  line-height: 32px;
  padding-top: 5px;
  margin-bottom: 5px;
}

.page-template-page-results-ajax .book-panel .book-now span {
  color: white;
  background: #3f826f;
  padding: 0 8px;
  float: right;
  border-radius: 2px;
}

.page-template-page-results-ajax .move-filters {
  display: none !important;
}

.page-template-page-results-ajax .filter-panel {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  background: white;
  padding: 15px;
}

.page-template-page-results-ajax .filter-panel.show {
  opacity: 1;
  visibility: visible;
}

.page-template-page-results-ajax .filter-panel .panel-close .icon-previous {
  font-size: 1.5em;
  width: 35px;
  height: 35px;
  line-height: 29px;
  text-align: center;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.page-template-page-results-ajax .filter-panel #filter-options {
  padding-top: 2em;
}

.page-template-page-results-ajax .filter-panel .pretty {
  margin-left: 8px;
}

.page-template-page-results-ajax .filter-panel .panel-control.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px;
  border-top: 1px solid #f1f1f1;
}

.page-template-page-results-ajax .filter-panel .panel-control.bottom span {
  line-height: 45px;
}

.page-template-page-results-ajax .filter-panel .panel-control.bottom span.nfe-alt-btn {
  float: right;
}

.page-template-page-results-ajax .seo-content p a {
  position: relative;
  display: inline-block;
  z-index: 1;
  color: #505050;
}

.page-template-page-results-ajax .seo-content p a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  background: #b9ded0;
  bottom: 3px;
  z-index: -1;
  transition: all 0.2s linear;
}

.page-template-page-results-ajax .seo-content p a:hover:before {
  height: 20px;
}

.page-template-page-results-ajax .secondary-match--first {
  margin-top: 7em;
}

.page-template-page-results-ajax .secondary-match--first:before {
  content: 'More nearby places worth a peek...';
  position: absolute;
  display: block;
  width: 100%;
  margin-top: -2.5em;
  font-family: 'canela light';
  font-size: 1.5em;
  text-align: center;
}

/*******************
Collections Page
*******************/
#collections {
  padding-top: 2em;
}

.collections {
  margin: 2rem -1.25rem;
  font-size: 0;
}

.collections .card {
  padding: 0 1.25rem;
  margin-bottom: 2rem;
  float: none;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
}

.collections .card .card-inner .card-thumb {
  height: 0;
  padding-top: 112%;
  display: block;
  opacity: 1;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.collections .card .card-inner .card-thumb img {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
}

.collections .card .card-inner .card-thumb:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.collections .card .card-inner .card-content {
  padding: 8px 0;
}

.collections .card .card-inner .card-content .roller {
  color: #3f826f;
  font-size: 1.15em;
}

.collections .card .card-inner .card-content h3 {
  margin: 0.25em 0;
}

.collections .card .card-inner .card-content h3 a {
  display: block;
  color: #505050;
}

.collections .card .card-inner .card-content p {
  margin: 0;
}

.page-template-page-collections-new .box-content-container {
  display: none;
}

.page-template-page-collections-new #intro-columns {
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
}

.page-template-page-collections-new #intro-columns.column-reverse {
  flex-direction: column-reverse;
}

.page-template-page-collections-new #intro-columns div {
  display: table-cell;
  height: 100%;
}

.page-template-page-collections-new #search-results {
  padding-top: 2em;
}

.page-template-page-collections-new #search-results .search-subheading {
  text-align: center;
}

.page-template-page-collections-new .hmapsprem_container {
  position: relative;
  width: 100%;
  padding-top: 90%;
}

/********************
Maps Marker Maps
*********************/
#all-props-map .maps-marker-pro {
  padding-top: 85%;
}

#all-props-map .maps-marker-pro .mmp-map-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#all-props-map .inner {
  position: relative;
}

#all-props-map .inner:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 5%;
  top: -1%;
  z-index: 5;
  background-image: url("/assets/images/fade_top.png");
  background-size: 100%;
  background-position: bottom;
}

#all-props-map .inner:after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -1%;
  z-index: 5;
  height: 5%;
  background-image: url(/assets/images/fade_bottom.png);
  background-size: 100%;
  background-position: top;
}

.map-inner {
  position: relative;
  width: 98%;
  height: 98%;
  max-height: calc(100vh - 50px);
  transform: translateY(50px);
}

#locations {
  background: #e2f0cb;
  padding-bottom: 0;
  margin-bottom: 1em;
}

.locations.wrap {
  width: 100%;
}

.fave-locations {
  margin: 0;
  padding: 25px 5vw;
  white-space: nowrap;
  overflow: scroll;
  overflow-behavior: auto;
}

.fave-locations .location {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  /* padding: 5px; */
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 1em;
}

.fave-locations .icon-location {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  width: 20px;
}

.fave-locations .location p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.fave-locations .location a {
  display: block;
  padding: 5px;
}

.fave-locations .outer-wrapper {
  max-width: 100vw;
  overflow-x: scroll;
  position: relative;
  scrollbar-color: #d5ac68 #f1db9d;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.pseduo-track {
  background-color: #f1db9d;
  height: 2px;
  width: 100%;
  position: relative;
  top: -3px;
  z-index: -10;
}

@media (any-hover: none) {
  .pseduo-track {
    display: none;
  }
}

.outer-wrapper::-webkit-scrollbar {
  height: 5px;
}

.outer-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

.outer-wrapper::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #d5ac68;
}

.outer-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #f1db9d;
}

.outer-wrapper::-webkit-scrollbar:vertical {
  display: none;
}

/********************
Wedings Page
**********************/
.page-template-page-weddings .form-wrap, .page-template-page-builder .form-wrap {
  margin-top: 1em;
}

.page-template-page-weddings nf-field:nth-child(1), .page-template-page-weddings nf-field:nth-child(2), .page-template-page-builder nf-field:nth-child(1), .page-template-page-builder nf-field:nth-child(2) {
  width: 48%;
  float: left;
}

.page-template-page-weddings nf-field:nth-child(2), .page-template-page-builder nf-field:nth-child(2) {
  float: right;
}

.page-template-page-weddings nf-field input, .page-template-page-builder nf-field input {
  font-family: "Rollerscript Smooth";
  font-size: 1.2em;
}

.page-template-page-weddings .nf-form-fields-required, .page-template-page-builder .nf-form-fields-required {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}

.page-template-page-weddings .nf-error-msg, .page-template-page-weddings .ninja-forms-req-symbol, .page-template-page-builder .nf-error-msg, .page-template-page-builder .ninja-forms-req-symbol {
  color: #3f826f;
}

.page-template-page-weddings .nf-error .ninja-forms-field, .page-template-page-builder .nf-error .ninja-forms-field {
  border: 1px solid #3f826f;
}

.page-template-page-weddings .nf-after-field .nf-error-msg, .page-template-page-builder .nf-after-field .nf-error-msg {
  font-size: 0.9em;
}

.page-template-page-weddings .nf-error-field-errors, .page-template-page-builder .nf-error-field-errors {
  text-align: center;
}

.page-template-page-weddings .nf-response-msg, .page-template-page-builder .nf-response-msg {
  text-align: center;
}

.page-template-page-weddings .submit-wrap, .page-template-page-builder .submit-wrap {
  text-align: center;
}

.page-template-page-weddings .submit-wrap .nfe-btn, .page-template-page-builder .submit-wrap .nfe-btn {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.page-template-page-weddings .brochure-select label, .page-template-page-builder .brochure-select label {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.page-template-page-weddings .brochure-select label small, .page-template-page-builder .brochure-select label small {
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-left: 25px;
}

.gallery-block {
  text-align: center;
}

.gallery-block li img {
  display: block;
  padding: 1em;
  cursor: pointer;
}

.gallery-block span {
  display: inline-block;
  margin: 1em auto;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  border-bottom: 1px solid #3f826f;
  cursor: pointer;
}

.page-template-page-events #reviews .slider-container:before {
  background: #ffdac1;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  /*margin-top: 1.5em;*/
}

.hentry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em;
  border: 1px solid #ccc;
}

.hentry header {
  border-bottom: 1px solid #f1f1f1;
  padding: 1.5em;
}

.hentry footer {
  padding: 1.5em;
  border-top: 1px solid #f1f1f1;
}

.hentry footer p {
  margin: 0;
}

/* end .hentry */
.single-title,
.entry-title {
  margin: 0.25em 0 0;
  color: #575e5c;
}

.single-title {
  color: #fff;
  width: 95%;
  max-width: 900px;
  margin: 0.5em auto 0 auto;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* entry content */
.entry-content {
  padding: 1.5em 0 0;
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/
}

.entry-content h4 {
  color: #3f826f;
  margin: 0;
}

.entry-content p {
  margin: 0 0 1.5em;
}

.entry-content table {
  width: 100%;
  border: 1px solid #575e5c;
  margin-bottom: 1.5em;
}

.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.entry-content tr {
  border-bottom: 1px solid #575e5c;
}

.entry-content tr:nth-child(even) {
  background-color: #f1f1f1;
}

.entry-content td {
  padding: 7px;
  border-right: 1px solid #575e5c;
}

.entry-content td:last-child {
  border-right: 0;
}

.entry-content th {
  background-color: #f1f1f1;
  border-bottom: 1px solid #575e5c;
  border-right: 1px solid #575e5c;
}

.entry-content th:last-child {
  border-right: 0;
}

.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #3f826f;
  font-style: italic;
  color: #9fa6b4;
}

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}

.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}

.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
  max-width: 100%;
  margin: 2em auto;
  display: block;
}

.entry-content pre {
  background: #323944;
  color: #f1f1f1;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

/* end .entry-content */
/*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/
.alignleft, .alignright, img.alignright, img.alignleft {
  display: block;
  margin: 0 auto 1.5em auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.single-post .size-auto,
.single-post .size-full,
.single-post .size-large,
.single-post .size-medium,
.single-post .size-thumbnail {
  max-width: 100%;
  height: auto;
  margin: 2em 0;
  display: block;
}

.wp-caption {
  max-width: 100%;
  margin: 1em auto;
  /* images inside wp-caption */
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
  margin: 0;
}

.popmake-content {
  padding: 1.5rem;
  background: #e2f0cb !important;
  color: #505050 !important;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.popmake-content h2 {
  margin-top: -30px;
}

.popmake-content h3 {
  line-height: 1.3;
}

.popmake-content p.image {
  text-align: right;
}

.popmake-content p a {
  border-bottom: 1px solid;
}

/***********************************
Page Builder Styles
***********************************/
.section-title h2 {
  margin-bottom: 0;
}

.section-title p {
  margin: 0;
}

.page-template-page-builder .intro-block .text-content, .page_builder .intro-block .text-content {
  position: relative;
  padding: 2em 1em 2em 0;
}

.page-template-page-builder .intro-block .text-content .icon-quote-open, .page_builder .intro-block .text-content .icon-quote-open {
  font-size: 2.5em;
  transform: translate(-8px, 15px);
}

.page-template-page-builder .intro-block .text-content:before, .page_builder .intro-block .text-content:before {
  content: '';
  position: absolute;
  display: block;
  width: 85%;
  height: 65%;
  right: 0;
  bottom: 0;
  background: #ffdac1;
}

.page-template-page-builder p a, .page_builder p a {
  display: inline-block;
  border-bottom: 1px solid;
}

.page-template-page-builder .page-title, .page_builder .page-title {
  font-size: 2.5em;
  color: #fff;
}

.page-template-page-builder section, .page_builder section {
  padding: 1em 0;
}

.page-template-page-builder section:last-of-type, .page_builder section:last-of-type {
  padding-bottom: 2em;
}

.page-template-page-builder .add-bg, .page_builder .add-bg {
  padding: 3.5em 0;
  background: url("/assets/images/green_bg.jpg");
  background: #e2f0cb url("/assets/accents/patterns/lines.png");
  background-position: center;
}

.page-template-page-builder .add-box, .page_builder .add-box {
  background: #fff;
  padding: 1.5em 2.5em;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
}

.page-template-page-builder .text-block .inner, .page_builder .text-block .inner {
  padding: 1em;
}

.page-template-page-builder .text-block .inner.add-box, .page_builder .text-block .inner.add-box {
  padding: 4vw;
}

.page-template-page-builder .text-block .inner li, .page_builder .text-block .inner li {
  position: relative;
  padding: 0 1em;
  margin-bottom: 0.75em;
}

.page-template-page-builder .text-block .inner li:before, .page_builder .text-block .inner li:before {
  content: '•';
  font-family: arial;
  font-size: 22px;
  color: #3f826f;
  left: 0;
  margin-top: -2px;
  display: block;
  /* margin-right: 7px; */
  position: absolute;
}

.page-template-page-builder .text-block .inner.add-ticks li, .page_builder .text-block .inner.add-ticks li {
  padding: 0 1em 0 1.5em;
}

.page-template-page-builder .text-block .inner.add-ticks li:before, .page_builder .text-block .inner.add-ticks li:before {
  content: '🌿';
  font-size: 16px;
  left: 0;
  margin-top: 0;
}

.page-template-page-builder .text-block .inner .text-content.max-width, .page_builder .text-block .inner .text-content.max-width {
  max-width: 900px;
  margin: 0 auto;
}

.page-template-page-builder .text-block table, .page_builder .text-block table {
  width: 100%;
  margin: 1em 0;
}

.page-template-page-builder .text-block td, .page_builder .text-block td {
  border: 1px solid #9fa6b4;
  padding: 10px;
}

.page-template-page-builder .text-block .h2.title, .page_builder .text-block .h2.title {
  text-align: center;
  margin-bottom: 0.75em;
}

.page-template-page-builder .text-block h4, .page_builder .text-block h4 {
  margin: 0.5em 0;
}

.page-template-page-builder .text-block p, .page_builder .text-block p {
  margin-top: 0;
}

.page-template-page-builder .text-block a, .page_builder .text-block a {
  border-bottom: 1px solid #3f826f;
  display: inline-block;
  padding-bottom: 2px;
}

.page-template-page-builder .text-block blockquote, .page_builder .text-block blockquote {
  font-size: 1.5em;
  line-height: 1.75em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  padding: 1.5em;
  position: relative;
}

.page-template-page-builder .text-block blockquote:before, .page_builder .text-block blockquote:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.page-template-page-builder .text-block blockquote:nth-of-type(4n+1):before, .page_builder .text-block blockquote:nth-of-type(4n+1):before {
  background: #fec6c2;
}

.page-template-page-builder .text-block blockquote:nth-of-type(4n+2):before, .page_builder .text-block blockquote:nth-of-type(4n+2):before {
  background: #c7ceea;
}

.page-template-page-builder .text-block blockquote:nth-of-type(4n+3):before, .page_builder .text-block blockquote:nth-of-type(4n+3):before {
  background: #ffdac1;
}

.page-template-page-builder .text-block blockquote:nth-of-type(4n+4):before, .page_builder .text-block blockquote:nth-of-type(4n+4):before {
  background: #e2f0cb;
}

.page-template-page-builder .text-block blockquote p, .page_builder .text-block blockquote p {
  position: relative;
}

.page-template-page-builder .text-block .image, .page_builder .text-block .image {
  position: relative;
}

.page-template-page-builder .text-block .image img, .page_builder .text-block .image img {
  width: 100%;
  display: block;
  height: auto;
  margin-right: 0;
  position: relative;
}

.page-template-page-builder .text-block .image span, .page_builder .text-block .image span {
  display: block;
  width: 100%;
  max-width: 580px;
  position: relative;
  margin: 0 auto;
  padding: 0 1.25em 1.25em 0;
}

.page-template-page-builder .text-block .image span:before, .page_builder .text-block .image span:before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 1.25em);
  height: calc(100% - 1.25em);
  right: 0;
  bottom: 0;
}

.page-template-page-builder .text-block .image a, .page_builder .text-block .image a {
  display: block;
}

.page-template-page-builder .text-block .image .hide-border, .page_builder .text-block .image .hide-border {
  color: red;
}

.page-template-page-builder .text-block .image .hide-border span:before, .page_builder .text-block .image .hide-border span:before {
  display: none !important;
}

.page-template-page-builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+1) span:before, .page_builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+1) span:before {
  background: #fec6c2;
}

.page-template-page-builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+2) span:before, .page_builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+2) span:before {
  background: #c7ceea;
}

.page-template-page-builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+3) span:before, .page_builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+3) span:before {
  background: #ffdac1;
}

.page-template-page-builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+4) span:before, .page_builder .text-block.image:not(.divider):not(.hide_border):nth-of-type(4n+4) span:before {
  background: #e2f0cb;
}

.page-template-page-builder .text-block.property h3, .page_builder .text-block.property h3 {
  margin-bottom: 0;
  line-height: 1;
}

.page-template-page-builder .text-block.property .prop-data, .page_builder .text-block.property .prop-data {
  margin: 1em 0;
}

.page-template-page-builder .text-block.property .prop-data span, .page_builder .text-block.property .prop-data span {
  display: inline-block;
  margin-right: 0.5em;
}

.page-template-page-builder .text-block.property .prop-data i, .page_builder .text-block.property .prop-data i {
  font-size: 1.8em;
}

.page-template-page-builder .text-block.butterflies .wrap, .page_builder .text-block.butterflies .wrap {
  padding-top: 2.75em;
  background: url("/assets/accents/butterflies.png");
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: top right;
}

.page-template-page-builder .text-block.geese .wrap, .page_builder .text-block.geese .wrap {
  padding-top: 2.75em;
  background: url("/assets/accents/geese.png");
  background-repeat: no-repeat;
  background-size: 200px;
  background-position: top left;
}

.page-template-page-builder .text-block .box-header, .page_builder .text-block .box-header {
  text-align: center;
  max-width: 700px;
  margin: auto;
  padding-bottom: 1em;
}

.page-template-page-builder .text-block .box-header h2, .page_builder .text-block .box-header h2 {
  margin-top: 0;
}

.page-template-page-builder .text-block .box-header.covid-update, .page_builder .text-block .box-header.covid-update {
  padding-top: 120px;
}

.page-template-page-builder .text-block .box-header.covid-update:before, .page_builder .text-block .box-header.covid-update:before {
  content: '';
  position: absolute;
  display: block;
  width: 90px;
  height: 100px;
  background: url("/assets/accents/book-with-confidence.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  top: 3vw;
  margin: auto;
}

.page-template-page-builder .text-block.boxed, .page_builder .text-block.boxed {
  padding: 3em 0;
  position: relative;
}

.page-template-page-builder .text-block.boxed.croc:before, .page_builder .text-block.boxed.croc:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/assets/accents/patterns/croc.png");
  background-position: center;
  opacity: 0.7;
}

.page-template-page-builder .text-block.boxed.circles:before, .page_builder .text-block.boxed.circles:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/assets/accents/patterns/circles.png");
  background-position: center;
  opacity: 0.7;
}

.page-template-page-builder .text-block.boxed.squares:before, .page_builder .text-block.boxed.squares:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/assets/accents/patterns/ludlow_wht.png");
  background-position: center;
}

.page-template-page-builder .text-block.boxed.leaves:before, .page_builder .text-block.boxed.leaves:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/assets/accents/patterns/leaves.png");
  background-position: center;
  background-size: 400px;
}

.page-template-page-builder .text-block.boxed.lines:before, .page_builder .text-block.boxed.lines:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/assets/accents/patterns/lines.png");
  background-position: center;
}

.page-template-page-builder .text-block.boxed .box-inner, .page_builder .text-block.boxed .box-inner {
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 3vw;
}

.page-template-page-builder .text-block.boxed .box-border, .page_builder .text-block.boxed .box-border {
  margin-right: 1.25em;
  position: relative;
}

.page-template-page-builder .text-block.boxed .box-border:before, .page_builder .text-block.boxed .box-border:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 1.25em;
  left: 1.25em;
  border: 1px solid #3f826f;
}

.page-template-page-builder .col-header, .page_builder .col-header {
  text-align: center;
}

.page-template-page-builder .col-header img, .page_builder .col-header img {
  margin: auto;
  border-radius: 50%;
  margin: 0 auto;
}

.page-template-page-builder .image .wrap, .page_builder .image .wrap {
  display: flex;
  flex-direction: column-reverse;
}

.page-template-page-builder .featurette, .page_builder .featurette {
  padding-top: 40px;
  margin-bottom: 1.5em;
}

.page-template-page-builder .featurette .inner, .page_builder .featurette .inner {
  background: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
  padding: 1.5em;
}

.page-template-page-builder .featurette .inner .icon, .page_builder .featurette .inner .icon {
  display: block;
  text-align: center;
  margin-top: -80px;
}

.page-template-page-builder .featurette .inner .icon img, .page_builder .featurette .inner .icon img {
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.page-template-page-builder .featurette ul, .page_builder .featurette ul {
  margin: 0;
  padding: 0 !important;
  column-count: 2;
}

.page-template-page-builder .featurette ul li, .page_builder .featurette ul li {
  border: 1px solid transparent;
  position: relative;
  padding-left: 0.15em;
}

.page-template-page-builder .featurette ul li:before, .page_builder .featurette ul li:before {
  content: '•';
  font-family: arial;
  font-size: 22px;
  color: #3f826f;
  left: 0;
  display: inline-block;
  margin-right: 7px;
}

.page-template-page-builder .accordions h2, .page_builder .accordions h2 {
  text-align: center;
}

.page-template-page-builder .accordions dt, .page-template-page-builder .accordions dd, .page-template-page-builder .accordions h3, .page_builder .accordions dt, .page_builder .accordions dd, .page_builder .accordions h3 {
  margin: 0;
}

.page-template-page-builder .accordions h3, .page_builder .accordions h3 {
  padding: 20px 0;
  cursor: pointer;
  font-size: 1.25em;
}

.page-template-page-builder .accordions h3:after, .page_builder .accordions h3:after {
  content: '+';
  float: right;
}

.page-template-page-builder .accordions h3.active:after, .page_builder .accordions h3.active:after {
  content: '';
}

.page-template-page-builder .accordions dd, .page_builder .accordions dd {
  padding: 0 0 20px 0;
}

.page-template-page-builder .accordions dd a, .page_builder .accordions dd a {
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px solid #3f826f;
}

.page-template-page-builder .accordions dd li, .page_builder .accordions dd li {
  position: relative;
  padding: 0 1em;
  margin-bottom: 0.75em;
}

.page-template-page-builder .accordions dd li:before, .page_builder .accordions dd li:before {
  content: '•';
  font-family: arial;
  font-size: 22px;
  color: #3f826f;
  left: 0;
  margin-top: -2px;
  display: block;
  /* margin-right: 7px; */
  position: absolute;
}

.page-template-page-builder .accordions .accordion, .page_builder .accordions .accordion {
  border-top: 1px solid #f1f1f1;
  max-width: 900px;
  margin: auto;
}

.page-template-page-builder .accordions .accordion:first-of-type, .page_builder .accordions .accordion:first-of-type {
  border: 0;
}

.page-template-page-builder .page-links, .page_builder .page-links {
  text-align: center;
  white-space: nowrap;
  overflow: scroll;
}

.page-template-page-builder .page-links ul, .page_builder .page-links ul {
  margin: 0 0 0.5em 0;
}

.page-template-page-builder .page-links li, .page_builder .page-links li {
  display: inline-block;
  padding: 0 2vw;
  border-bottom: 1px solid #f1f1f1;
}

.page-template-page-builder .page-links li a, .page_builder .page-links li a {
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
  display: block;
  position: relative;
  transform: translateY(1px);
}

.page-template-page-builder .page-links li a:hover, .page_builder .page-links li a:hover {
  border-bottom: 1px solid #3f826f;
}

.page-template-page-builder .page-links li a.current:before, .page_builder .page-links li a.current:before {
  content: '';
  position: absolute;
  border-bottom: 3px solid #3f826f;
  width: 100%;
  bottom: -1px;
}

.page-template-page-builder .footer-image img, .page_builder .footer-image img {
  max-height: 500px;
  width: auto;
  display: block;
  margin: 0 auto 2em auto;
}

.page-template-page-builder .feature-content .image, .page_builder .feature-content .image {
  text-align: right;
  padding-right: 0;
}

.page-template-page-builder .feature-content img, .page_builder .feature-content img {
  height: 400px;
  width: auto;
}

#core-values {
  margin: 3em auto;
  padding: 5vw 0;
}

#core-values h2 {
  text-align: center;
}

#core-values .box-inner {
  padding-top: 1em;
  background: white url("https://newforestescapes.com/assets/images/bee_trail.jpg");
  background-size: auto 75%;
  background-repeat: no-repeat;
  background-position: right;
}

#core-values a {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #505050;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-color: #3f826f;
  display: block;
  width: 7.2em;
  margin: 1em auto;
  text-align: center;
  clear: both;
}

#core-values .value {
  text-align: center;
  padding: 1em 0;
}

#core-values .value h3 {
  margin: 10px 0 0 0;
  font-size: 1em;
}

#core-values .value p {
  display: none;
}

#core-values .value [class^="icon-"], #core-values .value [class*=" icon-"] {
  font-size: 2em;
}

/***********************
Map Sections
**********************/
#map .h2 {
  margin: 1em 0;
}

.map-text {
  display: flex;
  flex-direction: column-reverse;
}

.map-text img {
  display: block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 1em;
}

.map {
  max-width: 550px;
}

.map .map-image img {
  display: block;
  position: relative;
  cursor: pointer;
}

.map .map-padding {
  padding: 0 1.15em 1.15em 0;
  position: relative;
  max-width: 500px;
}

.map .map-padding:before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 1.15em);
  height: calc(100% - 1.15em);
  right: 0;
  bottom: 0;
  background: #c7ceea;
}

.map .nearest {
  width: 100%;
}

.maps-marker-pro .hmapsprem_container .hmapsprem_map_container, .maps-marker-pro .mmp-map-wrap {
  position: absolute !important;
  top: 0;
  height: 100% !important;
  width: 100%;
}

#modal.map-modal {
  position: fixed;
  z-index: 99999999;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#modal.map-modal.show {
  opacity: 1;
  visibility: visible;
}

#modal #close {
  position: absolute;
  left: 5vw;
  top: 5vh;
  z-index: 55;
  background: white;
  border: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  color: #505050;
  cursor: pointer;
}

#modal #map-iframe-modal {
  background: #f1f1f1;
  position: absolute;
  top: 5vh;
  left: 5vw;
  width: 90%;
  height: 90vh;
}

#show {
  position: relative;
  cursor: pointer;
}

#show:before {
  content: 'click to explore...';
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Rollerscript Smooth";
  font-size: 2em;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#show:hover:before {
  opacity: 1;
}

.tribe-events-l-container {
  padding-top: 0 !important;
}

.tribe-events-l-container .tribe-events-header__events-bar {
  display: none !important;
}

.tribe-events-pro-photo__event .info {
  padding: 1em 0;
}

.tribe-events-pro-photo__event .info a {
  position: relative;
  color: #505050;
  z-index: 0;
}

.tribe-events-pro-photo__event .info a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  background: #b9ded0;
  bottom: 3px;
  z-index: -1;
  transition: all 0.2s linear;
}

.tribe-events-pro-photo__event .info a:hover:before {
  height: 20px;
}

.tribe-events-pro-photo__event .tribe-events-pro-photo__event-details-wrapper {
  align-items: center;
}

.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag-datetime {
  background: #e2f0cb;
}

.tribe-events-pro-photo__event .tribe-events-pro-photo__event-date-tag-datetime .tribe-events-pro-photo__event-date-tag-daynum {
  font-size: 1.25em;
}

.tribe-events-pro-photo__event p {
  margin: 0.5em 0;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small,
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-events .tribe-events-c-nav__next, .tribe-events .tribe-events-c-nav__prev {
  padding: 6px 15px;
  background: none;
  border: 1px solid #dedede;
  border-radius: 25px;
  color: #3f826f;
}

.tribe-common button[disabled], .tribe-common input[disabled] {
  opacity: 0.4;
}

.tribe-common-c-btn-icon--caret-left,
.tribe-common-c-btn-icon--caret-right {
  background: none;
  border: 0;
  padding: 6px;
}

.tribe-common-c-btn-icon--caret-left path,
.tribe-common-c-btn-icon--caret-right path {
  fill: #3f826f;
}

.time {
  display: flex;
  margin-top: -47px !important;
}

.time span {
  display: inline-block;
  padding: 5px 6px;
  background: #e2f0cb;
  font-size: 1.15em;
}

/***********************
Newsletter Banner
***********************/
#newsletter {
  padding: 2em 0;
  text-align: center;
  background: #e2f0cb;
  position: relative;
}

#newsletter:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: url("/assets/accents/patterns/circles.png");
  background-position: center;
  z-index: 0;
}

#newsletter:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 5px;
  width: 90px;
  height: 90px;
  margin: auto;
  z-index: 1;
  background: url("/assets/images/guest-list-sheep.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: contain;
}

#newsletter h3 {
  margin: 0;
}

#newsletter .social, #newsletter .newsletter {
  padding: 0 1.5em;
}

#newsletter .wrap {
  position: relative;
  z-index: 1;
  padding: 1em;
  background: rgba(255, 255, 255, 0.6);
}

#newsletter .social-links {
  text-indent: -14px;
}

#newsletter .social-links i {
  font-size: 1.75em;
  width: 40px;
}

.forms .nf-field-container {
  margin-bottom: 0;
}

.forms .nf-form-cont {
  position: relative;
  width: 90%;
  max-width: 600px;
  margin: auto;
}

.forms .nf-form-cont .nf-form-fields-required {
  display: none;
}

.forms .nf-form-cont .nf-after-form-content .nf-form-errors {
  display: none !important;
}

.forms .nf-form-cont .nf-error .nf-error-msg {
  position: absolute;
  font-size: 0.8em;
  top: 11px;
  right: 11px;
  display: inline-block;
  padding: 0 3px;
  border-radius: 2px;
  background: #3f826f;
  text-align: center;
  color: #fff;
}

.forms .nf-form-cont input[type="text"], .forms .nf-form-cont input[type="email"] {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #3f826f;
  font-family: "Rollerscript Smooth";
  font-size: 1.15em;
  padding-left: 0.75em;
  text-align: center;
}

.forms .nf-form-cont input[type="text"]::-webkit-input-placeholder, .forms .nf-form-cont input[type="text"]::-moz-placeholder, .forms .nf-form-cont input[type="text"]:-ms-input-placeholder, .forms .nf-form-cont input[type="text"]:-moz-placeholder, .forms .nf-form-cont input[type="email"]::-webkit-input-placeholder, .forms .nf-form-cont input[type="email"]::-moz-placeholder, .forms .nf-form-cont input[type="email"]:-ms-input-placeholder, .forms .nf-form-cont input[type="email"]:-moz-placeholder {
  font-family: "Rollerscript Smooth";
  opacity: 0.8;
}

.forms .nf-form-cont input[type="button"] {
  background: transparent;
  border: 0;
  line-height: 52px;
  height: 50px;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 0 2em;
}

.forms.events input[type="text"], .forms.events input[type="email"] {
  margin-bottom: 1em;
  text-align: left;
}

/**************************
Gravity Forms
****************************/
#gform_wrapper_1, #gform_confirmation_wrapper_1 {
  background: #ffdac1 url("/assets/accents/patterns/circles.png");
  background-position: center;
  padding: 2em;
}

#gform_wrapper_1 form, #gform_wrapper_1 #gform_confirmation_message_1, #gform_confirmation_wrapper_1 form, #gform_confirmation_wrapper_1 #gform_confirmation_message_1 {
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  padding: 1.5em;
  max-width: 650px;
  margin: auto;
}

#gform_wrapper_1 h3, #gform_confirmation_wrapper_1 h3 {
  margin-bottom: 0;
}

#gform_wrapper_1 #field_1_13 h3, #gform_confirmation_wrapper_1 #field_1_13 h3 {
  text-align: center;
}

#gform_wrapper_1 #field_1_1 input, #gform_wrapper_1 #field_1_10 input, #gform_confirmation_wrapper_1 #field_1_1 input, #gform_confirmation_wrapper_1 #field_1_10 input {
  margin: auto;
  border: 0;
  font-size: 1.5em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #3f826f;
  padding: 8px 0;
}

#gform_wrapper_1 #field_1_1 input, #gform_confirmation_wrapper_1 #field_1_1 input {
  text-align: center;
  border-bottom: 1px dashed #dedede;
}

#gform_wrapper_1 #field_1_10, #gform_confirmation_wrapper_1 #field_1_10 {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dashed #dedede;
}

#gform_wrapper_1 #field_1_36 small, #gform_confirmation_wrapper_1 #field_1_36 small {
  display: inline-block;
  transform: translateY(-110%);
}

#gform_wrapper_1 .gform-theme-button, #gform_confirmation_wrapper_1 .gform-theme-button {
  background: none;
  border: 0;
  border-radius: 2px;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 2px;
  line-height: 1;
  padding: 14px 15px 12px 15px;
  border: 1px solid #3f826f;
}

#gform_wrapper_1 .gform_page_footer, #gform_confirmation_wrapper_1 .gform_page_footer {
  text-align: center;
  padding-bottom: 0;
}

#gform_wrapper_1 .gf_step_completed .gf_step_number:before, #gform_confirmation_wrapper_1 .gf_step_completed .gf_step_number:before {
  border: 0;
}

#gform_wrapper_1 .gf_page_steps, #gform_confirmation_wrapper_1 .gf_page_steps {
  text-align: center;
}

#gform_wrapper_1 .gf_step_label, #gform_confirmation_wrapper_1 .gf_step_label {
  font-size: unset;
  font-weight: unset;
}

#gform_wrapper_1 .square-single-form, #gform_confirmation_wrapper_1 .square-single-form {
  width: auto !important;
}

#gform_wrapper_1 #gform_submit_button_1, #gform_confirmation_wrapper_1 #gform_submit_button_1 {
  background: #3f826f;
  color: #fff;
  border: 0;
  border-radius: 2px;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 2px;
  line-height: 1;
  padding: 14px 15px 12px 15px;
  border: 1px solid #3f826f;
}

#gform_wrapper_1 .gfield_label, #gform_confirmation_wrapper_1 .gfield_label {
  font-weight: normal;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: inherit;
}

#gform_7 {
  position: relative;
}

.gform_wrapper input[type="submit"] {
  background: #3f826f;
  border: 0;
  color: white;
  text-transform: uppercase;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  padding: 12px 20px;
  border-radius: 2px;
  font-size: 0.9em;
  letter-spacing: 1px;
}

input#input_7_1::placeholder {
  font-family: "Rollerscript Smooth";
  font-size: 1.15em;
}

input#input_7_1 {
  background: transparent;
  border: 0;
  border-bottom: 1px solid green;
  font-size: 1em;
  height: 45px !important;
}

input#gform_submit_button_7 {
  position: absolute;
  width: 140px;
  height: 45px;
  line-height: 27px;
  top: 0;
  right: 0;
  background: #3f826f;
  border: 0;
  border-radius: 2px;
  color: white;
  font-family: 'Canela light';
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 1px;
}

.gchoice_7_2_1 {
  text-align: center;
  font-size: 0.9em;
}

/**************************
 Insta Feature
**************************/
.instagram-gallery-item__icon--views {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
}

.instagram-gallery-item__icon--views:hover {
  background: rgba(0, 0, 0, 0.6);
}

.instagram-gallery-item__icon {
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.85);
}

.instagram-gallery-modal__body {
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}

.instagram-gallery-modal__media-container {
  background: #f1f1f1 !important;
}

.instagram-gallery-modal__media {
  max-height: 60vh;
}

.instagram-gallery-modal__media-sidebar {
  border: 1px solid #f1f1f1;
}

.instagram-gallery-modal__media_description {
  display: none !important;
}

.instagram-gallery-modal__overlay {
  background-color: rgba(255, 255, 255, 0.9);
}

.instagram-gallery-modal__button-close,
.instagram-gallery-modal__button-arrow {
  color: #3f826f;
}

#instagram-gallery-feed-0 .instagram-gallery-item {
  padding: 1px !important;
  position: relative;
  overflow: unset;
}

.instagram-gallery-item > div {
  transform: rotate(-1deg);
  border-image: url("/assets/images/instagram/Green_rectangle.png") 93 92 87 92 stretch stretch;
  border-color: #f4be52;
  border-style: inset;
  border-width: 5vmin;
  display: block;
  height: auto;
  background-color: #fff;
  margin: 0 auto;
  padding: 5px;
}

.instagram-gallery-list[data-feed_layout=gallery] {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  padding: 2em 0;
}

.instagram-gallery-square .instagram-gallery-item {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  box-sizing: border-box;
}

.instagram-gallery-item:nth-of-type(1) > div {
  transform: rotate(-1deg) translateY(-10px);
  width: 95%;
  border-image: url("/assets/images/instagram/White_rectangle_large.png") 93 92 87 92 stretch stretch;
}

.instagram-gallery-item:nth-of-type(2) > div {
  transform: rotate(0.25deg) translate(-10px, -5px);
  width: 92%;
  margin-right: 0;
  border-image: url("/assets/images/instagram/Blue_square_skinny.png") 93 92 87 92 stretch stretch;
}

.instagram-gallery-item:nth-of-type(2) > div > div {
  padding-top: 125%;
}

.instagram-gallery-item:nth-of-type(3) > div {
  transform: rotate(1deg) translateY(-10px);
}

.instagram-gallery-item:nth-of-type(3) > div > div {
  padding-top: 70%;
}

.instagram-gallery-item:nth-of-type(4) > div {
  transform: rotate(-1deg) translateY(-5px);
  width: 70%;
  border-image: url("/assets/images/instagram/Green_rectangle_medium.png") 93 92 87 92 stretch stretch;
}

.instagram-gallery-item:nth-of-type(4) > div > div {
  padding-top: 125%;
}

.instagram-gallery-item:nth-of-type(5) {
  align-items: flex-start;
  transform: scale(1.05) translate(10px, 26px);
  display: none;
}

.instagram-gallery-item:nth-of-type(5) > div {
  margin-left: -15px;
  border-image: url("/assets/images/instagram/Coral_square_small.png") 93 92 87 92 stretch stretch;
  padding: 15px;
}

.instagram-gallery-item:nth-of-type(5) > div > div {
  padding-top: 80%;
}

.instagram-gallery-item:nth-of-type(6) {
  align-items: flex-start;
  justify-content: flex-start;
  display: none;
}

.instagram-gallery-item:nth-of-type(6) > div {
  width: 70%;
  margin: 6px 0;
  margin-left: 22px;
  border-image: url("/assets/images/instagram/lightgreen_square_small.png") 93 92 87 92 stretch stretch;
}

.instagram-gallery-item:nth-of-type(3):before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 20px;
  background: url("/assets/images/dotty.png");
  background-size: 100%;
  z-index: 1;
  bottom: 0px;
  left: 30px;
  transform: rotate(180deg);
}

/**************************
Green Feature - HP
**************************/
#green-intro {
  padding: 2em 0;
}

#green-intro .wrap {
  display: flex;
  flex-direction: column;
}

#green-intro .green-intro {
  order: 2;
  position: relative;
  display: block;
  padding: 0;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

#green-intro .green-intro a {
  text-transform: uppercase;
  color: #505050;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  border-bottom: 1px solid #3f826f;
}

#green-intro .intro-image {
  order: 1;
  position: relative;
}

#green-intro .intro-image img {
  display: block;
  width: 100%;
}

#green-intro .intro-text {
  order: 3;
  position: relative;
}

#green-intro .intro-text img {
  display: block;
  width: 100%;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

#green-intro .intro-text h3 {
  margin: 0.5em 0;
}

#green-intro .intro-text h3 a {
  color: #505050;
}

#green-intro .intro-text .cat-link {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-top: 1em;
}

#green-intro .intro-text p {
  margin-top: 0;
}

.gform_footer.top_label {
  justify-content: center;
}

.pop {
  background: #e2f0cb;
  max-height: 0;
  overflow: hidden;
  transform: translateY(-100%);
  transition: all 0.2s ease-out;
}

.pop.active {
  max-height: 150px;
  transform: translateY(0);
}

.pop-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.pop-content h3 {
  margin: 0;
  line-height: 1.2;
}

.pop-content small {
  line-height: 1;
  display: block;
  font-size: 60%;
}

.pop-content a {
  border-bottom: 1px solid;
}

.pop-content img {
  width: 100px;
  transform: translateX(-2em);
}

#close-pop {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 25px;
}

/******************************************************************
SINGLE PROPERTY STUFF
******************************************************************/
.property-masthead {
  position: relative;
}

.limited-edition:before {
  position: absolute;
  display: block;
  width: 40%;
  max-width: 280px;
  height: 300px;
  background: url("/assets/images/Limited_Edition.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  top: 0;
}

.property-hero img {
  width: 100%;
  display: block;
}

.property-hero .second-image {
  display: none;
}

.property-hero .gallery-launch {
  cursor: zoom-in;
}

.property-hero .offer-flag {
  padding: 5px 10px;
  border-radius: 2px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50px;
  left: 5vw;
  background: #ffdac1;
}

.gallery-buttons {
  position: absolute;
  width: 100%;
  bottom: 1em;
  text-align: right;
}

.gallery-buttons .wrap {
  padding-right: 0.75em;
}

.gallery-buttons span {
  display: inline-block;
  vertical-align: bottom;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.gallery-buttons b {
  position: relative;
  display: inline-block;
  width: 45px;
  text-align: center;
}

.gallery-buttons b:before {
  content: '';
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #3f826f;
  border-radius: 50%;
  top: 6px;
  left: 4px;
}

.media-buttons {
  text-align: right;
  text-transform: uppercase;
  font-size: 0;
  position: absolute;
  bottom: 15px;
  width: 100%;
  color: #3f826f;
}

.media-buttons-inner {
  display: inline-block;
  background: #fff;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.media-buttons-inner span {
  display: inline-block;
  padding: 4px 7px;
  border-right: 1px solid #dedede;
  font-size: 0.9rem;
  cursor: pointer;
}

.media-buttons-inner span:last-of-type {
  border: 0;
}

.video-container .icon-close {
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 30px;
  top: 50px;
  z-index: 99999999;
}

.video-container.portrait {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  background: rgba(255, 255, 255, 0.95);
  z-index: 99999999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.video-container.portrait.open {
  opacity: 1;
  visibility: visible;
}

.video-container.portrait .video-inner {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.video-container.portrait #lazy_container {
  height: 80vh;
}

.video-container.portrait #lazy_container video {
  width: auto;
  max-width: 95%;
  height: 100%;
  max-height: fit-content;
  margin: auto;
  display: block;
}

#virtual-tour {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999999999;
  background: #3f826f;
}

#virtual-tour iframe {
  height: calc(100% - 50px);
  margin-top: 50px;
  width: 100%;
}

#virtual-tour .close-tour {
  z-index: 999999;
  display: inline-block;
  padding: 0.35em 0.85em;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  color: white;
}

.floor-plan {
  margin: 1.5em 0;
}

.floor-plan .btn-green i {
  color: #fff;
  transform: translate(-4px, -13px);
  font-size: 1.75em;
}

.property-title-container {
  padding: 0.5em 0;
}

.property-title-container .prop-title {
  width: calc(100% - 50px);
  float: left;
}

.property-title-container .prop-title h1 {
  font-size: 1.5em;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.property-title-container .prop-title h3 {
  font-size: 1.15em;
  margin: 0;
  color: #3f826f;
}

.property-title-container #share-me {
  float: right;
}

.share-btn {
  cursor: pointer;
  display: inline-block;
  margin-top: 4px;
  height: 42px;
  border-radius: 2px;
  border: 1px solid #f1f1f1;
}

.share-btn .icon-share {
  font-size: 30px;
  width: 43px;
  padding: 3px 0 3px 3px;
}

#page-anchors {
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  background: #fff;
  z-index: 50 !important;
  will-change: transform;
  transition: transform 200ms linear;
}

.is-sticky #page-anchors.headroom--pinned.headroom--not-top {
  transform: translateY(61px);
}

.page-id-46730 #page-anchors {
  padding: 5px 0;
}

.page-id-46730 #page-anchors li:first-of-type {
  background: #ffdac1;
  border-radius: 3px;
  padding: 0 8px;
}

#property-navbar {
  background: #fff;
  z-index: 10 !important;
}

#mini-nav {
  margin: 0;
  display: flex;
  justify-content: space-between;
}

#mini-nav li {
  display: inline-block;
  font-size: 0.9em;
  border-bottom: 2px solid transparent;
  transform: translateY(1px);
}

#mini-nav li a {
  display: block;
  color: #505050;
  padding: 6px 0;
}

#mini-nav li.active {
  border-color: #fec6c2;
}

#mini-nav li.active a {
  font-family: "Proxima Nova Medium";
}

.at-a-glance {
  position: relative;
}

.at-a-glance h3 {
  margin-bottom: 0.25em;
}

.at-a-glance ul {
  margin: 0;
  padding-top: 0.5em;
}

.at-a-glance ul li {
  margin-bottom: 0.5em;
  font-size: 0.9em;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
}

.at-a-glance ul li.extras {
  margin-right: 0;
}

.at-a-glance ul li.extras i {
  width: 1em;
  transform: translateY(3px);
}

.ladybug {
  padding-bottom: 80px;
  background: url("/assets/accents/ladybug-leaf.jpg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}

#overview {
  padding-bottom: 2em;
}

#overview .overview {
  max-height: 220px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease;
}

#overview .overview:before {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(0deg, white, transparent);
  transition: opacity 0.2s linear;
}

#overview .overview.full-content {
  max-height: 1000px;
}

#overview .overview.full-content:before {
  opacity: 0;
}

#overview .overview-toggle {
  display: block;
  text-align: center;
  margin-top: 2em;
  color: #3f826f;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.what-we-love {
  padding: 1em;
  margin-top: 1em;
  border: 4px dotted #ffdac1;
}

.what-we-love h3 {
  margin: 0 0 0.25em 0;
}

.what-we-love h3 i {
  font-size: 1em;
  vertical-align: middle;
}

.what-we-love p {
  margin: 0;
  line-height: 1.6;
  position: relative;
  padding-left: 20px;
}

.what-we-love p:before {
  content: '•';
  position: absolute;
  left: 0;
  font-size: 30px;
  line-height: 0.8;
}

#what-makes-it-special {
  margin: 3em 0;
}

.background-carousel {
  position: relative;
}

.background-carousel img {
  width: 100%;
}

.box-content {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.box-content .columnize {
  column-count: 2;
}

.box-content h3 {
  color: #3f826f;
}

.box-content p {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.booking-block-outer {
  position: relative;
  background: #fff;
  height: 595px;
  margin: 2em auto;
  max-width: 380px;
  box-shadow: 0px 18px 48px -20px rgba(0, 0, 0, 0.2);
}

.booking-block-outer .booking-block-header {
  background: #3f826f;
  padding: 12px 20px 4px 20px;
  color: #fff;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.4em;
}

.booking-block-outer .booking-block-header p {
  margin: 0;
}

.booking-block-outer .booking-block-header .base-price {
  font-size: 1.4em;
}

.booking-block-outer .booking-block-header .base-price .pence {
  font-size: 0.8em;
}

.booking-block-outer .booking-block-inner-wrap {
  width: 100%;
  top: 0;
}

.booking-block-outer .bookingsummary {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
}

.booking-block-outer .bookingsummary .inner {
  padding: 20px;
}

.booking-block-outer .bookingsummary .dates {
  margin-bottom: 0.5em;
}

.booking-block-outer .bookingsummary .dates h3 {
  margin: 0 0 5px 0;
  color: #3f826f;
}

.booking-block-outer .bookingsummary .dates .from-to {
  width: 49%;
  display: inline-block;
}

.booking-block-outer .bookingsummary .nights-guests {
  border-bottom: 1px dashed #dedede;
  padding-bottom: 0.5em;
}

.booking-block-outer .bookingsummary .nights-guests span {
  display: inline-block;
  width: 49%;
}

.booking-block-outer .bookingsummary .cost-summary {
  text-align: center;
}

.booking-block-outer .bookingsummary .cost-summary h3 {
  margin: 2rem 0 0;
  color: #3f826f;
}

.booking-block-outer .bookingsummary .cost-summary p {
  margin: 0;
}

.booking-block-outer .bookingsummary .cost-summary p span {
  float: right;
}

.booking-block-outer .bookingsummary .cost-summary p.total {
  margin: 0.75em 0;
  padding-top: 0.5em;
  border-top: 1px solid #3f826f;
  color: #3f826f;
  font-family: "Proxima Nova Medium";
}

.booking-block-outer .bookingsummary .cost-summary .book-now {
  padding: 10px;
  display: block;
  background: #e2f0cb;
  color: #3f826f;
  margin: 40px auto;
  width: 80%;
  border-radius: 2px;
  cursor: pointer;
}

.booking-block-outer .bookingsummary .cost-summary .book-now span {
  display: block;
  font-size: 1.25em;
}

.booking-block-outer .bookingsummary .cost-summary .book-now:hover {
  color: #fff;
  background: #3f826f;
}

.booking-block-outer .bookingsummary .nfe-btn {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 1em auto;
  border-radius: 2px;
  text-align: center;
  padding: 0 10px;
}

.booking-block-outer .bookingsummary .nfe-btn.book-now {
  background: #3f826f;
  color: #fff;
}

.booking-block-outer .bookingsummary .book-now-reset {
  font-size: 0.9em;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: underline;
}

.booking-block-outer .bookingsummary .book-now-reset:hover {
  color: #3f826f;
}

.booking-block-outer .secure-payment {
  display: block;
  margin: 0 auto;
}

.offer-info {
  background: #ffdac1;
  padding: 2em;
  outline: 6px dotted #fec6c2;
  border-radius: 20px;
  border: 5px solid white;
}

.offer-info b {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.offer-info a {
  border-bottom: 1px solid #3f826f;
}

.offer-header span {
  display: inline-block;
  vertical-align: middle;
}

.offer-header img {
  width: 55px;
}

.offer-header h3 {
  margin: 0;
}

#eco-credentials {
  padding-top: 2em;
}

#eco-credentials .wrap {
  background: #e2f0cb;
  padding: 1.5em;
}

#eco-credentials p {
  color: #3f826f;
  float: left;
  margin: 0;
}

#eco-credentials .icon-eco {
  display: none;
}

#eco-credentials .icon-tick {
  font-size: 18px;
  float: left;
  line-height: 24px;
}

#eco-credentials .eco-cred {
  padding-bottom: 0.25em;
}

#eco-credentials .more-info {
  clear: both;
  display: block;
  margin-left: 23px;
  font-size: 0.8em;
}

#eco-credentials h3 {
  margin: 0;
}

#eco-credentials h3 span {
  font-size: 1rem;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  display: block;
}

#eco-credentials h4 {
  margin: 1em 0 0.5em 0;
}

.eco-cred {
  display: inline-block;
  margin-right: 1em;
}

.eco-cred p {
  display: inline-block;
  margin: 0;
}

.eco-cred i {
  font-size: 1.5em;
}

#details {
  padding: 3em 0;
  position: relative;
  margin: 4em 0;
  background: -moz-linear-gradient(top, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
}

#details:after {
  content: '';
  width: 75%;
  height: 9px;
  background: #ffdac1;
  bottom: 0;
  position: absolute;
}

#details .accordion {
  border-top: 1px solid #f1f1f1;
}

#details .accordion tr {
  display: block;
  margin-bottom: 0.75em;
}

#details .accordion dt h3 {
  margin: 0;
  padding: 20px 0;
  cursor: pointer;
}

#details .accordion dt h3:after {
  font-family: 'nfe-icons' !important;
  line-height: 34px;
  font-size: 1.15em;
  display: inline-block;
  vertical-align: bottom;
  width: 39px;
  height: 39px;
  color: #3f826f;
  content: "\e901";
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#details .accordion dt h3.active:after {
  transform: rotate(-90deg);
}

#details .accordion dd {
  padding-bottom: 1.75em;
}

#details .accordion dd td {
  vertical-align: top;
}

#details .accordion dd td.h4 {
  display: block;
  line-height: 1;
  color: #3f826f;
  margin-bottom: 0;
}

#details .accordion .other-details {
  margin-top: 2em;
}

#reviews {
  padding: 2.5em 0;
  position: relative;
}

#reviews table tr {
  display: flex;
  flex-direction: column-reverse;
}

#reviews table td {
  padding: 1em 0 0 0;
  vertical-align: top;
  display: block;
}

.reviews-inner .detail {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px dashed #dedede;
}

.reviews-inner .detail:last-child {
  border: 0;
}

.reviews-inner .detail p {
  margin: 0;
}

.reviews-inner .detail .expand-me {
  overflow: hidden;
  max-height: 5em;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}

.reviews-inner .detail .expander.expanded p {
  max-height: 800px;
}

.reviews-inner .read-more {
  display: none;
}

.reviews-inner .guest-name {
  display: block;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.15em;
}

.reviews-inner .expander .read-more {
  display: block;
  text-decoration: underline;
  cursor: pointer;
  color: #3f826f;
}

.guest p {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.15em;
  margin: 0;
  float: left;
}

.guest p .review-date {
  display: block;
  font-size: 0.8em;
  line-height: 1;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.guest a {
  float: right;
}

.guest a small {
  display: block;
  line-height: 1;
  padding-left: 40px;
  margin: 5px 0 0 20px;
  position: relative;
}

.guest a.source-google small:before, .guest a.source-facebook small:before, .guest a.source-airbnb small:before, .guest a.source-guestbook small:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS45MSA3Ny4wOCI+PHRpdGxlPnJldmlld19pY29uPC90aXRsZT48cGF0aCBkPSJNNTYuMzYsMTEsMzAuMywzLjQ2LDQuMjQsMTF2MzAuNmgwdi4wOGMwLDE2LjE2LDI2LjA2LDMyLjI0LDI2LjA2LDMyLjI0UzU2LjM2LDU3LjgzLDU2LjM2LDQxLjY3di0uMDhoMFoiIHN0eWxlPSJmaWxsOiMzZjgyNmYiLz48cGF0aCBkPSJNNDAuMzEsMzAuNTNjMi44MiwwLDUuNjUsMCw4LjQ4LDAsLjc2LDAsMS4xLjI2LDEuMTksMSwuODMsNi42NS0uNjEsMTIuNjYtNS4zNCwxNy41NkExOC41NSwxOC41NSwwLDAsMSwzMi4zLDU0LjY1LDIwLjM4LDIwLjM4LDAsMSwxLDQzLjU2LDE4LjQ5Yy42LjQ3LjU2Ljc5LDAsMS4yOS0xLjU1LDEuNTEtMy4wOSwzLTQuNTgsNC41OWExLDEsMCwwLDEtMS41OS4xNSwxMS45MiwxMS45MiwwLDEsMC00Ljg3LDIxLjY1LDEwLjUxLDEwLjUxLDAsMCwwLDcuNDYtNCw4LjksOC45LDAsMCwwLDEuMjctMi41NGMuMzEtMSwuMjMtMS4wNy0uNzUtMS4wNy0yLjg4LDAtNS43NywwLTguNjUsMC0uODYsMC0xLjE3LS4yNC0xLjE1LTEuMTMuMDYtMS45My4wNS0zLjg3LDAtNS44LDAtLjgyLjI1LTEuMTEsMS4wOS0xLjFDMzQuNjUsMzAuNTYsMzcuNDgsMzAuNTMsNDAuMzEsMzAuNTNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+");
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: -3px;
}

.guest a.source-facebook small:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS45MSA3Ny4wOCI+PHRpdGxlPnJldmlld19pY29uPC90aXRsZT48cGF0aCBkPSJNNTYsMTEsMzAsMy40NiwzLjg5LDExdjMwLjZoMHYuMDhDMy44OSw1Ny44MywzMCw3My45MSwzMCw3My45MVM1Niw1Ny44Myw1Niw0MS42N3YtLjA4aDBaIiBzdHlsZT0iZmlsbDojM2Y4MjZmIi8+PGcgaWQ9IkZhY2Vib29rIj48cGF0aCBpZD0iRmFjZWJvb2stMiIgZGF0YS1uYW1lPSJGYWNlYm9vayIgZD0iTTI0LjYsNTQuOTRWMzYuMUgxOC4zMlYyOC44MkgyNC42VjIzLjQxYTguNzksOC43OSwwLDAsMSw3Ljg3LTkuNjMsOS41NCw5LjU0LDAsMCwxLDEuNTEsMGMyLjcsMCw1LC4yMSw1LjYxLjI3djYuNTVIMzUuNzRjLTMsMC0zLjY0LDEuNDItMy42NCwzLjU4djQuNjZoNy4yMmwtMSw3LjI5SDMyLjFWNTQuOTNaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9nPjwvc3ZnPg==");
}

.guest a.source-airbnb small:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS45MSA3Ny4wOCI+PHRpdGxlPkFpckJuQjwvdGl0bGU+PHBhdGggZD0iTTU2LjM2LDExLDMwLjMsMy40Niw0LjI0LDExVjQxLjZoMHYuMDhjMCwxNi4xNiwyNi4wNiwzMi4yNCwyNi4wNiwzMi4yNFM1Ni4zNiw1Ny44Myw1Ni4zNiw0MS42N3YtLjA4aDBaIiBzdHlsZT0iZmlsbDojM2Y4MjZmIi8+PGcgaWQ9IlBmcHR3OS50aWYiPjxwYXRoIGQ9Ik0yOS4wNiwxMC44MUgzMC45YTcuMTksNy4xOSwwLDAsMSwzLjUyLDEuNTIsOS44MSw5LjgxLDAsMCwxLDIuNDIsMy4wNWMxLjkxLDMuNjQsMy43OSw3LjI5LDUuNjEsMTFzMy42OSw3LjU5LDUuNDYsMTEuNDJBMjAuMzEsMjAuMzEsMCwwLDEsNTAsNDMuMjZ2MmMwLC4yMy0uMDkuNDYtLjE0LjY5YTksOSwwLDAsMS00LjQ3LDYuNDksOS41LDkuNSwwLDAsMS04Ljg0LjMzLDE4LjY2LDE4LjY2LDAsMCwxLTYuMS00LjU0Yy0uNTQtLjU2LS40LS41OS0uOTUsMGEyMC40NiwyMC40NiwwLDAsMS01LjIxLDQuMTQsMTAuNjcsMTAuNjcsMCwwLDEtNi4xOCwxLjI4LDguNzksOC43OSwwLDAsMS01Ljc0LTNBOC45Miw4LjkyLDAsMCwxLDEwLDQzLjM2YTEyLjg3LDEyLjg3LDAsMCwxLDEuMjUtMy44OGMzLjYxLTgsNy41Ni0xNS44NSwxMS41OC0yMy42NWExMy4yMywxMy4yMywwLDAsMSwxLjQ0LTIuMjVBNy40OSw3LjQ5LDAsMCwxLDI5LjA2LDEwLjgxWk0xOS42LDUxYTcuMTQsNy4xNCwwLDAsMCwyLjkxLS43NiwxOC4xNCwxOC4xNCwwLDAsMCw1LjQxLTQuMjljLjE1LS4xNi4xLS4yOSwwLS40My0uMzEtLjQtLjYyLS43OS0uOTEtMS4yYTI0LjY2LDI0LjY2LDAsMCwxLTMuNzctNi45LDEwLjA5LDEwLjA5LDAsMCwxLS41MS01LDcuMjYsNy4yNiwwLDAsMSw4LjM5LTUuNzMsNy4xMiw3LjEyLDAsMCwxLDYuMTMsOC42LDE3LjE4LDE3LjE4LDAsMCwxLTEuOTQsNS40NCwzMS42NCwzMS42NCwwLDAsMS0zLDQuNWMtLjQuNTEtLjQxLjUxLjA1LDFzLjY5LjcyLDEuMDYsMS4wN2ExNC41LDE0LjUsMCwwLDAsNC43OCwzLjIyLDYuNTIsNi41MiwwLDAsMCw4LTIuMzYsNi42MSw2LjYxLDAsMCwwLC40OC02LjRjLS40Ni0xLjE1LTEtMi4yNy0xLjUxLTMuMzlxLTQuNDgtOS42My05LjM0LTE5LjA3YTI1LjU4LDI1LjU4LDAsMCwwLTItMy42NSw0LjQ4LDQuNDgsMCwwLDAtNy4yOCwwLDEwLjQxLDEwLjQxLDAsMCwwLS45MywxLjUzQzIzLjYsMjAuNzIsMjEuNzIsMjQuMzQsMTkuOTIsMjhjLTIuMjIsNC41LTQuNDEsOS02LjQ1LDEzLjU5YTcsNywwLDAsMC0uNTcsNC4yNEMxMy41Miw0OC45LDE2LjA1LDUxLDE5LjYsNTFaTTMwLDI5LjI5YTQuMjcsNC4yNywwLDAsMC00LjM2LDMuMjUsNi43Myw2LjczLDAsMCwwLC4xNywzLjM5LDIxLjQ2LDIxLjQ2LDAsMCwwLDMuOTQsNy4xNmMuMjEuMjcuMzUuMTguNTEsMGEyNy40NiwyNy40NiwwLDAsMCwyLjg0LTQuNDIsMTAuNzgsMTAuNzgsMCwwLDAsMS4zOC00LjlBNC4yNSw0LjI1LDAsMCwwLDMwLDI5LjI5WiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvZz48L3N2Zz4=);
}

.guest a.source-guestbook small:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS45MSA3Ny4wOCI+PHRpdGxlPkd1ZXN0Ym9vazwvdGl0bGU+PHBhdGggZD0iTTU2LjM2LDExLDMwLjMsMy40Niw0LjI0LDExVjQxLjZoMHYuMDhjMCwxNi4xNiwyNi4wNiwzMi4yNCwyNi4wNiwzMi4yNFM1Ni4zNiw1Ny44Myw1Ni4zNiw0MS42N3YtLjA4aDBaIiBzdHlsZT0iZmlsbDojM2Y4MjZmIi8+PHBhdGggZD0iTTQ3LjUxLDM0LjY5YTQuNDIsNC40MiwwLDAsMC0uMzItMS42Myw3LjA2LDcuMDYsMCwwLDEtLjczLS4wNUE1Ny4xOCw1Ny4xOCwwLDAsMSwyOS4xOCw0Mi45Yy02Ljg4LDIuMy0xMC4zMiwyLjM4LTEwLjg1LTIuMiw4LjU2LTQuNjgsMTQuMi05LjQ0LDE3LjI5LTEzLjIzLjYyLS43MS4zNS0xLjU5LjUzLTEuNzZhNCw0LDAsMCwwLDEuNDEtMy4zNmMtLjE4LTMtMy4wOS03LjkzLTQuODUtNy45My0uNzEsMC0xLC43OS0xLjQxLjUzYTEuNzIsMS43MiwwLDAsMC0yLjM4LS4wOWMtOC4yLDUuMjktMTUuMDgsMTQuNDYtMTUuNzksMjMuMjgtLjM1LDQuMzIsMS41LDEyLjcsOS43OSw5Ljg4LDguNTItLjY1LDE3LjI0LTYuMzUsMjMuNzUtMTEuOTFBNSw1LDAsMCwxLDQ3LjUxLDM0LjY5Wk0zMC43NywxOS4wOWMuNzEsMCwzLjI2LDEuNSwzLjI2LDIuMzhDMzMuODYsMjYuOTQsMjMuODksMzQuMzUsMTguMzMsMzcsMTkuNDgsMjgsMjYuNzEsMTkuMDksMzAuNzcsMTkuMDlaIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+);
}

.more-reviews {
  text-align: center;
  margin: 2em 0 1em 0;
}

.rating-stars {
  width: 120px;
  height: 24px;
  position: relative;
  background-color: gray;
  transform: scale(1.5);
  transform-origin: top left;
}

.rating-stars .rating-bg {
  background-color: #FFDE2E;
  display: inline-block;
  height: 24px;
}

.rating-stars svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.new-reviews .image img {
  max-width: 450px;
}

.review-snippets {
  padding-right: 5vw;
  padding-top: 1.5em;
}

.review-snippet .inner {
  background: #fff;
  margin-bottom: 2em;
  padding: 1em;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
  font-size: 0.9em;
  cursor: pointer;
}

.review-snippet i {
  display: block;
  margin-bottom: 10px;
  margin-left: -5px;
}

.review-snippet .snippet {
  display: block;
}

.review-snippet .date, .review-snippet .full-review {
  display: block;
  float: left;
  margin-top: 1em;
  font-size: 0.8em;
}

.review-snippet .full-review {
  float: right;
  color: #3f826f;
  border-bottom: 1px solid #3f826f;
  cursor: pointer;
}

#all-reviews {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: scroll;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#all-reviews.open {
  opacity: 1;
  visibility: visible;
}

#all-reviews .review-list {
  max-width: 900px;
  margin: 100px auto;
  padding: 2em;
  background: #fff;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.15);
}

#all-reviews .review-list .header {
  text-align: right;
}

#all-reviews .review-list .icon-close {
  cursor: pointer;
}

#all-reviews .review-list .review {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #f1f1f1;
}

#all-reviews .review-list .review:last-of-type {
  border: 0;
  margin: 0;
  padding: 0;
}

#all-reviews .review-list .review .guest-name {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  display: block;
}

#all-reviews .review-list .review .review-date {
  font-size: 0.9em;
}

.home #reviews {
  display: none;
}

.single-property #map {
  padding: 2em 0;
}

.search-it-again {
  padding: 3em 0;
}

.search-again-image img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 500px;
  margin-left: auto;
}

.search-again-text p {
  margin-bottom: 2em;
}

.search-again {
  text-align: center;
  margin-top: 1em;
}

.search-again h3 {
  margin: 0;
}

.search-again a.btn-green {
  color: #fff;
  margin-top: 3em;
}

.search-again a.btn-green:hover {
  color: #fff;
}

/**************************
NEW Reviews Carousel
**************************/
#reviews {
  padding: 0 0 2em 0;
  width: 100vw;
  overflow: hidden;
}

#reviews .reviews-intro {
  display: flex;
  flex-direction: column-reverse;
}

#reviews .reviews-intro img {
  max-width: 400px;
  width: 90%;
}

#reviews .intro-text {
  padding-right: 5vw;
}

#reviews .slider-container {
  position: relative;
}

#reviews .slider-container:before {
  content: '';
  position: absolute;
  display: block;
  background: #e2f0cb;
  height: 65%;
  width: 90vw;
  left: 0;
  bottom: 0;
}

#reviews .review-slider {
  position: relative;
}

#reviews .review-slider .slick-prev {
  display: none !important;
}

#reviews .review-slider.lg {
  display: none;
}

#reviews .review-slider .review {
  padding-right: 1.5em;
  /* .trusted{
				display: block;
				width:150px;
				height: 40px;
				margin:1em auto;
				text-indent: -99999px;
				background:url('/assets/images/upfront_reviews.jpg');
				background-size:contain;
				background-position:center;
				background-repeat:no-repeat;
			}

			.facebook{
				display: block;
				width:150px;
				height: 40px;
				margin:1em auto;
				text-indent: -99999px;
				background:url('/assets/images/facebook_reviews.png');
				background-size:contain;
				background-position:center;
				background-repeat:no-repeat;
			}

			.google{
				display: block;
				width:150px;
				height: 40px;
				margin:1em auto;
				text-indent: -99999px;
				background:url('/assets/images/google_reviews.png');
				background-size:contain;
				background-position:center;
				background-repeat:no-repeat;
			}

			.airbnb{
				display: block;
				width:150px;
				height: 40px;
				margin:1em auto;
				text-indent: -99999px;
				background:url('/assets/images/airBnB_reviews.jpg');
				background-size:contain;
				background-position:center;
				background-repeat:no-repeat;
			}

			.guestbook{
				display: block;
				width:150px;
				height: 40px;
				margin:1em auto;
				text-align: center;
				font-family:$canela;
				color:$text-color;
				text-transform: capitalize;
				font-size: 1.25em;
			} */
}

#reviews .review-slider .review .inner {
  padding: 0 4.5em 2em 4.5em;
  margin: auto;
}

#reviews .review-slider .review p {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  margin: 2em 0 0;
  font-size: 1.15em;
}

#reviews .review-slider .review i {
  margin-left: 50%;
  transform: translateX(-50%);
}

/***************************
Related Content
***************************/
.slider-container {
  padding-right: 0;
}

#highlights {
  padding: 3em 0;
}

.swiper-carousel {
  padding-left: 5vw;
}

.slider-content {
  position: relative;
  padding-top: 1em;
}

.slider-content h2 {
  margin-bottom: 0;
}

.slider-content p {
  margin: 0;
}

.slider-content .swiper-wrapper {
  margin: 0;
  padding: 1.75em 0 0;
}

.slider-content .swiper-slide {
  position: relative;
}

.slider-content .swiper-slide .block-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.slider-content .swiper-slide .card, .slider-content .swiper-slide.card {
  padding: 0;
  padding-right: 1.5em;
  margin-right: 1.5em;
  border-right: 1px solid #f1f1f1;
}

.slider-content .swiper-slide .card .card-inner .card-thumb, .slider-content .swiper-slide.card .card-inner .card-thumb {
  padding-top: 116%;
  display: block;
  opacity: 1;
  position: relative;
  overflow: hidden;
}

.slider-content .swiper-slide .card .card-inner .card-thumb img, .slider-content .swiper-slide.card .card-inner .card-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.slider-content .swiper-slide .card .card-inner .card-content, .slider-content .swiper-slide.card .card-inner .card-content {
  padding: 1em 0;
}

.slider-content .swiper-slide .card .card-inner .card-content .roller, .slider-content .swiper-slide.card .card-inner .card-content .roller {
  color: #3f826f;
  font-size: 1.15em;
}

.slider-content .swiper-slide .card .card-inner .card-content h3, .slider-content .swiper-slide.card .card-inner .card-content h3 {
  margin: 0.25em 0;
  line-height: 1.2;
}

.slider-content .swiper-slide .card .card-inner .card-content h3 a, .slider-content .swiper-slide.card .card-inner .card-content h3 a {
  display: block;
  color: #505050;
}

.slider-content .swiper-slide .card .card-inner .card-content h3 a:hover, .slider-content .swiper-slide .card .card-inner .card-content h3 a:visited, .slider-content .swiper-slide.card .card-inner .card-content h3 a:hover, .slider-content .swiper-slide.card .card-inner .card-content h3 a:visited {
  color: #505050;
}

.slider-content .swiper-slide .card .card-inner .card-content .cat-link, .slider-content .swiper-slide.card .card-inner .card-content .cat-link {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  margin-top: 0.5em;
}

.slider-content .swiper-slide .card .card-inner .card-content .roller, .slider-content .swiper-slide.card .card-inner .card-content .roller {
  color: #505050;
}

.slider-content .swiper-slide .card .card-inner .card-content p, .slider-content .swiper-slide.card .card-inner .card-content p {
  margin: 0;
}

.slider-content .swiper-slide .card .card-inner .card-content .property-highlights, .slider-content .swiper-slide.card .card-inner .card-content .property-highlights {
  margin: 0.5em 0 0;
  font-size: 90%;
  display: flex;
  justify-content: start;
}

.slider-content .swiper-slide .card .card-inner .card-content .property-highlights li, .slider-content .swiper-slide.card .card-inner .card-content .property-highlights li {
  padding-right: 1.5em;
}

.slider-content .swiper-slide .card .card-inner .card-content .property-highlights li.extras, .slider-content .swiper-slide.card .card-inner .card-content .property-highlights li.extras {
  padding: 0;
}

.slider-content .swiper-slide .card .card-inner .card-content .property-highlights li i, .slider-content .swiper-slide.card .card-inner .card-content .property-highlights li i {
  width: 1.25em;
  font-size: 1.75em;
}

.blog-slider .card-inner {
  padding-top: 70%;
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-slider .card-inner img {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.featured-carousel {
  display: flex;
  margin-left: 5vw;
  padding-right: calc(100vw / 5);
  overflow: hidden;
  margin: 0;
}

.featured-carousel.slick-initialized {
  margin-left: 0;
  padding-right: 0;
}

.featured-carousel .slick_slide {
  flex-shrink: 0;
}

.splide:not(.masthead-slider) .is-prev {
  transition: opacity 0.3s linear;
  transition-delay: 0.2s;
  opacity: 0;
}

.splide:not(.masthead-slider).active .is-prev {
  opacity: 1;
}

.splide:not(.masthead-slider).active .splide__track {
  overflow: visible;
}

/****************
Promo Banner
*****************/
#promo-banner {
  position: relative;
  margin: -5px 0 0 0;
  padding: 0 0 1em 0;
}

#promo-banner .inner {
  padding: 2em 0;
  text-align: center;
}

#promo-banner .offer {
  font-size: 120%;
  margin: 0;
}

#promo-banner .h1, #promo-banner .terms {
  margin: 0;
}

#promo-banner a {
  margin: 0.25em 0;
}

.stay-longer-banner {
  padding: 1em 0;
}

.stay-longer-banner h2 {
  margin: 0;
}

.stay-longer-banner .message {
  width: 80%;
  float: left;
  font-size: 95%;
}

.stay-longer-banner p {
  margin: 0;
}

.stay-longer-banner img {
  margin-top: -18px;
  position: absolute;
  right: 0;
  width: 200px;
}

.stay-longer-banner a {
  border-bottom: 1px solid;
}

/*******************
Home page reviews
*******************/
#home-reviews {
  position: relative;
  padding: 1em 0 0;
  text-align: center;
  background: url("/assets/images/cuckoo.jpg");
  padding-bottom: 280px;
  background-size: auto 290px;
  background-repeat: no-repeat;
  background-position: -60px 100%;
}

#home-reviews .detail {
  max-width: 900px;
  margin: auto;
}

#home-reviews i {
  font-size: 2em;
  margin: 1em 0;
}

#home-reviews i.closing {
  transform: rotate(180deg);
}

#home-reviews .name {
  font-size: 0.9em;
}

/******************
As Seen in carousel
******************/
#seen-in {
  padding: 2em 0;
  background: #f9f9f9;
}

#seen-in h3 {
  margin: 0 0 1em;
  text-align: center;
}

#seen-in .slick-slide {
  opacity: 0.2;
  transition: opacity 1s ease-in-out;
}

#seen-in .slick-current {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

#seen-in .slick-active {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

#seenin-images img {
  height: auto;
  width: 100%;
  padding: 0;
  filter: contrast(0.95);
  max-width: 230px;
  display: block;
  margin: auto;
}

/********************
Pop Ups
*******************/
[class^="popup"] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: table;
  width: 100%;
  background: #fff;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

[class^="popup"] .inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

[class^="popup"] .inner.enter {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}

[class^="popup"] .inner.exit {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

[class^="popup"].open {
  opacity: 1;
  visibility: visible;
}

[class^="close"] {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.close-fplan {
  top: 110px;
}

#gmap-wrapper .wrap {
  max-width: 1200px;
}

.fplan-toggle {
  cursor: pointer;
}

#fplan-wrapper img {
  margin: auto;
  max-width: 90vw;
  max-height: 90vh;
  display: block;
}

#blog-categories .wrap {
  display: flex;
  flex-direction: column-reverse;
}

#blog-categories ul {
  column-count: 2;
}

#blog-categories .category-link {
  display: block;
  margin-bottom: 0.75em;
}

#blog-categories .category-link a {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#blog-categories img {
  width: 100%;
  display: block;
}

/******************************
Blog Pages - Single Posts
*******************************/
.single-post #masthead {
  height: calc(80vh - 45px);
  display: table;
  position: fixed;
  top: 55px;
}

.single-post #main {
  background: #fff;
  margin-top: calc(80vh - 55px);
  position: relative;
  padding: 1em 0;
}

.single-post #main .inner {
  max-width: 780px;
  margin: 0 auto;
  width: 95%;
  color: #323944;
  font-size: 105%;
}

.single-post .single-title-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.single-post .single-title-container span a {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  color: #fff;
  margin: 0 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9em;
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  font-family: "Proxima Nova Medium";
}

.single-post .single-title-container span a:hover {
  border-color: #fff;
}

.single-post .post-content {
  margin-top: 2em;
}

.single-post .post-content h3 {
  margin-bottom: 0.25em;
}

.single-post .post-content h4 {
  margin: 0.25em 0;
}

.single-post .post-content span h4 {
  margin-top: 0;
}

.single-post .post-content p a {
  border-bottom: 1px solid;
  display: inline-block;
}

.single-post .post-content p:first-of-type:not(.wp-caption-text):not(blockquote p):not(li p) {
  font-size: 1.15em;
  clear: both;
  line-height: 1.3;
}

.single-post .post-content p:first-of-type:not(.wp-caption-text):not(blockquote p):not(li p):first-letter {
  margin-right: 5px;
  margin-top: 22px;
  float: left;
  line-height: 0.5;
  font-size: 2.5em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif, serif;
  font-weight: 500;
  color: #3f826f;
}

.single-post .post-content blockquote {
  font-size: 1.5em;
  line-height: 1.75em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  padding: 1em 1em 1em 0;
  position: relative;
}

.single-post .post-content blockquote:before {
  content: '';
  position: absolute;
  width: calc(100% - 3em);
  height: calc(100% - 3em);
  top: 3em;
  left: 3em;
}

.single-post .post-content blockquote:nth-of-type(4n+1):before {
  background: #fec6c2;
}

.single-post .post-content blockquote:nth-of-type(4n+2):before {
  background: #c7ceea;
}

.single-post .post-content blockquote:nth-of-type(4n+3):before {
  background: #ffdac1;
}

.single-post .post-content blockquote:nth-of-type(4n+4):before {
  background: #e2f0cb;
}

.single-post .post-content blockquote p {
  position: relative;
}

.single-post .post-content ul {
  margin: 0 auto 2em auto;
}

.single-post .post-content ul li {
  position: relative;
  padding-left: 1.25em;
  margin-bottom: 0.25em;
}

.single-post .post-content ul li:before {
  position: absolute;
  left: 0;
  content: '\25A0';
  font-family: arial;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  color: #3f826f;
}

.single-post .post-content .post-image-container:nth-of-type(even) .post-image-wrap {
  float: left;
}

.single-post .post-content .post-image-container:nth-of-type(odd) .post-image-wrap {
  float: right;
}

.single-post .post-content .post-image-container:nth-of-type(4n+2) .post-image-wrap:before {
  background: #e2f0cb;
}

.post-image-wrap:not(.wp-caption .single-post .post-content) {
  padding: 0 1.5em 1.5em 0;
  margin: 3em 0;
  width: 85%;
  position: relative;
}

.post-image-wrap:not(.wp-caption .single-post .post-content) img {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
}

.post-image-wrap:not(.wp-caption .single-post .post-content):nth-of-type(even) {
  float: left;
}

.post-image-wrap:not(.wp-caption .single-post .post-content):before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 1.5em);
  height: calc(100% - 1.5em);
  right: 0;
  bottom: 0;
  z-index: 0;
}

.post-image-wrap:not(.wp-caption .single-post .post-content):nth-of-type(4n+1):before {
  background: #ffdac1;
}

.post-image-wrap:not(.wp-caption .single-post .post-content):nth-of-type(4n+3):before {
  background: #fec6c2;
}

.post-image-wrap:not(.wp-caption .single-post .post-content):nth-of-type(4n+4):before {
  background: #c7ceea;
}

.single-post .post-content .maps-marker-pro {
  padding-top: 100%;
}

blockquote {
  font-size: 1.5em;
  line-height: 1.75em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

blockquote p {
  margin: 0;
}

/********************
Flexible Post Builder
*********************/
.single-post section[class*="-block"] {
  background: #f9f9f9;
  padding: 1em 0;
}

.single-post section[class*="-block"]:last-of-type {
  padding-bottom: 3em;
}

.single-post section.title-block {
  padding-bottom: 0 !important;
}

.single-post section.title-block h3, .single-post section.title-block h2 {
  margin: 0;
}

.single-post section.subtitle-block {
  padding: 0 !important;
}

.single-post section.subtitle-block p {
  margin: 0;
}

.single-post section p a {
  position: relative;
  display: inline-block;
  z-index: 1;
  color: #505050;
}

.single-post section p a:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  background: #b9ded0;
  bottom: 3px;
  z-index: -1;
  transition: all 0.2s linear;
}

.single-post section p a:hover:before {
  height: 20px;
}

.single-post .categories {
  text-align: center;
  padding: 1em 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

.single-post .categories .roller {
  color: #c7ceea;
}

.single-post .categories a {
  color: #505050;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 2px;
  margin: 0 0.5em;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.single-post .categories a:hover {
  border-color: #505050;
}

.single-post #post-masthead {
  text-align: center;
  background: #f9f9f9;
  padding-bottom: 3em;
}

.single-post #post-masthead h1 {
  text-align: center;
  padding-top: 2.5em;
  margin: 0;
}

.single-post #post-masthead p {
  margin: 0 0 3em 0;
}

.single-post #post-masthead img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}

.single-post #post-intro {
  display: block;
  background: #f9f9f9;
}

.single-post #post-intro .site-intro {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.single-post #post-intro .intro-text {
  border: 6px dotted #fec6c2;
  padding: 1.5em;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.single-post #post-intro .intro-text p {
  margin: 0;
}

.single-post #post-intro .intro-text p::first-letter {
  font-size: 170%;
  color: #c7ceea;
}

.single-post #post-intro img {
  width: 100%;
  max-width: 480px;
  margin: auto;
  display: block;
  padding-top: 1.5em;
}

.single-post .block-inner {
  max-width: 860px;
  margin: auto;
}

.single-post .big-quote {
  display: block;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.single-post .image-block {
  display: block;
  background: #f9f9f9;
  padding: 1em 0;
}

.single-post image-block .image-block-wrapper:before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 4rem);
  height: calc(100% - 2rem);
  left: 0;
  top: 2rem;
}

.single-post image-block:nth-of-type(3n-2) .image-block-wrapper:before {
  background: #ffdac1;
}

.single-post image-block:nth-of-type(3n+0) .image-block-wrapper:before {
  background: #c7ceea;
}

.single-post image-block:nth-of-type(3n-1) .image-block-wrapper:before {
  background: #e2f0cb;
}

.single-post .image-block-wrapper {
  position: relative;
  padding: 0 2em 1em 1em;
}

.single-post .image-block-wrapper img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.single-post .image-block-wrapper .caption {
  position: absolute;
  top: 0;
  right: 1rem;
  transform-origin: right center;
  transform: rotate(90deg) translate(100%, -5px);
}

.single-post .text-block p {
  margin-top: 0;
}

.single-post .carousel-block .slick-list {
  padding-left: 5vw;
  padding-right: calc(100% / 6);
}

.single-post .carousel-block .slick-slide {
  position: relative;
  padding-right: 2em;
}

.single-post .carousel-block .slick-slide img {
  width: 100%;
  display: block;
}

.single-post .carousel-block .slick-slide .caption {
  position: absolute;
  font-size: 0.9em;
  top: 0;
  right: 1rem;
  transform-origin: right center;
  transform: rotate(90deg) translate(100%, 3px);
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.single-post .carousel-block .slick-slide.slick-current .caption {
  opacity: 1;
}

.single-post .numbered-list {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin-bottom: 0;
}

.single-post .numbered-list li {
  padding-bottom: 2em;
  counter-increment: my-awesome-counter;
  position: relative;
  z-index: 1;
}

.single-post .numbered-list li:before {
  content: counter(my-awesome-counter) ".";
  font-size: 7rem;
  margin-right: 0.5rem;
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  color: #ffdac1;
  line-height: 1;
  position: absolute;
  top: -40px;
  left: 30px;
  z-index: -1;
}

.single-post .numbered-list li:last-of-type {
  padding-bottom: 0;
}

.single-post #properties-nearby {
  padding: 2em 0;
}

/********************
Text Page Template
********************/
.text-page .inner {
  max-width: 1000px;
  margin: -120px auto 2em auto;
  background: #fff;
  position: relative;
  padding: 1.5em 1.75em;
  z-index: 5;
}

.text-page h4 {
  color: #3f826f;
}

.press-clipping {
  margin-bottom: 1.0em;
}

.press-clipping img {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.press-clipping p {
  margin: 1em 0;
}

.text-image-row {
  margin-bottom: 2.0em;
}

.text-image-row img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.text-image-row p {
  margin: 1em 0;
}

/***************************
Useful Sites
***************************/
.sites .inner {
  margin: 1em;
  padding: 1em;
  border: 1px solid #dedede;
  text-align: center;
}

.sites img {
  width: 100%;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  text-align: center;
  clear: both;
}

.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}

.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #f1f1f1;
}

.pagination li:last-child {
  border: 0;
}

.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #3f826f;
}

.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #3f826f;
  color: #fff;
}

.pagination .current {
  cursor: default;
  color: #505050;
}

.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #505050;
}

/* end .bones_page_navi */
/**********************
Blog Index
***********************/
#categories {
  background: url(/assets/accents/blog_wash.jpg);
  margin-bottom: 1em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 1em;
}

#categories .wrap {
  background: rgba(255, 255, 255, 0.6);
  margin: auto;
}

#categories p {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  font-size: 1.15em;
}

#main-blog-title {
  text-align: center;
  padding-top: 2em;
}

#main-blog-title .blog-title {
  font-size: 2.75em;
  margin: 0;
}

#main-blog-title .blog-title span {
  color: #505050;
  font-family: "Rollerscript Smooth";
}

span.elip {
  display: none;
}

.master-categories
li:last-child span.elip {
  display: inline-block;
}

.master-categories li:last-child span.comma {
  display: none;
}

#sub-cats {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  text-align: center;
  border-top: 1px solid #dedede;
  padding-top: 1em;
  padding-bottom: 5px;
}

#sub-cats li {
  display: inline-block;
  padding: 0px 13px 0 0;
  text-align: left;
}

#sub-cats ul {
  margin: 0;
}

/***
Archive Cards
***/
.archive-card {
  border: 0;
}

.archive-card .inner {
  padding: 0.75em;
  background: #fff;
}

.archive-card .entry-content {
  padding-top: 0;
}

.archive-card h3 {
  line-height: 1.2;
}

.archive-card .thumb {
  height: 230px;
  background-size: cover;
  background-position: center;
}

.archive-card .read-more-link {
  float: right;
  margin-right: 0.5em;
  font-size: 1.15em;
}

.archive-card .read-more {
  font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
}

.archive-card .roller {
  font-family: "Rollerscript Smooth";
  color: #505050;
  font-size: 1.15em;
}

/*********************
FOOTER STYLES
*********************/
footer {
  z-index: -1;
  border-top: 1px solid #f1f1f1;
  margin-top: -1px;
}

#footer {
  text-align: center;
  padding-top: 2.5em;
}

#footer img {
  width: 90%;
  max-width: 300px;
}

#footer .roller {
  font-size: 1.15em;
}

#footer .main-links {
  display: flex;
  justify-content: space-around;
  max-width: 800px;
  margin: auto;
}

#footer .main-links h3 {
  font-size: 1em;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  cursor: pointer;
}

#footer .more-links ul {
  text-align: left;
  column-count: 2;
  margin-bottom: 0;
  padding-top: 1em;
  border-top: 1px solid #f1f1f1;
}

#footer a {
  color: #505050;
}

#footer a:hover {
  color: #306355;
}

#footer.more-links-active .b-corp-footer {
  display: none;
}

#footer-after {
  margin-top: 1em;
}

#footer-after .wrap {
  position: relative;
  border-top: 1px solid #f1f1f1;
}

#footer-logos {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #f1f1f1;
}

.b-corp img {
  width: 160px !important;
}

.set-1, .set-2 {
  width: 100%;
  margin: 1em 0;
  display: flex;
  justify-content: space-between;
}

.set-1 a img, .set-2 a img {
  width: auto !important;
  display: block;
  height: 40px;
  margin: auto;
  filter: grayscale(1);
  opacity: 0.75;
  transition: all 0.1s linear;
}

.set-1 a:hover img, .set-2 a:hover img {
  filter: unset;
  opacity: 1;
}

.copyright {
  font-size: 0.9em;
  text-align: center;
}

.credit {
  margin: 0 auto 0.25em;
  text-align: center;
}

.leaf-tagline {
  position: relative;
}

.b-corp-footer {
  width: 50px !important;
  margin: 0 auto 10px;
}

.whatsapp-tab {
  position: fixed;
  z-index: 10;
  top: auto;
  bottom: 10px;
  right: 10px;
}

.whatsapp-tab span {
  display: inline-block;
  vertical-align: middle;
}

.whatsapp-tab svg {
  width: 50px !important;
  height: 50px !important;
}

.whatsapp-tab .ctc_chat {
  background: #e2f0cb;
  padding: 3px 30px 3px 5px;
  border: 3px solid white;
  outline: 1px solid #dedede;
  margin-right: -33px;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

@keyframes wave {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-10deg);
  }
  6% {
    transform: rotate(10deg);
  }
  8% {
    transform: rotate(-5deg);
  }
  10% {
    transform: rotate(5deg);
  }
  12%, 100% {
    transform: rotate(0deg);
  }
}

.whatsapp-tab .wave {
  display: inline-block;
  transform-origin: 70% 70%;
  animation: wave 15s infinite ease-in-out;
}

.lock .whatsapp-tab {
  display: none;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (max-width: 767px) {
  .m-display-none {
    display: none;
  }
  .form-wrapper.active.open {
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 130px;
    left: 0;
    bottom: 0;
    padding-top: 30px;
    background: white !important;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
  }
  .form-wrapper.active.open .icon-calendar {
    left: -6px;
  }
  .form-wrapper.active.open .form-wrapper-close {
    display: block;
    position: absolute;
    z-index: 12;
    right: 0;
  }
  .form-wrapper.active.open .checkin-guests .checkin {
    width: 100%;
  }
  .form-wrapper.active.open .checkin-guests .checkin input {
    border: 0;
    margin-bottom: 25px;
  }
  .form-wrapper.active.open .checkin-guests .guests {
    visibility: hidden;
    position: absolute;
  }
  .form-wrapper.active.open .checkin-guests .mobile-guest-likes {
    border-top: 1px dashed #dedede;
    padding: 1.5em 0;
    position: static;
    width: 100%;
  }
  .form-wrapper.active.open .checkin-guests .mobile-guest-likes .likes {
    text-align: center;
    margin-top: 10px;
    border-top: 1px dashed #dedede;
  }
  .form-wrapper.active.open .checkin-guests .mobile-guest-likes .placeholder {
    margin: 20px 0 5px;
  }
  .form-wrapper.active.open .checkin-guests .mobile-guest-likes .pretty {
    font-size: 0.9em;
    margin: 8px 0;
    display: inline-block;
    width: 48%;
    text-align: left;
  }
  .form-wrapper.active.open .mobile-filters {
    display: none;
  }
  .form-wrapper.active.open #mobile-guest-form label {
    width: 25%;
    float: left;
  }
  .form-wrapper.active.open #mobile-guest-form label:last-of-type {
    margin-top: 0;
  }
  .form-wrapper.active.open #mobile-guest-form div {
    width: 75%;
    float: left;
    margin-bottom: 1em;
    padding-left: calc(100% - 255px);
  }
  .form-wrapper.active.open #mobile-guest-form input:not(.qtyplus):not(.qtyminus) {
    width: 50px;
    border: 0;
  }
  .form-wrapper.active.open #mobile-guest-form input:not(.qtyplus):not(.qtyminus).qty {
    margin: 0 15px;
  }
  .form-wrapper.active.open .datepicker {
    top: 220px;
    position: fixed;
  }
  .form-wrapper.active.open .datepicker__inner {
    padding: 0 19px 45px;
    height: 380px;
  }
  .form-wrapper.active.open .form-submit {
    position: fixed;
    visibility: hidden;
    height: 45px;
  }
  .form-wrapper.active.open .form-confirm {
    position: fixed;
    bottom: 30px;
    width: 90vw;
    height: 45px;
    text-align: center;
    font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
    text-transform: uppercase;
    letter-spacing: 3px;
  }
  .lock .ht-ctc-chat, .lock #moove_gdpr_save_popup_settings_button {
    display: none;
  }
}

@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /*
IMPORTANT NOTE ABOUT SASS 3.3 & UP
You can't use @extend within media queries
anymore, so just be aware that if you drop
them in here, they won't work.
*/
  #search-masthead-container .search-title-container .inner h1 {
    font-size: 3.0em;
  }
  .title-container .h1 {
    font-size: 3em;
  }
  /*********************
NAVIGATION STYLES
*********************/
  .nav.mobile {
    top: 102px;
  }
  .placeholder > a {
    display: inline-block;
  }
  .form-wrapper .inner {
    margin: 0 auto;
  }
  .checkin-guests .guests span.guest-label {
    display: inline-block;
  }
  .slider-content, .highlights {
    position: relative;
  }
  .slider-content .slick-list, .highlights .slick-list {
    padding-right: calc(100% / 3);
  }
  /*********************
POSTS & CONTENT STYLES
*********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  #what-we-love .inner img {
    max-width: 150px;
    float: left;
    margin-right: 20px;
  }
  .slider-box .info {
    min-height: 190px;
  }
  #reviews table tr {
    display: table-row;
  }
  #reviews table td {
    display: table-cell;
    padding: 1.75em 0;
  }
  #reviews .detail p {
    max-width: 90%;
  }
  #reviews .detail .guest p {
    max-width: 100%;
  }
  .guest {
    min-width: 145px;
  }
  .guest p {
    float: none;
  }
  .guest a {
    float: none;
  }
  .guest a small {
    margin: 15px 0 0 0;
  }
  /********************
text page 
********************/
  .press-clipping {
    display: flex;
  }
  .press-clipping:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .press-clipping img {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }
  .press-clipping p {
    margin: 1em 0;
  }
  .press-clipping .description {
    display: flex;
    align-items: center;
  }
  .text-image-row {
    display: flex;
  }
  .text-image-row img {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-right: 3em;
  }
  .text-image-row:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .text-image-row:nth-child(odd) img {
    padding: 0 0 0 3em;
  }
  .text-image-row p {
    margin: 1em 0;
  }
  .text-image-row .description, .text-image-row .image {
    display: flex;
    align-items: center;
  }
  /**************************
NEW Reviews Carousel
**************************/
  #reviews .reviews-intro {
    flex-direction: row-reverse;
    align-items: center;
  }
  /************************
Newsletter Banner
***********************/
  #newsletter:after {
    width: 120px;
    height: 110px;
  }
  /******************
 * Instagram 
 * ***************/
  .instagram-gallery-item:nth-of-type(3):before {
    display: none;
  }
  .instagram-gallery-item:nth-of-type(4):before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 20px;
    background: url("/assets/images/dotty.png");
    background-size: 100%;
    z-index: 1;
    bottom: 0px;
    left: 50%;
    transform: rotate(180deg);
  }
  .instagram-gallery-item:nth-of-type(6) {
    display: flex;
  }
  .instagram-gallery-item:nth-of-type(5) {
    display: flex;
  }
  .instagram-gallery-item:nth-of-type(4) > div {
    transform: rotate(0deg) translateY(-5px);
  }
  /*********************
FOOTER STYLES
*********************/
  #above-footer {
    text-align: left;
  }
  #above-footer .feefo-right {
    padding-left: 5%;
    border-left: 1px solid #dedede;
    overflow: hidden;
  }
  #above-footer #as-seen-in {
    padding-right: 5%;
  }
  /*
check your menus here. do they look good?
do they need tweaking?
*/
  /* end .footer-links */
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  /******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
  h1, .h1 {
    font-size: 2.0em;
    line-height: 1.333em;
  }
  h1.roller, .h1.roller {
    font-size: 2.75em;
  }
  h2, .h2 {
    font-size: 1.75em;
    line-height: 1.4em;
    margin: 0.375em 0;
  }
  h2.roller, .h2.roller {
    color: #3f826f;
  }
  h3, .h3 {
    font-size: 1.5em;
    position: relative;
  }
  h4, .h4 {
    font-size: 1.1em;
    margin-bottom: 0.5em;
  }
  h5, .h5 {
    font-size: 0.846em;
    line-height: 1.1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
  }
  /*********************
LAYOUT & GRID STYLES
*********************/
  #container {
    margin-top: 70px;
  }
  .animated.slick.slick-initialized {
    overflow: visible;
  }
  .desktop {
    display: block;
  }
  /*********************
HEADER STYLES
*********************/
  #inner-header, .header-table {
    height: 75px;
  }
  .header-contact {
    text-align: right;
    line-height: 1.3;
  }
  .header-contact a {
    display: inline-block;
  }
  .header-contact a.email-us {
    display: block;
  }
  .header-contact i {
    display: none;
  }
  .header-contact span {
    display: inline-block;
    color: #3f826f;
  }
  #logo {
    margin-top: 10px;
    width: 120px;
  }
  #top-banner {
    padding-top: 5px;
    float: right;
  }
  #home-masthead {
    position: relative;
  }
  #home-masthead .overflow-wrapper {
    overflow: hidden;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #home-masthead .inner img {
    width: 90%;
    margin: 0 auto;
    height: auto;
    min-height: auto;
    transform: translateX(0);
  }
  #home-masthead .swiper-slide-active > img {
    box-shadow: 0px 35px 30px -20px rgba(0, 0, 0, 0.2);
  }
  #home-masthead ul {
    margin: 0;
    padding-bottom: 3rem;
  }
  #home-masthead ul li img {
    width: 90%;
    margin: 0 auto;
    height: auto;
    min-height: auto;
    transform: translateX(0);
    box-shadow: 0px 35px 30px -20px rgba(0, 0, 0, 0.2);
  }
  #home-masthead .left-side {
    display: block;
  }
  #home-masthead .left-side:before {
    content: '';
    position: absolute;
    height: 80%;
    background: url("/assets/images/plant.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    left: 1%;
    width: 100%;
    z-index: 0;
    top: 0;
  }
  #home-masthead .left-side:after {
    content: '';
    position: absolute;
    height: 80%;
    background: url("/assets/images/leaf2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 100%;
    opacity: 0.2;
    transform: scaleX(-1);
    bottom: 0;
    z-index: 0;
  }
  #home-masthead .right-side {
    display: block;
  }
  #home-masthead .right-side:before {
    content: '';
    position: absolute;
    height: 80%;
    background: url("/assets/images/plant.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    transform: scaleX(-1);
    width: 100%;
    z-index: 0;
    top: 0;
  }
  #home-masthead .right-side:after {
    content: '';
    position: absolute;
    height: 80%;
    background: url("/assets/images/leaf2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    width: 100%;
    bottom: 0;
    right: -2%;
    z-index: 0;
  }
  #top-bar {
    display: block;
    border-bottom: 1px solid #f1f1f1;
    text-align: right;
  }
  #top-bar a {
    padding: 4px;
    display: inline-block;
  }
  #quick-links {
    clear: none;
    float: right;
    border-top: 0;
    margin-top: 0px;
    display: block;
    padding: 5px 0 0;
  }
  #quick-links a {
    display: inline-block;
    padding: 8px 10px 4px;
    margin-left: 10px;
    font-size: 1em;
    text-align: center;
    border-radius: 2px;
    color: #505050;
    transform: translateX(0);
  }
  #quick-links span {
    display: none;
  }
  .placehold {
    width: 90%;
    z-index: 0;
  }
  .masthead-standard {
    height: 460px;
  }
  .is-sticky #page-anchors.headroom--pinned.headroom--not-top {
    transform: translateY(75px);
  }
  /*********************
NAVIGATION STYLES
*********************/
  .main-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 22vh;
    background: url("/assets/images/intro-image-mob.jpg");
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: center 85%;
  }
  .main-menu .main-nav {
    width: 25%;
    border: 0;
    margin: 0;
    margin-left: 5vw;
    border-right: 1px solid #f1f1f1;
  }
  .main-menu .main-nav > li {
    padding: 0 5vw 2.5em 0;
    text-align: right;
    /* showing sub-menus */
  }
  .main-menu .main-nav > li a {
    border-bottom: 0;
    color: #505050;
    display: block;
    line-height: 1.6;
    /*
				you can use hover styles here even though this size
				has the possibility of being a mobile device.
				*/
  }
  .main-menu .main-nav > li a:hover, .main-menu .main-nav > li a:focus {
    color: #505050;
    text-decoration: underline;
  }
  .main-menu .main-nav > li > a {
    font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    line-height: 2em;
    font-size: 1.25em;
    display: inline-block;
    border-bottom: 1px solid transparent;
    margin: 0;
  }
  .main-menu .main-nav > li > a:hover, .main-menu .main-nav > li > a:focus {
    text-decoration: none;
  }
  .main-menu .main-nav > li.active > a {
    border-color: #3f826f;
  }
  .main-menu .main-nav > li > .wrapper {
    position: absolute;
    visibility: hidden;
    z-index: 8999;
    width: calc(75% - 5vw);
    left: calc(25% + 5vw);
    right: 0;
    top: 0;
    bottom: 0;
    text-align: left;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu {
    margin: 0;
    padding-left: 4vw;
    column-count: 2;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu .menu-item-has-children {
    vertical-align: top;
    margin-right: 4vw;
    -webkit-column-break-inside: avoid;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu .menu-item-has-children a {
    line-height: 1.3;
    margin-bottom: 0.6em;
    border: 0;
    cursor: default;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu .menu-item-has-children .sub-menu {
    padding-bottom: 1.25em;
    margin-top: 0;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu .menu-item-has-children > a {
    font-size: 1.25em;
    text-decoration: none;
    font-family: "Canela light", "Georgia", Cambria, Times New Roman, Times, serif;
  }
  .main-menu .main-nav > li .wrapper.active {
    visibility: visible;
  }
  .main-nav {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  /* end .nav */
  .main-nav .top-level > .wrapper > .sub-menu > .menu-item-has-children > a:after {
    display: none;
  }
  /********************
Homepage Stuff
*********************/
  #website-intro {
    padding-bottom: 2em;
  }
  #website-intro .site-intro {
    position: relative;
  }
  #website-intro .site-intro:before {
    content: '';
    position: absolute;
    display: block;
    width: 80%;
    background: #ffdac1;
    height: 11.5em;
    bottom: 0;
  }
  #website-intro .site-intro .intro-text {
    position: relative;
  }
  #website-intro .intro-text {
    padding: 1em 2em 2em;
  }
  #website-intro .intro-image-mob {
    margin: 0 auto;
  }
  #date-search .date-search {
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    overflow-x: scroll;
    padding-left: 10%;
  }
  #date-search .date-search span {
    vertical-align: middle;
    display: inline-block;
  }
  #date-search .date-search .date-links {
    display: inline-block;
    vertical-align: middle;
    overflow: visible;
  }
  /*********************
Page stuff in general
*********************/
  .title-container .h1 {
    font-size: 4em;
  }
  #main-container {
    margin-top: -80px;
  }
  .page-template-page-builder .text-block.butterflies .wrap, .page_builder .text-block.butterflies .wrap {
    background-size: 290px;
  }
  .page-template-page-builder .text-block.geese .wrap, .page_builder .text-block.geese .wrap {
    background-size: 290px;
  }
  .page-template-page-builder .text-block.boxed, .page_builder .text-block.boxed {
    padding: 4em 0;
  }
  .page-template-page-builder .text-block .inner .text-content ul, .page_builder .text-block .inner .text-content ul {
    padding: 1em 0;
  }
  #core-values .value {
    text-align: center;
    padding: 1em 2em 0;
    display: inline-block;
    vertical-align: top;
    float: none;
    width: 49%;
  }
  #core-values .value h3 {
    font-size: 1.25em;
  }
  #core-values .value p {
    display: block;
  }
  #core-values .value [class^="icon-"], #core-values .value [class*=" icon-"] {
    font-size: 2em;
  }
  /**********************
Related content carousels
**********************/
  .slider-content .slick-list, .highlights .slick-list {
    padding-right: calc(100vw / 6);
    padding-top: 2em;
  }
  /********************
Maps Marker Maps
*********************/
  .map-text {
    flex-direction: row;
  }
  #all-props-map .maps-marker-pro {
    padding-top: 60%;
  }
  /*********************
Search form
***********************/
  .header-search {
    background: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-70%);
    margin: auto;
    display: block;
    width: 100%;
    z-index: 1;
  }
  .header-search .search-strapline {
    color: #fff;
    text-shadow: 0 0 10px #505050;
    text-align: center;
    margin: 0;
  }
  .header-search .form-wrapper {
    width: 90%;
    max-width: 1100px;
    margin: auto;
  }
  .header-search .form-inner {
    padding: 0.5em;
    background: #fff;
    box-shadow: 0 -5px 30px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search input {
    margin-bottom: 0;
  }
  .form-confirm {
    display: none;
  }
  .home .checkin-guests {
    padding: 5px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
  }
  .checkin-guests .checkin input {
    border: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .checkin-guests .guests {
    height: 50px;
    padding-left: 0.5em;
    border: 0;
    border-left: 1px dashed #dedede;
  }
  .checkin-guests .mobile-filters {
    padding: 0;
    margin: 0;
    height: 50px;
    margin-bottom: 5px;
    background: white;
    border-left: 1px dashed #dedede;
    padding-left: 8px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: flex;
    align-items: center;
  }
  .checkin-guests .form-submit {
    height: 50px;
    line-height: 53px;
    margin: 0;
  }
  .checkin-guests .mobile-form-trigger {
    display: none;
  }
  .checkin-guests .mobile-guest-likes {
    position: absolute;
    display: inline-block;
    top: 55px;
    right: 5px;
    left: unset;
    width: 33.3%;
    padding: 5px;
  }
  .checkin-guests .mobile-guest-likes .mobile-guests-close,
.checkin-guests .mobile-guest-likes #mobile-guest-form,
.checkin-guests .mobile-guest-likes .placeholder,
.checkin-guests .mobile-guest-likes .form-submit {
    display: none;
  }
  .checkboxes {
    width: calc(75% - 145px);
    float: left;
    border: 0;
    border-left: 1px dashed #dedede;
  }
  .pretty {
    margin: 4px 0 1px 5%;
    vertical-align: top;
  }
  .datepicker {
    width: 560px;
    font-size: 14px;
    position: absolute;
    bottom: unset;
    top: 50px;
    box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
  }
  .datepicker .datepicker__inner {
    margin-top: 0;
    padding-bottom: 50px;
  }
  .datepicker .datepicker__month-day {
    padding: 10px 7px;
  }
  .datepicker .datepicker__topbar {
    line-height: 50px;
  }
  .datepicker .datepicker__buttons {
    display: none;
  }
  .datepicker-wrap .icon-close.mobile-guests-close {
    display: none;
  }
  #close-dates {
    display: none;
  }
  .datepicker__month {
    width: 240px;
  }
  .datepicker__close-button {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  #search-masthead-container .form-submit.desktop {
    display: block;
  }
  #search-masthead-container .placeholder {
    display: inline;
  }
  #search-masthead-container .form-wrapper {
    padding: 15px 0;
    background: #f1f1f1;
  }
  .home .mobile-search #mobile-form {
    padding: 6px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
  }
  .home .mobile-search.form-wrapper {
    background: transparent;
  }
  .mobile-form-launcher {
    display: none;
  }
  .mobile-search.form-wrapper {
    background: #f1f1f1;
    position: relative;
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: unset;
    z-index: 10;
  }
  .mobile-search.form-wrapper .form-inputs {
    opacity: 1;
    position: relative;
    z-index: 5;
  }
  .mobile-search.form-wrapper .panel-control.top {
    display: none;
  }
  .mobile-search.form-wrapper .panel-control.bottom {
    position: relative;
    display: block;
    padding: 0;
  }
  .mobile-search.form-wrapper .panel-control.bottom .clear-form {
    display: none;
  }
  .mobile-search.form-wrapper .panel-control.bottom input {
    width: 100%;
    margin-top: 8px;
  }
  .mobile-search .location, .mobile-search .check-in, .mobile-search .guests {
    padding: 0;
    margin: 0;
    box-shadow: unset;
    border-radius: uunset;
    border-right: 1px solid #f1f1f1;
  }
  .mobile-search .location #suggestions {
    position: absolute;
    z-index: 5;
    height: 360px;
    background: #fff;
    width: 100%;
    left: 0;
    box-shadow: 8px 10px 45px 5px rgba(0, 0, 0, 0.15);
    border-top: unset;
    border-bottom: 5px solid #fff;
  }
  .mobile-search .location #suggestions:before {
    display: none;
  }
  .mobile-search .check-in .datepicker {
    position: absolute;
    width: 200%;
    left: -50%;
  }
  .mobile-search .check-in .datepicker__month-caption {
    border-top: 0;
  }
  .mobile-search .guests {
    border: 0;
  }
  .mobile-search .guests .picker {
    width: 100%;
  }
  .mobile-search .guests #guest-form {
    position: absolute;
    z-index: 1;
    padding-bottom: 8px;
    background: #fff;
    box-shadow: 8px 10px 45px 5px rgba(0, 0, 0, 0.15);
  }
  .mobile-search .guests .guest-form {
    align-items: flex-start;
    flex-direction: column;
    border: unset !important;
    width: 100%;
  }
  /***************************
Search results & category pages
***************************/
  .checkin-guests .mobile-guest-likes {
    height: 195px;
    box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08);
    top: 50px;
    right: 25%;
  }
  .checkin-guests .mobile-guest-likes .likes {
    width: auto;
    background: white;
  }
  .checkin-guests .mobile-guest-likes .pretty {
    margin-top: 10px;
  }
  #search-masthead-container .likes .placeholder {
    margin: 0.5em 0 0;
  }
  .checkin-guests .guests span input {
    line-height: 50px !important;
  }
  .checkin-guests .guests .icon-sleeps {
    margin: 0;
  }
  #category-info {
    z-index: auto;
  }
  #category-info h3 {
    position: relative;
    z-index: 2;
  }
  .featured-images {
    margin-top: -3em;
    max-width: 1000px;
  }
  #sc-search-results .sc-result-row .flex-break {
    flex-basis: 100%;
    height: 0;
    order: 3;
  }
  #result-controls {
    position: relative;
    margin: 1em 0;
    text-align: center;
  }
  #result-count {
    margin: 1.5em 0 1em;
  }
  .page-template-page-results-ajax .results-container {
    padding-top: 12px;
  }
  .page-template-page-results-ajax .controls {
    margin-top: -55px;
    position: relative;
    z-index: 2;
  }
  .page-template-page-results-ajax #search-masthead-container .search-title .tagline {
    -webkit-line-clamp: unset;
  }
  .page-template-page-results-ajax .toggle-filters {
    display: none !important;
  }
  .page-template-page-results-ajax .move-filters {
    display: flex !important;
  }
  .page-template-page-results-ajax .filter-options {
    position: absolute;
    left: 42px;
    top: 40px;
    padding: 1em;
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  }
  .page-template-page-results-ajax .filter-options .pretty {
    margin-left: 0;
  }
  .page-template-page-results-ajax .filter-options h3 {
    display: none;
  }
  #collection .image:before {
    background: url("https://newforestescapes.com/assets/images/dotty-says-hi.jpg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right;
  }
  #collection .wrap {
    flex-direction: column;
  }
  #collection .speech-bubble:before {
    background: url("https://newforestescapes.com/assets/images/speech-bubble.jpg");
    transform: scaleY(-1);
    background-size: contain;
    background-repeat: no-repeat;
  }
  /******************************************************************
SINGLE PROPERTY STUFF
******************************************************************/
  .single-property-masthead {
    margin: 0;
  }
  .single-property-hero {
    padding: 1.5em 0;
  }
  .at-a-glance {
    position: relative;
  }
  .at-a-glance ul {
    margin: 0;
  }
  .at-a-glance ul li {
    font-size: 1em;
    margin: 0.5em 1em 0.5em 0;
  }
  .box-content-container {
    margin-top: 0;
  }
  .fallback-share-links span {
    display: inline-block;
    vertical-align: middle;
  }
  .fallback-share-links a {
    height: 35px;
    display: block;
    background: #e2f0cb;
    padding: 5px;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
  }
  .fallback-share-links a .icon-facebook-alt {
    font-size: 27px;
    transform: translate(-2px, 0px);
  }
  .fallback-share-links a .icon-email {
    font-size: 22px;
    transform: translate(0px, -1px);
  }
  .fallback-share-links a.whatsapp-share-btn svg {
    transform: translate(0px, 4px);
  }
  #essential-details, #location {
    padding: 4.5em 0;
  }
  #virtual-tour iframe {
    height: 100%;
    margin-top: 0;
  }
  #virtual-tour .close-tour {
    bottom: auto;
    top: 10px;
  }
  .virtual-tour-launch {
    bottom: 4.5em;
  }
  .stay-longer-banner .message {
    font-size: 100%;
  }
  .stay-longer-banner img {
    right: 120px;
  }
  #eco-credentials .title {
    padding-left: 50px;
  }
  #eco-credentials .wrap {
    background: #e2f0cb url("/assets/accents/patterns/circles.png");
    padding: 2em;
  }
  #eco-credentials .inner {
    padding: 2em;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.5);
  }
  #eco-credentials .icon-tick {
    font-size: 23px;
    line-height: 30px;
  }
  #eco-credentials .icon-eco {
    display: block;
    float: left;
  }
  #eco-credentials .more-info {
    margin-left: 29px;
  }
  /******************************
Booking Forms
******************************/
  .booking-block-outer .booking-block-header {
    font-size: 1.25em;
  }
  /*********************
Home Page Stuff
**********************/
  .home-intro .inner, .squarespace .inner {
    display: table;
  }
  .home-intro .text, .squarespace .text {
    padding-right: 3vw;
  }
  .home-intro .feat-image, .squarespace .feat-image {
    display: table-cell;
    height: 100%;
    width: 50%;
  }
  .home-intro .feat-image img, .squarespace .feat-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  #promo-banner {
    margin-top: -15px;
  }
  /*******************
Wedding Page
********************/
  .page-template-page-weddings #essential-details .inner {
    padding: 3.5em;
  }
  .page-template-page-weddings #essential-details h3 {
    padding-bottom: 1.25em;
  }
  .page-template-page-weddings #essential-details .column-text {
    column-count: 2;
    column-gap: 4em;
  }
  .page-template-page-weddings #essential-details p:first-of-type {
    margin-top: 0;
  }
  /********************
Grid Boxes
*********************/
  .grid-box {
    font-size: 100%;
    padding: 1.0em;
    margin-bottom: 4.0em;
  }
  .grid-box .inner {
    height: 280px;
  }
  /********************
Text page template
********************/
  .text-page .inner {
    margin-top: -150px;
  }
  /**********************
Blog Pages
***********************/
  #categories p .break {
    display: none;
  }
  #blog-categories {
    margin-top: 2em;
    padding: 2em 0;
    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */
  }
  #blog-categories .wrap {
    display: block;
  }
  /*********************
image alignment
**********************/
  .alignleft, img.alignleft {
    width: 45%;
    max-width: 100%;
    float: left;
    margin: 0 2.0em 0 auto;
  }
  .alignright, img.alignrigt {
    width: 45%;
    max-width: 100%;
    float: right;
    margin: 0 auto 0 2.0em;
  }
  /*********************
Map Clusters
*********************/
  #map-all .clusters li span {
    height: 60px;
    width: 60px;
    line-height: 50px;
    text-align: center;
    border: 7px solid rgba(63, 130, 111, 0.28);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #map-all .clusters li span:hover, #map-all .clusters li span.active {
    transform: scale(1.1);
  }
  #map-all .clusters li p {
    display: block !important;
    margin: 0 0 0.25em 0;
    text-align: center;
    transform: translateX(-50%);
    line-height: 1em;
    font-family: rollerscript;
    font-size: 1.15em;
    cursor: pointer;
  }
  #map-all .clusters li p:hover + span, #map-all .clusters li p.active {
    transform: scale(1.1);
  }
  #map-all .labels li.london {
    bottom: 100%;
    right: 20%;
  }
  #map-all .labels li.new-forest {
    left: 31%;
  }
  .map-inner {
    position: relative;
    width: 90%;
    height: 90%;
    max-width: calc(100vw - 80px);
    max-height: calc(100vh - 300px);
    transform: translateY(0);
  }
  /******************
Home Reviews
*******************/
  #home-reviews {
    background-position: -110px top;
    background-size: auto 230px;
    padding-bottom: 0;
  }
  /**************************
NEW Reviews Carousel
**************************/
  .new-reviews {
    margin-bottom: 2em;
  }
  .new-reviews .asym.wrap {
    position: relative;
  }
  .new-reviews:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: url("/assets/images/leaf_dark.jpg");
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: -70% 90%;
  }
  .review-snippet {
    padding: 2vw 3vw;
    width: 49%;
    display: inline-block;
    float: none;
  }
  .review-snippet:nth-of-type(1) .inner {
    background: #e2f0cb;
    transform: rotate(-1deg) translate(30px, -10px);
  }
  .review-snippet:nth-of-type(2) .inner {
    background: #ffdac1;
    transform: rotate(1.5deg) translateY(18px);
  }
  .review-snippet:nth-of-type(3) .inner {
    background: beige;
    transform: rotate(1.5deg) translateY(-14px);
  }
  .review-snippet:nth-of-type(4) .inner {
    background: #c7ceea;
    transform: rotate(-2deg) translate(-40px, 14px);
  }
  .review-snippet .inner {
    max-width: 280px;
    margin: auto;
  }
  #reviews .reviews-intro {
    flex-direction: row-reverse;
    align-items: center;
  }
  #reviews .slider-container {
    position: relative;
  }
  #reviews .slider-container:before {
    width: 95vw;
  }
  #reviews .review-slider .slick-list {
    padding-right: 25%;
  }
  #reviews .review-slider.lg {
    display: block;
  }
  #reviews .review-slider.sm {
    display: none;
  }
  #reviews .review-slider .review {
    margin-bottom: 3em;
  }
  #reviews .review-slider .review .inner {
    padding: 0 3.5em;
  }
  #reviews .review-slider .review p {
    font-size: 1.25em;
  }
  #all-reviews .review-list {
    margin: 130px auto;
  }
  #all-reviews .review-list .info {
    text-align: right;
    padding-top: 1em;
  }
  /**********************
Blog Index
***********************/
  .archive-card {
    padding: 1em;
    margin-bottom: 1em;
  }
  .archive-card .inner {
    padding: 0.5em;
    background: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .archive-card .inner:hover {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
  }
  .archive-card h3 {
    height: 70px;
  }
  .archive-card p {
    height: 90px;
  }
  /******************************
Blog Pages - Single Posts
*******************************/
  .single-post #masthead {
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 0;
  }
  .single-post .single-title-wrapper {
    margin-top: 25%;
  }
  .single-post .single-title-wrapper span {
    font-size: 2.5em;
  }
  .single-post .single-title-wrapper .single-title {
    font-size: 5.5em;
  }
  .single-post #main {
    padding: 2em 4em !important;
    position: relative;
  }
  /*******************
newsletter sign up
*******************/
  #newsletter:after {
    left: 5%;
    width: 160px;
    height: 160px;
  }
  #newsletter .wrap {
    padding: 2.5em;
  }
  #newsletter p {
    margin-bottom: 2em;
  }
  #green-intro {
    padding: 3em 0;
  }
  #green-intro .green-intro:before {
    content: '';
    position: absolute;
    display: block;
    width: 80%;
    background: #ffdac1;
    height: 11.5em;
    top: calc(50% - -1em);
    height: 110%;
  }
  #green-intro .inner {
    position: relative;
    width: 80%;
    padding: 0 5vw 2em;
  }
  #green-intro .wrap {
    display: block;
    max-width: 1200px;
  }
  #green-intro .intro-text {
    order: 3;
  }
  #green-intro .intro-text img {
    display: block;
    width: 100%;
  }
  .instagram-gallery-modal__media_description {
    display: block !important;
  }
  .instagram-gallery-item:nth-of-type(3):before {
    content: '';
    position: absolute;
    display: block;
    width: 130px;
    height: 95px;
    background: url("/assets/images/instant_squirrel.png");
    background-size: 100%;
    z-index: 1;
    bottom: unset;
    left: 60px;
    top: -38px;
    transform: unset;
  }
  #instagram-gallery-feed-0 {
    width: 600px;
    margin: auto;
  }
  /*********************
FOOTER STYLES
*********************/
  #footer .more-links ul {
    column-count: 3;
    column-gap: 40px;
  }
  #footer.more-links-active .b-corp-footer {
    display: block;
  }
  .leaf-tagline br {
    display: none;
  }
  .copyright {
    text-align: left;
  }
  .credit {
    position: absolute;
    right: 0;
    top: 2em;
  }
  .b-corp-footer {
    display: block;
  }
  .b-corp {
    float: left;
    width: 220px;
    text-align: left;
  }
  .b-corp img {
    width: 160px !important;
  }
  .set-1, .set-2 {
    width: calc(100% - 220px);
    margin: 0 0 1em;
  }
  .set-1 a img, .set-2 a img {
    width: auto;
    display: block;
    height: 40px;
    margin: auto;
    filter: grayscale(1);
    opacity: 0.75;
    transition: all 0.1s linear;
  }
  .set-1 a:hover img, .set-2 a:hover img {
    filter: unset;
    opacity: 1;
  }
}

/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1024px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
  .confidence:before {
    margin-top: -3em;
    width: 160px;
    height: 160px;
  }
  #what-we-love #blog-crosslink {
    padding-left: 1.5em;
    border-left: 1px dashed #dedede;
  }
  #special .inner img, #what-we-love .inner img {
    max-width: 250px;
  }
  .mobile-form-toggle {
    display: none;
  }
  .mobile-show {
    display: none !important;
  }
  /**************
header stuff
******************/
  /******************
Nav stuff
*******************/
  #inner-header {
    border-bottom: 1px solid #f1f1f1;
  }
  .hamburger {
    display: none !important;
  }
  .nav ul {
    margin-top: 22px;
  }
  .nav li a {
    padding: 0.5em;
  }
  .sub-nav .sub-menu-column .column-heading {
    font-size: 1.5em;
  }
  #main-menu-container nav {
    margin-left: 0;
    width: 100%;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu {
    column-count: 1;
  }
  .main-menu .main-nav > li > .wrapper > ul.sub-menu .menu-item-has-children {
    display: inline-block;
  }
  #mega-menu {
    display: block;
    max-width: 1500px;
    margin: 5px auto;
  }
  #menu-mega-menu {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  #menu-mega-menu .top-level > a {
    /* font-family:canela-light; */
    color: #565656;
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 2px;
    display: block;
    padding: 0 0.5em;
    line-height: 2.5;
    text-align: center;
  }
  #menu-mega-menu .top-level.host-button > a {
    display: block;
    padding: 0;
    margin: auto;
    width: 140px;
    height: 2.5em;
    line-height: 2.5em;
    background: #e2f0cb;
    border-radius: 2px;
  }
  #menu-mega-menu .top-level.menu-item-has-children > a:after {
    content: '\e901';
    font-family: 'nfe-icons';
    transform: rotate(90deg) translate(4px, -3px);
    display: inline-block;
    font-size: 1.5em;
    line-height: 1;
  }
  #menu-mega-menu .top-level > .sub-menu {
    position: absolute;
    width: 100%;
    left: 0;
    background: #f9f9f9;
    padding: 2em 5vw;
    opacity: 0;
    visibility: hidden;
  }
  #menu-mega-menu .top-level > .sub-menu.clicked {
    opacity: 1;
    visibility: visible;
  }
  #menu-mega-menu .heading > a {
    font-family: 'Canela light';
    font-size: 1.5em;
    color: #565656;
  }
  #menu-mega-menu .menu-item:not(.top-level):not(.heading) > a {
    font-size: 0.9em;
    padding: 3px 0;
    display: block;
  }
  #menu-mega-menu ul.sub-menu {
    margin: 0;
  }
  #menu-mega-menu .featured {
    overflow: overlay;
  }
  #menu-mega-menu .featured > a {
    display: none;
    font-size: 0;
  }
  #menu-mega-menu .featured .feature {
    float: right;
    margin-left: 1.5em;
  }
  #menu-mega-menu .featured .feature img {
    width: 90%;
    height: auto;
    display: block;
  }
  #menu-mega-menu .featured .feature h3 {
    margin: 10px 0 0;
  }
  /********************
Booking form stuff
********************/
  .booking-block-outer {
    margin: -93px 0 2em auto;
    z-index: 15;
  }
  .right {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    display: inherit;
    height: auto;
    opacity: 1;
    visibility: visible;
    z-index: 30;
    margin-top: -120px;
    padding: 0 !important;
    width: 28.5714286%;
  }
  .right .book-toggle {
    display: none;
  }
  .right .property-detail {
    display: inherit;
  }
  .right .property-detail .property-detail-inner {
    max-width: 100%;
  }
  /********************
Homepage Stuff
*********************/
  #website-intro {
    padding: 0 0 3em;
  }
  #website-intro .site-intro {
    display: block;
    padding: 0;
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
  }
  #website-intro .site-intro:before {
    width: 80%;
    height: 13.5em;
  }
  #website-intro .site-intro .intro-text {
    padding: 0 1em 3em 5em;
  }
  #website-intro .intro-image {
    display: block;
    margin-top: 2em;
    position: relative;
  }
  #website-intro .intro-image-mob {
    display: none;
  }
  #website-intro .intro-text:after {
    width: 140px;
    height: 140px;
    transform: rotate(-8deg) translateX(150%);
    top: auto;
    bottom: -100px;
  }
  .mobile-search .location .icon-location {
    right: 12px;
  }
  .mobile-search .check-in .datepicker {
    left: 0;
  }
  .mobile-search .check-in .icon-calendar {
    right: 22px;
  }
  .mobile-search .guests {
    width: 25%;
  }
  .mobile-search .guests .icon-sleeps {
    right: 20px;
  }
  .mobile-search .guests #guest-form {
    width: 100%;
  }
  .mobile-search .guests .guest-form {
    flex-direction: row;
    align-items: center;
  }
  .mobile-search .guests .picker {
    width: 140px;
  }
  .mobile-search.form-wrapper .panel-control.bottom {
    width: 17.85555%;
  }
  .mobile-search.form-wrapper .panel-control.bottom input {
    margin-top: -1px;
    height: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .collection-info .inner:before {
    height: 100%;
    top: 1.75em;
  }
  .loader-container {
    min-height: 700px;
    position: relative;
    width: auto;
    align-items: start;
    padding-top: 3em;
  }
  #sc-search-results .splide .splide__arrows {
    width: unset;
    display: block;
  }
  #sc-search-results .sc-result-row .flex-break {
    flex-basis: unset;
  }
  #sc-search-results .sc-result-row .property-name {
    font-size: 1.5em;
  }
  #sc-search-results .sc-result-row .book-panel {
    display: flex;
    justify-content: center;
    border-left: 1px solid #f1f1f1;
  }
  #sc-search-results .sc-result-row .book-panel #book-links {
    display: flex;
    justify-content: center;
    text-align: center;
    border-top: 0;
    font-size: 100%;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .available {
    position: relative;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .date {
    font-size: 100%;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .date span {
    display: inline-block;
    margin-top: 0.5em;
    font-size: 90%;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .total-rate {
    margin: 2em 0 1.5em 0;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .book-now {
    float: none;
    margin-top: 0;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .searched-nodate .no-date {
    margin-bottom: 1rem;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .searched-nodate .separator, #sc-search-results .sc-result-row .book-panel #book-links .searched-nodate .per-week {
    display: block;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .searched-nodate .sep {
    display: inline;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .searched-nodate .book-now {
    margin-top: 1em !important;
    padding: 0 10px;
  }
  .page-template-page-results-ajax #sc-search-results .sc-result-row .book-panel {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
  }
  .page-template-page-results-ajax #sc-search-results .sc-result-row .book-panel .from {
    padding-bottom: 3em;
  }
  .page-template-page-results-ajax .book-panel {
    border-top: 0;
  }
  .page-template-page-results-ajax .book-panel .inner {
    display: block;
    width: 90%;
    max-width: 200px;
  }
  .page-template-page-results-ajax .book-panel .book-now {
    font-size: 0.9em;
    background: #e2f0cb;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 5px;
    line-height: 25px;
  }
  .page-template-page-results-ajax .book-panel .book-now:hover {
    background: #3f826f;
    color: #fff;
  }
  .page-template-page-results-ajax .book-panel .book-now span {
    float: none;
    display: block;
    font-size: 1.25em;
    background: none;
    color: unset;
  }
  #collection .wrap {
    flex-direction: row;
  }
  #collection .speech-bubble:before {
    width: 95%;
    top: 2%;
    transform: scaleY(1);
  }
  #collection .image {
    height: 410px;
  }
  #collection .image:before {
    width: 810px;
  }
  /**********************
Related content carousels
**********************/
  .slider-content .splide__slide .card, .slider-content .splide__slide.card, .slider-content .slick-slide .card, .slider-content .slick-slide.card, .highlights .splide__slide .card, .highlights .splide__slide.card, .highlights .slick-slide .card, .highlights .slick-slide.card {
    padding-right: 1.75em;
    margin-right: 1.75em;
  }
  .slider-content .splide__slide .card .card-inner .card-thumb, .slider-content .splide__slide.card .card-inner .card-thumb, .slider-content .slick-slide .card .card-inner .card-thumb, .slider-content .slick-slide.card .card-inner .card-thumb, .highlights .splide__slide .card .card-inner .card-thumb, .highlights .splide__slide.card .card-inner .card-thumb, .highlights .slick-slide .card .card-inner .card-thumb, .highlights .slick-slide.card .card-inner .card-thumb {
    transform: translate(0, 0);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .slider-content .splide__slide .card .card-inner:hover .card-thumb, .slider-content .splide__slide.card .card-inner:hover .card-thumb, .slider-content .slick-slide .card .card-inner:hover .card-thumb, .slider-content .slick-slide.card .card-inner:hover .card-thumb, .highlights .splide__slide .card .card-inner:hover .card-thumb, .highlights .splide__slide.card .card-inner:hover .card-thumb, .highlights .slick-slide .card .card-inner:hover .card-thumb, .highlights .slick-slide.card .card-inner:hover .card-thumb {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    transform: translate(0, -8px);
  }
  .slider-content .swiper-slide.card {
    padding-right: 1.75em;
    margin-right: 1.75em;
  }
  .slider-content .swiper-slide.card .card-inner .card-thumb {
    transform: translate(0, 0);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .slider-content .swiper-slide.card .card-inner:hover .card-thumb {
    box-shadow: 0 0 1.4em rgba(0, 0, 0, 0.2);
    transform: translate(0, -8px);
  }
  /*********************
Page stuff in general
*********************/
  .main-container {
    margin-top: -95px;
  }
  .stacked-link {
    padding-top: 28px;
  }
  .bottom-anchor {
    opacity: 1;
    visibility: visible;
  }
  #search-masthead-container .search-results-masthead {
    height: 400px;
  }
  #search-masthead-container .search-results-masthead img {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #search-masthead-container .search-title-container .inner h1 {
    font-size: 4.5em;
  }
  .box-content-container {
    padding: 2em 0;
    margin-top: -130px;
    position: relative;
    z-index: 2;
  }
  .box-content-container .inner {
    background: url(/assets/accents/special_leaves.png) no-repeat;
  }
  .box-content-container .box-content {
    float: right;
    padding: 20px 35px;
    background: white;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  }
  .dashed {
    position: relative;
  }
  .dashed:after {
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    border-right: 1px dashed #dedede;
    width: 1px;
    top: 0;
    right: -25px;
  }
  .single-title {
    font-size: 2.5em;
  }
  .scc-collection {
    font-size: 0.9em;
  }
  .scc-collection img {
    width: 210px;
    display: block;
  }
  /*******************
Collections Page
*******************/
  .page-template-page-collections-new #intro-columns {
    flex-direction: row;
  }
  .page-template-page-collections-new #intro-columns.column-reverse {
    flex-direction: row;
  }
  .page-template-page-collections-new #intro-columns img {
    max-width: 100%;
  }
  .page-template-page-collections-new .hmapsprem_container {
    padding-top: 40%;
  }
  /********************
Maps Marker Maps
*********************/
  #details {
    margin-bottom: 0;
  }
  #all-props-map .maps-marker-pro {
    padding-top: 45%;
  }
  #map .wrap {
    display: flex;
    align-items: center;
    flex-flow: row;
    justify-content: flex-start;
  }
  .map-text {
    flex-direction: column;
    margin-left: 3em;
    padding: 0;
  }
  /*****************
Page builder
*******************/
  .page-template-page-builder .cols-2 {
    column-count: 2;
    column-gap: 5vw;
  }
  #core-values {
    padding: 3em 0;
  }
  #core-values .box-inner {
    background-position: left;
    background-size: auto 90%;
  }
  #core-values .value {
    padding: 0.25em 3vw;
    width: 33%;
  }
  /******************
Home Reviews
******************/
  #home-reviews {
    padding-top: 3em;
    background-size: auto 270px;
    background-position: -70px top;
  }
  #reviews .reviews-intro {
    flex-direction: column-reverse;
    padding-right: 3.5em;
  }
  .new-reviews:before {
    right: 0;
    width: 65%;
    background-position: left 40%;
  }
  #all-reviews .review-list {
    margin: 170px auto;
  }
  .home #reviews {
    display: block;
  }
  /******************
As Seen in carousel
******************/
  #seen-in .wrap {
    display: flex;
    align-items: center;
  }
  #seen-in h3 {
    width: 33.33%;
    margin: 0;
    text-align: left;
  }
  /*******************
Search Form
*******************/
  #home-masthead {
    max-width: 1680px;
  }
  #home-masthead ul li .h1 {
    font-size: 3em;
  }
  .checkin-guests .mobile-filters {
    margin-bottom: 0;
  }
  .checkin-guests .guests {
    padding-left: 0.25em;
    border-left: 1px dashed #dedede;
  }
  .checkin-guests .form-submit {
    width: 25%;
    float: right;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0;
  }
  .checkboxes {
    width: calc(80% - 145px);
  }
  .pretty {
    margin: 18px 0 0 15px;
  }
  /***********************
Newsletter Banner
***********************/
  #newsletter {
    padding: 4em 0;
  }
  #newsletter .newsletter {
    border-right: 1px solid #3f826f;
    padding: 0 2.5em 0 0;
  }
  #newsletter .newsletter.events {
    border: 0;
    padding: 0 2.5em;
  }
  #newsletter .social {
    padding: 0 0 0 2.5em;
  }
  #newsletter .mc-form input[type="email"] {
    margin-bottom: 1em;
  }
  .stay-longer-banner {
    padding: 0.75em 0;
    margin-bottom: 1.5em;
    text-align: center;
  }
  .stay-longer-banner h2 {
    margin: 0;
  }
  .stay-longer-banner span {
    display: inline-block;
    vertical-align: middle;
  }
  .stay-longer-banner span.title {
    width: 400px;
    text-align: left;
    position: relative;
  }
  .stay-longer-banner span.message {
    text-align: left;
    width: auto;
    float: none;
  }
  .stay-longer-banner img {
    position: absolute;
    right: 25px;
    margin-top: -45px;
    width: auto;
  }
  .stay-longer-banner a {
    border-bottom: 1px solid;
  }
  /********************
Property Pages
*********************/
  .property-hero {
    display: flex;
  }
  .property-hero img {
    width: 100%;
    display: block;
  }
  .property-hero .second-image {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .property-hero .second-image img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  #overview .overview {
    max-height: 390px;
  }
  .gallery-buttons span {
    margin-left: 0.75em;
  }
  #mini-nav {
    width: 80%;
  }
  .property-title-container .prop-title {
    width: calc(100% - 230px);
  }
  .property-title-container .prop-title h1 {
    font-size: 2.15em;
  }
  .property-title-container .prop-title h3 {
    font-size: 1.5em;
  }
  #share-me {
    margin-top: 1.5em;
  }
  .at-a-glance {
    padding-bottom: 1em;
  }
  /***********************************
Page Builder Styles
***********************************/
  .page-template-page-builder .pair .lhs, .page_builder .pair .lhs {
    padding-right: 3vw;
    position: relative;
  }
  .page-template-page-builder .pair .lhs:after, .page_builder .pair .lhs:after {
    content: '';
    position: absolute;
    max-height: 50%;
    width: 1px;
    background: #f1f1f1;
    top: 20%;
    bottom: 0;
    margin: auto;
    right: 0;
  }
  .page-template-page-builder .pair .rhs, .page_builder .pair .rhs {
    padding-left: 3vw;
  }
  .page-template-page-builder .text-block.image .wrap, .page_builder .text-block.image .wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .page-template-page-builder .text-block.image .wrap .inner, .page_builder .text-block.image .wrap .inner {
    padding-right: 2em;
  }
  .page-template-page-builder .text-block.image .image span, .page_builder .text-block.image .image span {
    margin: 0 0 0 auto;
    max-width: 620px;
  }
  .page-template-page-builder .text-block.image img, .page_builder .text-block.image img {
    margin-left: 0;
    max-width: auto;
  }
  .page-template-page-builder .text-block.image:nth-of-type(odd) .wrap, .page_builder .text-block.image:nth-of-type(odd) .wrap {
    flex-direction: row-reverse;
  }
  .page-template-page-builder .text-block.image:nth-of-type(odd) .wrap .inner, .page_builder .text-block.image:nth-of-type(odd) .wrap .inner {
    padding: 0 0 0 2em;
  }
  .page-template-page-builder .text-block.image:nth-of-type(odd) .image span, .page_builder .text-block.image:nth-of-type(odd) .image span {
    margin: 0 auto 0 0;
  }
  .page-template-page-builder .text-block.image:nth-of-type(odd) img, .page_builder .text-block.image:nth-of-type(odd) img {
    margin: 0 0 0 auto;
  }
  .page-template-page-builder .case-study .add-box, .page_builder .case-study .add-box {
    display: flex;
    align-items: center;
  }
  .page-template-page-builder .case-study .lhs, .page_builder .case-study .lhs {
    padding-right: 4vw;
  }
  .page-template-page-builder .feature-content .section-text, .page_builder .feature-content .section-text {
    padding-right: 3em;
  }
  .category-intro .wrap {
    display: flex;
    align-items: center;
  }
  /********************
Flexible Post Builder
*********************/
  .single-post #post-masthead .wrap {
    position: relative;
    z-index: 1;
  }
  .single-post #post-masthead .wrap:before {
    content: '';
    display: block;
    width: 590px;
    height: 290px;
    position: absolute;
    background: #f9f9f9 url(/assets/images/insider-leaf.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    left: -50px;
    top: 20px;
    z-index: -1;
  }
  .single-post section[class*="-block"] {
    padding: 1.5em 0;
  }
  .single-post #post-intro .site-intro {
    padding: 3em 0 3em 3vw;
    display: flex;
    align-items: center;
  }
  .single-post .block-inner {
    padding: 0 2rem;
  }
  .single-post .big-quote {
    display: block;
    padding: 1.25em 0;
  }
  .single-post .image-block-wrapper {
    padding: 0 2rem 2rem 2rem;
  }
  .single-post .carousel-block .slick-prev {
    display: none !important;
  }
  .single-post .carousel-block .slick-list {
    padding-right: calc(100% / 4.5);
  }
  .single-post .carousel-block .slick-slide {
    padding-right: 4em;
  }
  .single-post .carousel-block .slick-slide .caption {
    transform: rotate(90deg) translate(100%, 2em);
  }
  #locations {
    background: none;
  }
  .locations.wrap {
    width: 90%;
    background: #e2f0cb url("/assets/accents/patterns/circles.png");
    padding: 3vw;
    text-align: center;
  }
  .locations .text {
    max-width: 900px;
  }
  .locations .fave-locations {
    white-space: normal;
    padding: 20px 0 0;
  }
  .locations .fave-locations li {
    margin: 0.5em;
    border: 0;
  }
  .locations .fave-locations li a {
    background: #edf6df;
    border: 1px solid #5db099;
    border-radius: 4px;
  }
  .locations .fave-locations li a:hover, .locations .fave-locations li a:active {
    border-radius: 5px;
    background: #3f826f;
    color: #fff;
  }
  .locations .fave-locations li a:hover .icon-location, .locations .fave-locations li a:active .icon-location {
    color: #fff;
  }
  #instagram-gallery-feed-0 {
    width: 950px;
    margin: auto;
  }
  .instagram-gallery-item:nth-of-type(3):before {
    width: 170px;
    height: 125px;
    left: 60px;
    top: -21px;
  }
  .instagram-gallery-item:nth-of-type(4):before {
    width: 40px;
    height: 30px;
  }
  /**********************
Blog Pages
***********************/
  #main-blog-title .blog-title {
    font-size: 3.5em;
    margin-top: 1.5em;
  }
  #featured-items .right .text-box, #featured-items .left .text-box {
    width: 540px;
  }
  #top-image {
    display: block;
    margin-top: -8em;
    position: relative;
  }
  #top-image img {
    width: 100%;
    display: block;
    border: 12px solid #fff;
  }
  .archive-card.wide {
    width: 66%;
  }
  .archive-card.wide:last-of-type, .archive-card.wide:nth-child(10) {
    width: 33.333%;
  }
  #sub-cats a {
    padding-bottom: 5px;
    border-bottom: 1px solid white;
    -webkit-transition: border 0.2s linear;
    transition: border 0.2s linear;
  }
  #sub-cats a:hover {
    border-color: #3f826f;
  }
  #sub-cats li.current-menu-item a {
    border-color: #3f826f;
  }
  #masthead.masthead-short, #masthead.masthead-standard {
    height: 50vh;
  }
  #masthead.masthead-short:not(.illustration), #masthead.masthead-standard:not(.illustration) {
    max-height: 550px;
  }
  #masthead.masthead-short.illustration, #masthead.masthead-standard.illustration {
    height: auto;
  }
  #search-masthead-container .search-title-container .inner h1, #search-masthead-container .title-container .inner h1, .masthead-container .search-title-container .inner h1, .masthead-container .title-container .inner h1 {
    font-size: 3.5em;
  }
  #footer-logos .inner {
    display: flex;
    align-items: center;
  }
  .b-corp img {
    width: 190px !important;
  }
  .set-1 {
    --width: calc(100% - 250px);
    width: calc(var(--width) / 1.6) !important;
    margin: 1em 0;
  }
  .set-2 {
    --width: calc(100% - 200px);
    width: calc(var(--width) / 2) !important;
    margin: 1em -3em;
  }
  #footer .more-links ul {
    column-count: 4;
    column-gap: 40px;
  }
  .copyright .addr-break {
    display: none;
  }
  .whatsapp-tab {
    bottom: 30px;
    right: 30px;
  }
}

/*********************
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*********************/
@media only screen and (min-width: 1150px) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  body {
    font-size: 110%;
  }
  #container {
    margin-top: 135px;
  }
  #inner-header, .header-table {
    height: 95px;
  }
  .is-sticky #page-anchors.headroom--pinned.headroom--not-top {
    transform: translateY(135px);
  }
  #logo {
    margin-top: 10px;
    width: 150px;
  }
  .checkin-guests #guest-form {
    width: 164px;
  }
  #home-masthead ul li .h1 {
    font-size: 3.5em;
  }
  .form-wrapper .inner {
    max-width: 1000px;
  }
  .pretty {
    font-size: 16px;
  }
  #randomposts {
    display: block;
    float: right;
    width: 240px;
    padding-top: 2em;
  }
  #randomposts p {
    line-height: 1.5em;
  }
  .menu-post-image {
    width: 240px;
    height: 240px;
    background-size: cover;
    background-position: center;
    border: 6px solid white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.13);
  }
  #home-reviews {
    background-size: auto 320px;
  }
  .virtual-tour-launch {
    bottom: 6.5em;
  }
  .scc-collection {
    bottom: 12em;
  }
  .scc-collection img {
    width: 230px;
  }
  #date-search .date-search {
    padding-left: 0;
    text-align: center;
  }
  #sc-search-results .sc-result-row .flex-break {
    flex-basis: unset;
  }
  #sc-search-results .sc-result-row .details .overview {
    font-size: 100%;
  }
  #sc-search-results .sc-result-row .details h3 {
    padding-top: 1rem;
  }
  #sc-search-results .sc-result-row .details .location {
    top: 1em;
  }
  #sc-search-results .sc-result-row .book-panel #book-links {
    padding: 1em;
  }
  #sc-search-results .sc-result-row .book-panel .searched-nodate .book-now {
    margin-top: 2.75em !important;
  }
  /********************
Carousels
*********************/
  .slider-content .slick-list, .highlights .slick-list {
    padding-right: calc(100vw / 4);
  }
  #instagram-gallery-feed-0 {
    width: 1050px;
    margin: auto;
  }
  .instagram-gallery-item:nth-of-type(3):before {
    width: 200px;
    height: 145px;
  }
  /********************
Booking block top margin
***********************/
  .booking-block-outer {
    margin-top: -99px;
  }
  /********************
New Reviews
***********************/
  #reviews .asym.wrap {
    display: flex;
    align-items: center;
  }
  #reviews .slider-container {
    padding-left: 2em;
  }
  /********************
Page Builder
********************/
  .page_builder .text-block .box-header.covid-update {
    padding-top: 0;
  }
  .page_builder .text-block .box-header.covid-update:before {
    width: 110px;
    height: 120px;
    right: 3vw;
    left: auto;
  }
  .page_builder .feature-content img {
    height: 500px;
    width: auto;
  }
  /********************
Map Sections
*********************/
  .review-snippet .inner {
    font-size: 1em;
    max-width: 320px;
  }
  /**********************
Blog Pages
***********************/
  .archive-card .thumb {
    height: 330px;
    background-size: cover;
    background-position: center;
  }
  .single-post #masthead {
    top: 95px;
  }
}

@media only screen and (min-width: 1440px) {
  #home-masthead .inner {
    overflow: visible;
  }
  .inner-container {
    overflow: visible;
  }
  #website-intro .intro-text:after {
    width: 160px;
    height: 160px;
    bottom: -120px;
  }
  /******************
Main Menu
********************/
  .menu-featured {
    display: block;
    float: right;
    width: 310px;
  }
  .menu-featured a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -1.5em;
    text-decoration: none;
  }
  .menu-featured a:hover {
    text-decoration: none !important;
  }
  .menu-featured a div {
    margin-top: -1.5em;
  }
  .menu-featured a div img {
    display: block;
    height: 100%;
    width: auto;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .menu-featured a div h3 {
    margin: 0;
    color: #505050;
    line-height: 1.3;
    white-space: normal;
    background: #fff;
  }
  .menu-featured a div span {
    color: #3f826f;
    text-decoration: none;
  }
  .main-nav > li > ul.sub-menu > li:not(.menu-item-has-children):not(.menu-featured):after {
    width: calc(100% - 380px);
  }
  #instagram-gallery-feed-0 {
    width: 1200px;
    margin: auto;
  }
  .instagram-gallery-item:nth-of-type(3):before {
    width: 220px;
    height: 155px;
    left: 80px;
    top: -15px;
  }
  /*********************
 Property Pages
 ********************/
  .gallery-buttons {
    bottom: 2em;
  }
  .gallery-buttons span {
    width: 180px;
    text-align: center;
  }
  .media-buttons {
    bottom: 2rem;
  }
  .media-buttons-inner {
    margin-right: 0.75rem;
  }
  .media-buttons-inner span {
    padding: 4px 20px;
    font-size: 1rem;
  }
  .property-title-container .prop-title h3 {
    font-size: 1.75em;
  }
  .ladybug {
    padding-bottom: 130px;
  }
  .booking-block-outer {
    margin-top: -120px;
  }
  .booking-block-outer .booking-block-header {
    padding: 22px 20px 14px 20px;
  }
  .checkin-guests .mobile-filters {
    margin-bottom: 0;
  }
  .checkin-guests .form-submit {
    width: 25%;
    height: 50px;
    line-height: 53px;
  }
  #sc-search-results .sc-result-row .details {
    padding: 0 1.5em;
  }
  #sc-search-results .sc-result-row .details h3 {
    padding-top: 1.5rem;
  }
  #sc-search-results .sc-result-row .details .location {
    right: 1.5rem;
    top: 1.5rem;
  }
  #sc-search-results .sc-result-row .details .overview {
    font-size: 100%;
    padding-top: 0.5em;
  }
  #sc-search-results .sc-result-row .details .highlights {
    font-size: 100%;
    padding-top: 1em;
  }
  #sc-search-results .sc-result-row .details .highlights .hashtags {
    padding-top: 1em;
  }
  #sc-search-results .sc-result-row .images {
    max-width: 450px;
  }
  #sc-search-results .sc-result-row .book-panel {
    width: calc(50% - 450px);
  }
  #sc-search-results .sc-result-row .book-panel #book-links {
    padding: 1.5rem;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .available {
    position: relative;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .date {
    font-size: 1.15em;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .total-rate {
    font-size: 1.75em;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .book-now {
    width: 165px;
    line-height: 45px;
  }
  .page-template-page-results-ajax .book-panel .book-now {
    margin-bottom: 20px;
  }
  #collection .speech-bubble:before {
    left: -50px;
  }
  #collection .image:before {
    width: 830px;
    background-position: left;
  }
  /********************
Carousels
*********************/
  .slider-content .slick-list, .highlights .slick-list {
    padding-right: calc(100vw / 7);
  }
  .single-post .carousel-block .slick-list {
    padding-right: calc(100% / 3);
  }
  .single-post .carousel-block .slick-list .slick-slide {
    padding-right: 7em;
  }
  .single-post .carousel-block .slick-list .slick-slide .caption {
    transform: rotate(90deg) translate(100%, 5em);
  }
  /********************
Page Builder
********************/
  .page-template-page-builder .feature-content .section-text, .page_builder .feature-content .section-text {
    padding-right: 3em;
  }
  #reviews .reviews-intro {
    padding-right: 8vw;
  }
  #map {
    margin-top: 2em;
  }
  .map-text {
    margin-left: 7vw;
  }
  .map-text h4 {
    margin-top: 0 !important;
  }
  /******************
As Seen in carousel
******************/
  #seen-in h3 {
    width: 25%;
    font-size: 1.25em;
  }
  .set-1 a img, .set-2 a img {
    height: 55px;
  }
}

@media only screen and (min-width: 1675px) {
  body {
    font-size: 115%;
  }
  .asym.wrap, .slider-content .slick-list, .carousel-block .slick-list {
    --width: calc(100vw - 1500px);
    padding-left: calc(var(--width) / 2) !important;
    width: auto;
  }
  .asym.wrap.rhs, .slider-content .slick-list.rhs, .carousel-block .slick-list.rhs {
    padding-right: calc(var(--width) / 2);
  }
  .swiper-carousel.asym-wrap {
    height: auto;
    --width: calc(100vw - 1500px);
    padding-left: calc(var(--width) / 2) !important;
    width: auto;
  }
  /**********************
Related content carousels
**********************/
  #search-masthead-container .search-title-container .inner h1 {
    font-size: 4.0em;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .date span {
    display: block;
  }
  #sc-search-results .sc-result-row .book-panel #book-links .total-rate {
    margin-bottom: 2.15em;
  }
  .pretty {
    margin-top: 15px;
    font-size: 16px;
  }
  .home-intro .text {
    padding-left: 4vw;
  }
  #home-reviews {
    background-size: auto 380px;
    background-position: -50px top;
  }
  /********************
Booking block top margin
***********************/
  .booking-block-outer {
    margin-top: -123px;
  }
  .ladybug {
    padding-bottom: 160px;
  }
  .new-reviews:before {
    right: -5vw;
    width: calc(65% - 5vw);
    background-size: auto 100%;
    background-position: left;
  }
}

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
Site Name: 
Author: 

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/
}

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  .print {
    display: block;
  }
  .noprint {
    display: none !important;
  }
  *, *:before {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: "none";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: "none";
  }
  .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3, h4 {
    orphans: 3;
    widows: 3;
    margin-bottom: 0;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  .sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
    display: none;
  }
}