/*Theme Name: Calma Theme
/*Author: ALASKA agency
/*Author URI: http://alaska.agency
/*Description: Created by Alaska Agency. We don't use templates, we create them!
/*Version: 1.0
/*License: GNU General Public License v2 or later
/*License URI: http://www.gnu.org/licenses/gpl-2.0.html
/*This theme, like WordPress, is licensed under the GPL */
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents 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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

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

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

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * 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; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
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; }

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

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

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: transparent;
  border: none;
  color: transparent; }

.flickity-button:hover {
  background: transparent;
  cursor: pointer; }

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F; }

.flickity-button:active {
  opacity: 0.6; }

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none; }

.flickity-button-icon {
  fill: #D6A2AA; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/* Flickity fullscreen v1.0.1
------------------------- */
.flickity-enabled.is-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  padding-bottom: 35px;
  z-index: 1; }

.flickity-enabled.is-fullscreen .flickity-page-dots {
  bottom: 10px; }

.flickity-enabled.is-fullscreen .flickity-page-dots .dot {
  background: white; }

/* prevent page scrolling when flickity is fullscreen */
html.is-flickity-fullscreen {
  overflow: hidden; }

/* ---- flickity-fullscreen-button ---- */
.flickity-fullscreen-button {
  display: block;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px; }

/* right-to-left */
.flickity-rtl .flickity-fullscreen-button {
  right: auto;
  left: 10px; }

.flickity-fullscreen-button-exit {
  display: none; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit {
  display: block; }

.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view {
  display: none; }

.flickity-fullscreen-button .flickity-button-icon {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 4px;
  top: 4px; }

* {
  box-sizing: border-box; }

html.open,
body.open {
  height: 100%;
  overflow: hidden; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Heebo', sans-serif;
  line-height: 24px;
  font-weight: 300; }
  @media screen and (max-width: 567px) {
    body {
      font-size: 14px; } }

.container-flex-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 3.75% 0 3.75%; }

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }

.container {
  width: 80%;
  margin: 0 10%;
  padding: 96px 0; }
  .container.negative-margin {
    margin-top: -96px; }
  @media screen and (max-width: 567px) {
    .container {
      width: 90%;
      margin: 0 5%;
      padding: 48px 0; } }
  .container h2,
  .container .bookmark,
  .container .link {
    padding-left: 5%; }

.content {
  padding: 24px 20%; }
  @media screen and (max-width: 567px) {
    .content {
      padding: 24px 10%; } }
  .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    margin-top: 48px; }
  .content p {
    margin: 24px 0; }

.box15 {
  width: 14.1666666667%;
  margin: 32px 1.25%;
  background-color: #f7f7f7; }
  @media screen and (min-width: 569px) and (max-width: 768px) {
    .box15 {
      width: 30.8333333333%; } }
  @media screen and (max-width: 567px) {
    .box15 {
      width: 47.5%; } }

.box25 {
  width: 22.5%;
  margin: 32px 1.25%;
  background-color: #f7f7f7; }
  @media screen and (min-width: 569px) and (max-width: 768px) {
    .box25 {
      width: 47.5%; } }
  @media screen and (max-width: 567px) {
    .box25 {
      width: 97.5%; } }

.box30 {
  width: 30.8333333333%;
  margin: 32px 1.25%;
  background-color: #f7f7f7; }
  @media screen and (max-width: 567px) {
    .box30 {
      width: 97.5%; } }

.box50 {
  width: 47.5%;
  margin: 32px 1.25%;
  background-color: #f7f7f7; }
  @media screen and (max-width: 567px) {
    .box50 {
      width: 97.5%; } }

.box60 {
  width: 64.1666666667%;
  margin: 32px 1.25%;
  background-color: #f7f7f7; }
  @media screen and (max-width: 567px) {
    .box60 {
      width: 97.5%; } }

.box75 {
  width: 72.5%;
  margin: 32px 1.25%;
  background-color: #f7f7f7; }
  @media screen and (min-width: 569px) and (max-width: 768px) {
    .box75 {
      width: 47.5%; } }
  @media screen and (max-width: 567px) {
    .box75 {
      width: 97.5%; } }

.box100 {
  width: 100%;
  margin: 32px 1.5%;
  background-color: #f7f7f7; }

ul {
  list-style: none;
  padding: 0; }

li {
  line-height: 32px; }

form {
  padding: 0; }

input {
  border: none;
  margin: 16px 0 0 0;
  padding-left: 8px;
  line-height: 32px;
  font-size: 16px; }
  input:focus {
    outline: none; }

select {
  border: none; }

figure {
  margin: 0; }

img {
  width: 100%;
  height: auto;
  margin: 0; }

svg {
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

.entry-content img {
  margin: 0 0 1.5em 0; }

.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline; }

.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline; }

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

h1 {
  font-family: "Heebo", sans-serif;
  font-size: 4em;
  line-height: 4.5rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 100;
  color: #416655;
  letter-spacing: -0.9px; }
  @media screen and (max-width: 567px) {
    h1 {
      font-size: 48px;
      line-height: 56px; } }

h2 {
  font-family: "Heebo", sans-serif;
  font-size: 3.5em;
  line-height: 4rem;
  margin-top: 0px;
  margin-bottom: 2rem;
  font-weight: 100;
  color: #416655;
  letter-spacing: -0.8px; }

h3 {
  font-family: "Heebo", sans-serif;
  font-size: 3em;
  line-height: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 100;
  color: #416655;
  letter-spacing: -0.7px; }

h4 {
  font-family: "Heebo", sans-serif;
  font-size: 2em;
  line-height: 3rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 100;
  color: #416655;
  letter-spacing: -0.5px; }

h5 {
  font-family: "Heebo", sans-serif;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 400;
  color: #416655; }

h6 {
  font-family: "Heebo", sans-serif;
  font-size: 1.25em;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 400;
  color: #333333; }

p {
  font-size: 1.125em;
  line-height: 2rem;
  margin: 0.5rem 0;
  color: #416655;
  font-family: "Heebo", sans-serif;
  font-weight: 300; }

a {
  text-decoration: none;
  color: #416655;
  font-family: "Heebo", sans-serif;
  font-weight: 400; }

.bookmark {
  font-family: "Lora", serif;
  font-size: 1em;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  color: #d6a2aa;
  margin-bottom: 16px; }

.link a {
  display: inline;
  padding-right: 16px;
  color: #fff; }

.link svg {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.link svg g.seta-link-white {
  stroke: #fff; }

address {
  font-style: normal;
  font-size: 14px; }

li {
  font-size: 1em;
  line-height: 1.5rem;
  margin: 0;
  color: #333333;
  font-family: "Heebo", sans-serif;
  font-weight: 300; }

header {
  width: 100%;
  height: auto;
  padding: 0 10% 32px 10%;
  position: absolute;
  z-index: 10;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), transparent);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), transparent); }
  header.open {
    position: fixed; }
  header a.logo-center {
    width: 134px;
    height: 104px;
    background: url("assets/images/logo-white.svg") no-repeat center;
    margin: 24px auto 0 auto;
    background-size: contain;
    display: block; }
    @media screen and (max-width: 567px) {
      header a.logo-center {
        width: 99px;
        height: 78px; } }
  header a.logo {
    width: 81px;
    height: 64px;
    background: url("assets/images/logo.svg") no-repeat center;
    background-size: contain;
    display: block;
    margin-top: 24px; }
  header .menu-icon {
    position: absolute;
    right: 10%;
    top: 32px;
    background-color: #fff;
    width: 54px;
    height: 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    border-radius: 100%;
    cursor: pointer; }
    header .menu-icon .lines {
      -webkit-transition: -webkit-transform .4s ease-in-out;
      transition: -webkit-transform .4s ease-in-out;
      transition: transform .4s ease-in-out;
      transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
      -webkit-transform-origin: center;
              transform-origin: center; }
      header .menu-icon .lines.open {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    header .menu-icon span.line {
      width: 20px;
      height: 2px;
      background-color: #416655;
      display: block;
      margin: 4px; }
  header .lingua {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    top: 32px;
    left: 10%; }
    header .lingua a {
      color: #fff; }

.admin-bar header #menu-icon {
  top: 52px; }

#side-menu {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #416655;
  z-index: 7;
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  min-height: 480px; }
  @media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
    #side-menu {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
              justify-content: flex-end;
      min-height: auto; } }
  #side-menu.open {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  #side-menu .menu-casas {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    padding: 0 0 0 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center; }
    @media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
      #side-menu .menu-casas {
        display: none; } }
    #side-menu .menu-casas h3 {
      color: #fff; }
    #side-menu .menu-casas .casas-menu-container {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      padding: 0 0 16px 0;
      margin-top: 120px;
      -webkit-box-align: center;
      -webkit-align-items: center;
              align-items: center;
      overflow-x: scroll;
      -webkit-transform: translateY(-200px);
              transform: translateY(-200px);
      -webkit-transition: -webkit-transform .6s ease-out;
      transition: -webkit-transform .6s ease-out;
      transition: transform .6s ease-out;
      transition: transform .6s ease-out, -webkit-transform .6s ease-out;
      -webkit-overflow-scrolling: touch; }
      #side-menu .menu-casas .casas-menu-container::-webkit-scrollbar {
        display: none; }
      #side-menu .menu-casas .casas-menu-container.open {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      #side-menu .menu-casas .casas-menu-container .casa-menu {
        width: 360px;
        margin-right: 32px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
                flex: 0 0 auto; }
        @media screen and (min-width: 1445px) {
          #side-menu .menu-casas .casas-menu-container .casa-menu {
            width: 480px; } }
        @media screen and (max-width: 567px) {
          #side-menu .menu-casas .casas-menu-container .casa-menu {
            width: 260px; } }
        #side-menu .menu-casas .casas-menu-container .casa-menu .casa-img {
          width: 100%;
          height: 226px;
          background-size: cover !important;
          margin-bottom: 0;
          display: block; }
          @media screen and (max-width: 567px) {
            #side-menu .menu-casas .casas-menu-container .casa-menu .casa-img {
              height: 130px; } }
        #side-menu .menu-casas .casas-menu-container .casa-menu h4 {
          background-color: #fff;
          font-size: 20px;
          padding: 8px 16px;
          margin-top: 0;
          margin-bottom: 0;
          line-height: 32px; }
        #side-menu .menu-casas .casas-menu-container .casa-menu a.link {
          background-color: #F7ECEE;
          display: block;
          padding: 8px 16px;
          margin-top: 0;
          line-height: 32px;
          font-size: 14px; }
          #side-menu .menu-casas .casas-menu-container .casa-menu a.link span {
            display: inline;
            margin-right: 16px; }
          #side-menu .menu-casas .casas-menu-container .casa-menu a.link g.seta-link-white {
            stroke: #416655; }
  #side-menu .nav-container {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    background-color: #F7ECEE;
    padding: 8px 0 8px 5%; }
    @media screen and (max-width: 567px) {
      #side-menu .nav-container {
        padding-bottom: 72px; } }
    @media screen and (min-width: 569px) and (max-width: 768px) {
      #side-menu .nav-container {
        padding-bottom: 40px; } }
    #side-menu .nav-container nav ul {
      white-space: nowrap;
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch; }
      #side-menu .nav-container nav ul::-webkit-scrollbar {
        display: none; }
    #side-menu .nav-container nav li {
      display: inline-block;
      margin-right: 5%;
      padding: 16px 8px;
      -webkit-transform: translateY(-24px);
              transform: translateY(-24px);
      -webkit-transition: -webkit-transform .7s ease-out;
      transition: -webkit-transform .7s ease-out;
      transition: transform .7s ease-out;
      transition: transform .7s ease-out, -webkit-transform .7s ease-out; }
      #side-menu .nav-container nav li.open {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      #side-menu .nav-container nav li.current_page_item a {
        font-weight: 400; }
    #side-menu .nav-container nav a {
      color: #416655;
      font-size: 20px;
      font-weight: 300;
      padding: 8px; }
      #side-menu .nav-container nav a.hover {
        font-weight: 400; }
      @media screen and (max-width: 567px) {
        #side-menu .nav-container nav a {
          font-size: 20px; } }

footer {
  width: 80%;
  border-top: 1px solid #416655;
  margin: 48px 10%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #416655;
  padding-top: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  footer .box {
    -webkit-flex-basis: 160px;
            flex-basis: 160px;
    margin-bottom: 32px; }
  footer .footer-nav ul {
    margin: 0; }
    footer .footer-nav ul a {
      font-size: 14px; }
  footer .contactos {
    font-size: 14px;
    font-weight: 300; }
  footer .social {
    font-size: 14px; }
    @media screen and (min-width: 569px) and (max-width: 768px) {
      footer .social {
        text-align: left; } }
    footer .social a {
      display: block; }
    footer .social a.livro-reclamacoes {
      width: 70px;
      height: 36px;
      background: url("assets/images/livroreclamacoes.png") no-repeat center;
      background-size: contain;
      display: block;
      margin-top: 8px; }
      @media screen and (max-width: 567px) {
        footer .social a.livro-reclamacoes {
          margin-left: 0; } }
    @media screen and (max-width: 567px) {
      footer .social {
        text-align: left; }
        footer .social a {
          margin-left: 0px;
          margin-right: 16px; } }

.casa-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin: 72px 0;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap; }
  .casa-container:nth-child(2n + 1) .casa-info-container {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
            order: -1; }
    @media screen and (max-width: 567px) {
      .casa-container:nth-child(2n + 1) .casa-info-container {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
                order: 0; } }
    .casa-container:nth-child(2n + 1) .casa-info-container .casa-card {
      left: 0; }
  .casa-container img.casa-img {
    width: 67%;
    height: 480px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media screen and (max-width: 567px) {
      .casa-container img.casa-img {
        width: 100%;
        height: 240px; } }
  .casa-container .casa-info-container {
    width: 33%;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center; }
    @media screen and (max-width: 567px) {
      .casa-container .casa-info-container {
        width: 100%; } }
    .casa-container .casa-info-container .casa-card {
      width: 150%;
      height: auto;
      background-color: #fff;
      position: relative;
      left: -50%; }
      @media screen and (min-width: 569px) and (max-width: 768px) {
        .casa-container .casa-info-container .casa-card {
          width: 175%;
          left: -75%; } }
      @media screen and (max-width: 567px) {
        .casa-container .casa-info-container .casa-card {
          width: 100%;
          left: 0; } }
      .casa-container .casa-info-container .casa-card .bookmark {
        margin: 48px 5% 0 5%; }
        @media screen and (max-width: 567px) {
          .casa-container .casa-info-container .casa-card .bookmark {
            margin: 24px 5% 0 5%; } }
      .casa-container .casa-info-container .casa-card h3 {
        padding: 16px 10%;
        margin-bottom: 0px; }
        @media screen and (max-width: 567px) {
          .casa-container .casa-info-container .casa-card h3 {
            font-size: 32px;
            padding: 0 10%; } }
      .casa-container .casa-info-container .casa-card p {
        color: #555555;
        padding: 0 10%; }
      .casa-container .casa-info-container .casa-card .actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-top: 40px; }
        @media screen and (max-width: 567px) {
          .casa-container .casa-info-container .casa-card .actions {
            margin-top: 24px; } }
      .casa-container .casa-info-container .casa-card a.link {
        width: 50%;
        height: 72px;
        line-height: 72px;
        padding-left: 10%; }
        .casa-container .casa-info-container .casa-card a.link:hover svg {
          -webkit-transform: translateX(16px);
                  transform: translateX(16px); }
        .casa-container .casa-info-container .casa-card a.link span {
          display: inline;
          margin-right: 16px; }
        .casa-container .casa-info-container .casa-card a.link .seta-link-white {
          stroke: #416655; }
      .casa-container .casa-info-container .casa-card .booking {
        width: 50%;
        height: 72px;
        background-color: #FAF5F6; }
        .casa-container .casa-info-container .casa-card .booking .booking-logo {
          width: 40%;
          height: 20px;
          background: url(assets/images/booking-logo.png) no-repeat center;
          background-size: contain;
          margin: 28px auto; }

.share {
  padding: 0; }
  .share a {
    padding-right: 16px; }
  .share svg g {
    -webkit-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out;
    fill: #416655; }

.video-container {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
  background-color: #416655;
  background-size: cover !important; }
  @media screen and (min-width: 569px) and (max-width: 768px) {
    .video-container {
      height: 70vh; } }
  @media only screen and (min-device-width: 375px) and (max-device-width: 767px) and (orientation: landscape) {
    .video-container {
      height: 90vh; } }
  @media screen and (max-width: 567px) {
    .video-container {
      height: 85vh;
      backhground-size: cover !important; } }
  .video-container video {
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    opacity: 0; }

main.intro {
  margin: 0 10%;
  padding: 24px 0 96px 0;
  width: 80%;
  background-color: #fff;
  margin-top: -96px;
  position: relative;
  z-index: 3;
  min-height: 600px; }
  @media screen and (max-width: 567px) {
    main.intro {
      margin: 0px 5% 24px 5%;
      width: 90%;
      padding: 24px 0 0px 0; } }
  main.intro h1,
  main.intro .bookmark {
    padding: 0 5%; }
  main.intro .intro-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 5%; }
    main.intro .intro-text .main-text {
      color: #416655;
      width: 47.5%;
      font-weight: 400; }
      @media screen and (max-width: 567px) {
        main.intro .intro-text .main-text {
          width: 100%; } }
    main.intro .intro-text .wikki {
      width: 47.5%;
      color: #555555;
      font-weight: 100; }
      @media screen and (max-width: 567px) {
        main.intro .intro-text .wikki {
          width: 100%; } }
      main.intro .intro-text .wikki a {
        margin-top: 64px;
        display: block; }
  main.intro .bird {
    width: 400px;
    height: auto;
    position: absolute;
    left: -50px;
    bottom: -144px; }
    @media screen and (min-width: 569px) and (max-width: 768px) {
      main.intro .bird {
        bottom: -96px;
        width: 300px; } }
    @media screen and (max-width: 567px) {
      main.intro .bird {
        bottom: -144px;
        width: 100%;
        position: relative;
        margin-top: -96px; } }
  main.intro .premio {
    width: 120px;
    height: 120px;
    background: url("assets/images/premio.png") center no-repeat;
    background-size: contain;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
    position: absolute;
    top: -50px;
    right: -50px; }
    @media screen and (max-width: 567px) {
      main.intro .premio {
        right: 0; } }

section.casas {
  background-color: #F7EDEE; }

section.localizacao {
  background-color: #416655;
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px; }
  @media screen and (min-width: 569px) and (max-width: 768px) {
    section.localizacao {
      padding-top: 0px;
      padding-bottom: 0px; } }
  @media screen and (max-width: 567px) {
    section.localizacao {
      padding-top: 0px;
      padding-bottom: 0px; } }
  section.localizacao h2 {
    color: #fff;
    width: 40%;
    position: relative;
    z-index: 2; }
  section.localizacao .mapa {
    position: absolute;
    right: 0;
    top: 0px;
    width: auto;
    height: 100%;
    display: block; }
    @media screen and (min-width: 569px) and (max-width: 768px) {
      section.localizacao .mapa {
        height: 80%;
        top: 52px; } }
    @media screen and (max-width: 567px) {
      section.localizacao .mapa {
        right: 0%;
        height: 60%;
        top: 52px; } }

.social #instafeed {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2.5%;
  grid-row-gap: 16px;
  margin-top: 48px;
  margin-bottom: 0; }

.social .container {
  padding-bottom: 24px; }

#contactos {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
  #contactos .box-info {
    width: 50%;
    height: 100vh;
    background-color: #416655;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
            justify-content: space-evenly;
    padding: 30vh 10%; }
    @media screen and (max-width: 567px) {
      #contactos .box-info {
        width: 100%; } }
    #contactos .box-info a {
      color: #fff; }
    #contactos .box-info address {
      font-size: 16px; }
  #contactos .box-img {
    background-size: cover !important;
    width: 50%;
    height: 100vh; }
    @media screen and (max-width: 567px) {
      #contactos .box-img {
        display: none; } }

.page-main-img {
  width: 100%;
  height: 80vh;
  background-size: cover !important; }
  @media screen and (max-width: 567px) {
    .page-main-img {
      height: 60vh; } }

#casas {
  background-color: #F7EDEE;
  margin-top: 0; }
  #casas h1 {
    width: 80%;
    margin: 0px 10% 0 10%;
    padding: 72px 5% 0 5%;
    background-color: #F7EDEE;
    position: relative;
    top: -96px; }
    @media screen and (max-width: 567px) {
      #casas h1 {
        width: 100%;
        margin: 0;
        top: 0; } }
  #casas .container {
    padding-top: 0px; }

#single img.single-img {
  width: 100%;
  height: 80vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block; }

#single .container {
  padding: 0 0 0 5%;
  background-color: #fff;
  position: relative;
  z-index: 5; }
  @media screen and (max-width: 567px) {
    #single .container {
      padding: 0; } }

#single .bookmark {
  padding: 0;
  margin: 0;
  line-height: 96px; }
  @media screen and (max-width: 567px) {
    #single .bookmark {
      width: 100%; } }

#single .booknow {
  width: 40%;
  height: 96px;
  background-color: #416655;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center; }
  @media screen and (max-width: 567px) {
    #single .booknow {
      width: 100%;
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
              order: -1; } }
  #single .booknow:hover svg {
    -webkit-transform: translateX(20px);
            transform: translateX(20px); }
  #single .booknow .booking-logo-white {
    width: 40%;
    height: 24px;
    background: url(assets/images/booking-white.png) center no-repeat;
    margin-right: 8px;
    background-size: 80%; }

#single h1 {
  margin-top: 24px; }
  @media screen and (max-width: 567px) {
    #single h1 {
      margin-top: 0; } }

#single main {
  width: 50%; }
  @media screen and (max-width: 567px) {
    #single main {
      width: 100%; } }

#single .carateristicas {
  width: 35%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
          justify-content: space-evenly;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
          align-content: flex-start; }
  @media screen and (max-width: 567px) {
    #single .carateristicas {
      margin-top: 48px;
      width: 100%;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
              justify-content: flex-start; } }
  #single .carateristicas .icon-big {
    width: 54px;
    height: 42px;
    margin: 0 auto 8px 0; }
  #single .carateristicas span {
    color: #416655;
    font-weight: 100;
    display: block;
    text-align: left; }
  #single .carateristicas .pessoas {
    width: 50%;
    margin-bottom: 24px;
    height: 100px; }
    #single .carateristicas .pessoas .icon-big {
      background: url(assets/images/pessoas.svg) no-repeat center;
      background-size: contain; }
  #single .carateristicas .camas {
    width: 50%;
    margin-bottom: 24px;
    height: 100px; }
    #single .carateristicas .camas .icon-big {
      background: url(assets/images/icons/cama-casal.svg) no-repeat center;
      background-size: contain; }
  #single .carateristicas .wcs {
    width: 50%;
    height: 100px;
    margin-bottom: 24px; }
    #single .carateristicas .wcs .icon-big {
      background: url(assets/images/wcs.svg) no-repeat center;
      background-size: contain; }
  #single .carateristicas .cozinha {
    width: 50%;
    height: 100px;
    margin-bottom: 24px; }
    #single .carateristicas .cozinha .icon-big {
      background: url(assets/images/cozinha.svg) no-repeat center;
      background-size: contain; }

.slider {
  margin-top: 72px;
  height: 650px;
  margin-bottom: 72px; }
  @media screen and (max-width: 567px) {
    .slider {
      height: 300px; } }
  .slider img.slide {
    width: 70%;
    height: 100%;
    margin: auto;
    display: block;
    margin: 0 2.5%;
    -o-object-fit: cover;
       object-fit: cover; }

.comodidades {
  width: 60%; }
  @media screen and (max-width: 567px) {
    .comodidades {
      width: 100%; } }
  .comodidades ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .comodidades li {
    width: 50%;
    color: #333333;
    line-height: 32px;
    font-size: 14px; }
  .comodidades .ac {
    padding-left: 24px;
    background: url(assets/images/icons/ac.svg) no-repeat left center;
    background-size: auto 14px; }
  .comodidades .secador {
    padding-left: 24px;
    background: url(assets/images/icons/secador.svg) no-repeat left center;
    background-size: auto 16px; }
  .comodidades .basicos {
    padding-left: 24px;
    background: url(assets/images/icons/basicos.svg) no-repeat left center;
    background-size: auto 13px; }
  .comodidades .piscina {
    padding-left: 24px;
    background: url(assets/images/icons/piscina.svg) no-repeat left center;
    background-size: auto 16px; }
  .comodidades .tv {
    padding-left: 24px;
    background: url(assets/images/icons/tv.svg) no-repeat left center;
    background-size: auto 14px; }
  .comodidades .espresso {
    padding-left: 24px;
    background: url(assets/images/icons/nespresso.svg) no-repeat left center;
    background-size: auto 18px; }
  .comodidades .chaleira {
    padding-left: 24px;
    background: url(assets/images/icons/chaleira.svg) no-repeat left center;
    background-size: auto 16px; }
  .comodidades .micro-ondas {
    padding-left: 24px;
    background: url(assets/images/icons/micro-ondas.svg) no-repeat left center;
    background-size: auto 12px; }
  .comodidades .limpeza {
    padding-left: 24px;
    background: url(assets/images/icons/limpeza.svg) no-repeat left center;
    background-size: auto 16px; }
  .comodidades .internet {
    padding-left: 24px;
    background: url(assets/images/icons/internet.svg) no-repeat left center;
    background-size: auto 14px; }

.regras {
  width: 35%; }
  @media screen and (max-width: 567px) {
    .regras {
      width: 100%; } }
  .regras p {
    color: #333333;
    line-height: 24px;
    font-size: 14px; }

.disposicao {
  margin-top: 72px; }
  .disposicao .disposicao-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
    .disposicao .disposicao-container .divisao {
      width: 33%;
      padding: 24px 32px 24px 0; }
      @media screen and (max-width: 567px) {
        .disposicao .disposicao-container .divisao {
          width: 50%; } }
      .disposicao .disposicao-container .divisao h5 {
        margin-bottom: 0; }
      .disposicao .disposicao-container .divisao span {
        font-family: "Heebo", sans-serif;
        font-weight: 100;
        font-size: 14px; }
      .disposicao .disposicao-container .divisao .cama-casal {
        width: 46px;
        height: 32px;
        background: url(assets/images/icons/cama-casal.svg) no-repeat center;
        background-size: contain;
        margin-bottom: 24px; }
      .disposicao .disposicao-container .divisao .cama-individual {
        width: 46px;
        height: 32px;
        background: url(assets/images/icons/cama-individual.svg) no-repeat center;
        background-size: contain;
        margin-bottom: 24px; }
      .disposicao .disposicao-container .divisao .sofa-cama {
        width: 46px;
        height: 32px;
        background: url(assets/images/icons/sofa-cama.svg) no-repeat center;
        background-size: contain;
        margin-bottom: 24px; }
      .disposicao .disposicao-container .divisao .camas-solteiro {
        width: 82px;
        height: 32px;
        background: url(assets/images/icons/camas-solteiro.svg) no-repeat center;
        background-size: contain;
        margin-bottom: 24px; }
/*# sourceMappingURL=style.css.map */