/*
_____________________________________________________

	Neobookings
	Version: 1.0 (update - 10.05.17)
	Created By: Neobookings
	Support: web@neobookings.com
_____________________________________________________

*/
/* BASE */

textarea, input, button {
    outline: none;
}

.btn, .btn-ghost, .btn-ghost-light, .btn-light, .btn-text, .btn-text-light {
    font-family: 'Comfortaa';
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5em;
    letter-spacing: 0.025em;
    height: 4em;
}

.btn.btn-no-icon {
    align-content: center;
}

:root {
    --primary-color: #61a1b2;
    --primary-color-rgb: 97, 161, 178;
    --secondary-color: #f4f4f4;
    --secondary-color-rgb: 244, 244, 244;
    --white: #ffffff;
    --white-90: rgba(255, 255, 255, 0.9);
    --witdh-banner: 160px;
    --neobookings-mask-width: 750px;
}


body {
    font-family: Comfortaa;
}

/* ---- fonts ---- */
@font-face {
    font-family: 'blair_itcregular';
    src: url('../fonts/blair/blair_itc_light1-webfont.eot');
    src: url('../fonts/blair/blair_itc_light1-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/blair/blair_itc_light1-webfont.woff2') format('woff2'),
    url('../fonts/blair/blair_itc_light1-webfont.woff') format('woff'),
    url('../fonts/blair/blair_itc_light1-webfont.ttf') format('truetype'),
    url('../fonts/blair/blair_itc_light1-webfont.svg#blair_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: Comfortaa;
    src: url('../fonts/comfortaa/Comfortaa-Regular.ttf');
}

@font-face {
    font-family: Comfortaa-light;
    src: url('../fonts/comfortaa/Comfortaa-Light.ttf');
}

@font-face {
    font-family: Comfortaa-bold;
    src: url('../fonts/comfortaa/Comfortaa-Bold.ttf');
}

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

[class^="neoicon-"], [class*=" neoicon-"] {
    font-family: 'neoicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.neoicon-chevron-right:before {
    content: "\e90e";
}

.neoicon-chevron-left:before {
    content: "\e90f";
}

.neoicon-small-arrow:before {
    content: "\e90d";
}

.neoicon-down-arrow:before {
    content: "\e90c";
}

.neoicon-arrow:before {
    content: "\e900";
}

.neoicon-copa:before {
    content: "\e903";
}

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

.neoicon-lupa:before {
    content: "\e905";
}

.neoicon-pool:before {
    content: "\e906";
}

.neoicon-reloj:before {
    content: "\e907";
}

.neoicon-spa-icon:before {
    content: "\e908";
}

.neoicon-thumbs-up:before {
    content: "\e909";
}

.neoicon-timbre:before {
    content: "\e90a";
}

.neoicon-wifi:before {
    content: "\e90b";
}

.neoicon-copa2:before {
    content: "\e901";
}

.neoicon-reloj2:before {
    content: "\e902";
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "custom-saona-icons";
        src: url("../fonts/custom-saona-icons/custom-saona-icons.svg#custom-saona-icons") format("svg");
    }
}

[class^="custom-saona-icons-"]:before, [class*=" custom-saona-icons-"]:before,
[class^="custom-saona-icons-"]:after, [class*=" custom-saona-icons-"]:after {
    font-family: custom-saona-icons;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.ft-icon {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    display: block;
}

.custom-saona-icons-lemonade:before {
    content: "\f100";
}

.custom-saona-icons-like:before {
    content: "\f101";
}

.custom-saona-icons-ship:before {
    content: "\f102";
}

.custom-saona-icons-stationary-bike:before {
    content: "\f103";
}

.custom-saona-icons-parking:before {
    content: "\f104";
}

.custom-saona-icons-bike-parking:before {
    content: "\f105";
}

.custom-saona-icons-reading:before {
    content: "\f106";
}

.custom-saona-icons-holidays:before {
    content: "\f107";
}

/* ---- backgrounds ---- */
.semigrey-bg {
    background-color: #EFF4F4;
}

.semigrey-trans-bg {
    background-color: #D3DCDD;
    background-color: rgba(211, 220, 221, 0.7);
}


/* ---- Colors ---- */
.tc-white {
    color: #fff;
}

.tc-purple-light {
    color: #a185d6;
}

/* ---- Text shadow ---- */
.text-shadow {
    text-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
}

/* ---- Aligns ---- */
.ta-center {
    text-align: center;
}

/* ---- Buttons ---- */

.btn-ghost {
    padding: 8px 30px;
}

.btn-ghost:after, .btn-ghost-light:after {
    display: none;
}

.btn-ghost__btn-ghost-purple {
    font-size: 14px;
    line-height: 1.153846153846154em;
    font-weight: 400;
    letter-spacing: 0.05em;
    padding-top: 11px;
    padding-bottom: 11px;
    background: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.btn-ghost__btn-ghost-purple:hover,
.btn-ghost__btn-ghost-purple:visited:hover {
    background-color: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
}

.btn-ghost__btn-ghost-purple:hover i {
    color: #fff !important;
    -webkit-transition: color .7s ease-out;
    -moz-transition: color .7s ease-out;
    -o-transition: color .7s ease-out;
    transition: color .7s ease-out;
}

.btn-ghost__btn-ghost-purple:after {
    display: none;
}

.btn-ghost-white-to-white-purple,
.btn-ghost-white-to-white-purple:link {
    display: inline-block;
    font-size: 0.8666666666666667em;
    line-height: 1.153846153846154em;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 20px 20px;
    width: 90px;
    text-align: center;
    color: #ffffff;
    border: 1px solid var(--primary-color);
    font-family: Comfortaa;
    text-transform: none;
    font-size: 17px;
    text-transform: lowercase;
    height: 90px;
    border-radius: 100%;
}

.btn-ghost-white-to-white-purple i {
    display: block;
    font-size: 27px;
    margin-bottom: 3px;
}

.btn-semi-to-full-white,
.btn-semi-to-full-white:focus {
    background-color: #ffffff;
    color: #432778;
    background-color: rgba(255, 255, 255, 0.7);
    color: rgba(67, 39, 120, 0.7);
}

.btn-semi-to-full-white:hover {
    background: #fff;
    color: #432778;
}

.btn-transparent-white,
.btn-transparent-white:focus {
    background-color: transparent;
    border: 1px solid #fff;
    color: white;
    text-transform: lowercase;
}

.btn-transparent-white:hover {
    background-color: transparent;
    color: #dfddd5;
}

.btn-transparent-orange,
.btn-transparent-orange:focus {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.btn-transparent-orange:hover {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

.btn-full-red,
.btn-full-red:focus,
.btn-full-red:hover {
    background: #F82E30;
    color: #FFFFFF;
}

.btn-no-border,
.btn-no-border:focus,
.btn-no-border:visited,
.btn-no-border:hover {
    font-family: "Pinyon Script", arial;
    font-size: 1.3125em;
    line-height: 1em;
    background: transparent;
    text-transform: none;
    color: #FFFFFF;
    border: 0 none;
    font-weight: 400;
    letter-spacing: 0;
}

.btn-large {
    width: 180px;
}

.btn--line {
    font-size: 0.875em;
    background-color: transparent;
    height: auto;
}

.btn--line:hover {
    background-color: transparent;
}

/* ---- Loader ---- */
.preloader {
    text-align: center;
    background-color: #636363;
}

.preloader:before {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.preloader .content {
    display: inline-block;
    text-align: center;
    width: 90%;
    vertical-align: middle;
}

.preloader img {
    width: 250px;
    height: auto;
    display: inline-block;
    position: static;
    margin-bottom: 20px;
}

/* ---- Columns --- */
.show-in-columns {
    text-align: center;
}

/* ---- Errors ---- */

.errorForm {
    border-bottom-color: #ff5556 !important;
    border-radius: 0;
    color: #ff5556 !important;
}

.errorForm::placeholder {
    color: #ff5556 !important;
}

.errormessage {
    font-size: .8em;
    line-height: 1.333333333333333em;
    color: #ff5556;
}

.checkpolicy > .texto > a {
    color: #432778;
    font-weight: 800;
}

.checkpolicy {
    display: inline-block;
    width: 100%;
}

.checkpolicy .texto {
    float: left;
}

.checkpolicy .customcheck {
    float: left;
    width: 20px;
    margin-right: 10px;
    position: relative;
    bottom: -1px;
}

.message-news {
    color: #FFFFFF;
}

/* Alert Boxes */
.alert-box {
    display: inline-block;
    margin: 10px 0;
    padding: 8px 14px;
    background: #51504D;
    position: relative;
    clear: both;
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}

.alert-box p {
    margin: 0;
    overflow: hidden;
}

.alert-box .icons {
    margin-top: 4px;
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.alert-box .close-button {
    position: absolute;
    top: 0;
    right: 10px;
    margin-top: 6px;
    cursor: pointer;
    font-size: 10px;
}

.alert-box.error {
    background: #fd8484;
}

.alert-box.error .icons, .alert-box.error .close-button {
    color: #d35858;
}

.alert-box.success {
    background: #e9f5d5;
}

.alert-box.success .icons, .alert-box.success .close-button {
    color: #809533;
}

.alert-box.info {
    background: #cce6f7;
}

.alert-box.info .icons, .alert-box.info .close-button {
    color: #5694b1;
}

.alert-box.notice {
    background: #fcf7d9;
}

.alert-box.notice .icons, .alert-box.notice .close-button {
    color: #dbb835;
}


/* ---- Truncate ---- */
.truncate-link-class,
.truncate_less_link a {
    font-size: 0.8666666666666667em;
    line-height: 1em;
    font-weight: 700;
    color: #5b5b5f;
}

.truncate-link-class:hover,
.truncate_less_link a:hover {
    color: #a185d6;
}

/* ---- Sprite ---- */
.icon--misa {
    background-repeat: no-repeat;
    background-position: 0 0;
}

.svg .icon--misa {
}

.icon--misa.icon--ribbon {
    background-position: 0 -2px;
}

.icon--misa.icon--calendar {
    background: transparent url('../images/design/calendar.svg') no-repeat center;
    background-size: cover;
}

.icon--misa.icon--wate {
    background-position: -1px -112px;
}

.icon--misa.icon--hcon {
    background-position: 1px -152px;
}

.icon--misa.icon--balc {
    background-position: -1px -198px;
}

.icon--misa.icon--caja {
    background-position: -1px -243px;
}

.icon--misa.icon--telf {
    background-position: -1px -287px;
}

.icon--misa.icon--pelo {
    background-position: -1px -337px;
}

.icon--misa.icon--mesi {
    background-position: -1px -382px;
}

.icon--misa.icon--inet {
    background-position: -64px -112px;
}

.icon--misa.icon--tvre {
    background-position: -64px -153px;
}

.icon--misa.icon--sate {
    background-position: -64px -197px;
}

.icon--misa.icon--comb {
    background-position: -64px -242px;
}

.icon--misa.icon--escr {
    background-position: -64px -286px;
}

.icon--misa.icon--refr {
    background-position: -64px -337px;
}

.icon--misa.icon--nofu {
    background-position: -64px -383px;
}

.icon--misa.icon--cami {
    background-position: -124px -197px;
}

.icon--misa.icon--camm {
    background-position: -124px -112px;
}

.icon--misa.icon--vmar {
    background-position: -179px -112px;
}

.icon--misa.icon--sofc {
    background-position: -124px -152px;
}

.icon--misa.icon--duch {
    background-position: -124px -242px;
}

.icon--misa.icon--espm {
    background-position: -124px -288px;
}

.icon--misa.icon--terr {
    background-position: -125px -337px;
}

.icon--misa.icon--tvlo {
    background-position: -125px -382px;
}

.icon--misa.icon--icon-garbi {
    background-position: -93px -5px;
}

.icon--misa.icon--ushuaia {
    background-position: -190px -3px;
}

.icon--misa.icon--pacha {
    background-position: -333px -3px;
}

.icon--misa.icon--space {
    background-position: -483px -3px;
}

.icon--misa.icon--icon-tab-default {
    background-position: 5px -168px;
}

.icon--misa.icon--icon-usuhaia-v2 {
    background-position: -332px -217px;
}

.icon--misa.icon--icon-fly {
    background-position: 5px -168px;
}

.icon--misa.icon--icon-mark-map {
    background-position: -331px -364px;
}

.icon--misa.icon--icon-rocks {
    background-position: -151px -422px;
}

.icon--misa.icon--cubiertos {
    background-position: -151px -422px;
}

.icon--misa.instagram-icon {
    background-position: -425px -627px;
}

.icon--misa.icon--logo {
    background-position: 0 0;
}

.icon--misa.icon--info {
    background-position: -240px -5px;
}

/* icons font */
.et-cava:before {
    content: '\e66b';
}

.et-spa:before {
    content: '\e66c';
}

.et-double-bed:before {
    content: '\e66d';
}

.et-late-checkout:before {
    content: '\e66e';
}

.et-discount:before {
    content: '\e66f';
}


/* masks */

.mask-border {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #F82E30;
    border: 1px solid rgba(248, 46, 48, 0.7);
    background-color: transparent;
    top: 10px;
    left: 10px;
    z-index: 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

/* ---- Titles ---- */
.sec-heading {
    margin-bottom: 35px;
    position: relative;
    width: 90%;
    margin-right: auto;
    margin-left: auto;

    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}

.sec-heading .title,
.sec-heading h2:first-child {
    font-family: 'Comfortaa';
    font-size: 1.88em;
    line-height: 1.2em;
    letter-spacing: 0;
    color: var(--primary-color);
    font-weight: 400;
    text-transform: none;
}

.sec-heading .points-separator {
    display: block;
    background: transparent url(../images/sadesign/points-separator.svg) no-repeat -55px 0;
    background-position: 50%;
    height: 30px;
    width: 50px;
    margin: 10px auto 0;
}

.sec-heading .subheading {
    color: #51504D;
    font-size: 1.13em;
    text-transform: none;
    margin-top: 5px;
    margin-bottom: 1.5em;
    letter-spacing: 0.05em;
    font-family: Comfortaa;
}

#about .sec-heading .subheading {
    font-size: 1.13em;
    line-height: 1.228571428571429em;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0.025em;
    color: #51504D;
    margin-top: 2em;
}

#about .sec-heading .keys_intro {
    display: block;
    height: 30px;
    width: 70px;
    margin: 10px auto 0;
}

.sec-heading h3.subheading:last-child,
.sec-heading p.subheading:last-child {
    margin-top: 5px;
}

.sec-heading .title.tc-purple-light,
.sec-heading h2.tc-purple-light:first-child {
    color: #a185d6;
}


.sec-heading--compacted-sec-heading {
    margin-bottom: 10px;
}

.sec-heading-light h1 {
    font-family: Comfortaa-light !important;
}

.sec-heading-light,
.subheading,
.title {
    color: #fff;
    font-family: Comfortaa-light
}

/* Common */
hr {
    margin-bottom: 20px;
    border-color: var(--primary-color);
}

h3 {
    font-family: Comfortaa;
}

a {
    color: black;
}

h5 {
    font-family: Comfortaa;
}

/* ---- Header ---- */

.header-top-info {
    margin-top: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .7em;
    gap: 10px;
}

.header-top-info .ribbon-official-site {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    padding-top: 20px;
}

.header-top-info .ribbon-official-site:before {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    height: 70px;
    width: 70px;
    background-image: url('./../images/sadesign/ribbon.png');
    background-size: cover;
}

.header-top-info .ribbon-official-site .ribbon-text {
    text-transform: lowercase;
    font-size: 12px;
    position: absolute;
    line-height: 15px;
    transform: rotate(-15deg);
    text-align: center;
    width: 60px;
    left: 7px;
}

.header-top-info .meteo-info {
    text-align: center;
    position: relative;
    padding: 6px 5px;
    font-size: 11px;
    margin-left: 70px;
}

.header-top-info .meteo-info:after {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--primary-color);
    bottom: 0;
}

.header-top-info .bottom {
    padding: 8px 10px;
    text-align: center;
    margin-left: 70px;
}

.header-top-info .contacto-ubicacion a {
    color: #fff;
}

.header-top-info .contacto-ubicacion {
    text-transform: uppercase;
    position: relative;
    padding-right: 17px;
    font-size: 11px;
}

.header-top-info .contacto-ubicacion:after {
    text-transform: uppercase;
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background: var(--primary-color);
    top: -5px;
    bottom: -3px;
}

.header-top-info .dropdown {
    display: inline-block;
}

.navbar .navbar-header {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-header .navbar-center {
    margin: 0 auto;
}

.navbar-fw .navbar-header {
    width: auto;
    margin-top: 0;
    margin-left: 0;
}

.navbar .navbar-header .navbar-brand {
    padding: 0;
    width: 236px;
    height: 56px;
    display: inline-block;
    background-image: url('./../images/landscape-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}

.navbar.navbar-small .navbar-header .navbar-brand {
    background-image: url('./../images/text-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 250px;
    height: 40px;
}

.navbar-brand {
    height: auto;
    width: 250px;
    max-width: 250px;
    -webkit-transition: max-width 0.5s ease;
    -moz-transition: max-width 0.5s ease;
    -ms-transition: max-width 0.5s ease;
    -o-transition: max-width 0.5s ease;
    transition: max-width 0.5s ease;
}

.navbar-brand img {
    width: 100%;
}


.navbar--navbar-container {
    background-color: #151518;
    background-color: rgba(var(--primary-color-rgb), 0.9);
    min-height: 110px;
    display: flex;
    justify-content: space-between;
    border: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navbar--navbar-container.navbar-trans {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-around;
}






.navbar .navbar-nav {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#navbar .nav > li {
    padding-left: 13px;
    padding-right: 13px;
}

#navbar .nav > li:first-child {
    margin-top: 15px;
}

.navbar--navbar-container .navbar-nav li a {
    font-size: 0.9375em;
    line-height: 1.6em;
    font-weight: 500;
    letter-spacing: 0.025em;
    color: #ffffff;
    padding: 3px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ru .navbar--navbar-container .navbar-nav {
    font-size: 13px;
}

.navbar--navbar-container .navbar-nav li a:focus {
    color: #FFFFFF;
}

.navbar-nav li a i {
    color: var(--primary-color);
    font-size: 1.833333333333333em;
    line-height: 0.5em;
    margin-top: -2px;
    vertical-align: middle;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li .active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-trans:not(.navbar-inverse) .navbar-nav li a:hover {
    color: #fff;
}

.navbar-nav .booking {
    padding-left: 15px;
    min-width: 106px;
    -webkit-transition: padding 0.65s ease;
    -moz-transition: padding 0.65s ease;
    -ms-transition: padding 0.65s ease;
    -o-transition: padding 0.65s ease;
    transition: padding 0.65s ease;
}

.navbar-nav .bnt--booking {
}

.navbar .navbar-nav li .btn--booking,
.navbar .navbar-nav li .btn--booking:link,
.navbar .navbar-nav li .btn--booking:focus {
    color: #FFFFFF;
    background-color: #F82E30;
    background-color: rgba(248, 46, 48, 0.8);
    border: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.navbar .navbar-nav li .btn--booking:hover {
    background-color: #F82E30;
    border: 0;
}

.ribbon {
    position: absolute;
    top: 50px;
    padding: 0 5px;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    line-height: 1.25em;
    padding-top: 11px;
    padding-bottom: 37px;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: none;
}

.ribbon span {
    text-transform: uppercase;
}


.navbar .navbar-container__main-nav > li:last-child {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear, padding 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear, padding 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear, padding 0.5s linear;
    -ms-transition: visibility 0s, opacity 0.5s linear, padding 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear, padding 0.5s linear;
}

.navbar-trans #navbar .navbar-container__main-nav > li:last-child {
    padding-right: 0;
    padding-left: 0;
}


.navbar--navbar-container.mobile-nav {
    min-height: 60px;
}

.navbar--navbar-container.mobile-nav .navbar-header {
    margin-top: 0;
}

.navbar--navbar-container.mobile-nav .navbar-header .navbar-brand {
    width: 170px;
    margin-left: 0;
    height: 39px;
    background-image: url('./../images/landscape-logo.png');
}

.navbar--navbar-container.mobile-nav.open-menu .navbar-header .navbar-brand {
    width: 225px;
}

/* ---- other menu ---- */
.navbar .navbar-nav--upper-nav {
    margin-top: 0;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 330px;

    margin-left: 0;
}

.navbar--navbar-container .navbar-nav--upper-nav li a {
    text-transform: uppercase;
    font-size: 0.8125em;
    border-right: 0.5px solid #f82e30;
    padding-right: 13px;
    padding-left: 13px;
}

.navbar--navbar-container .navbar-nav--upper-nav .forecast-block .icon {
    margin-right: 8px;
}

.navbar--navbar-container .navbar-nav--upper-nav .forecast-block .wi {
    font-size: 1.3125em;
    color: #93A0A5;
}

.navbar--navbar-container .navbar-nav--upper-nav .forecast-block a:hover .wi,
.navbar--navbar-container .navbar-nav--upper-nav .forecast-block a:focus .wi,
.navbar--navbar-container .navbar-nav--upper-nav .forecast-block a:active .wi {
    color: #FFFFFF;
}

.forecast-block .text {
    text-transform: none;
    font-size: 1.3em;
}

.navbar--navbar-container .navbar-nav--upper-nav .upper-nav__languages > a {
    padding-left: 43px;
}

.navbar--navbar-container .navbar-nav--upper-nav .upper-nav__languages > a::before {
    content: '';
    background: transparent url(../images/design/world.png) no-repeat center;
    display: inline-block;
    width: 26px;
    height: 12px;
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -6px;
    opacity: 0.7;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.svg .navbar--navbar-container .navbar-nav--upper-nav .upper-nav__languages > a::before {
}

.navbar--navbar-container .navbar-nav--upper-nav .upper-nav__languages > a:hover::before {
    opacity: 1;
}

.navbar--navbar-container .navbar-nav--upper-nav i {
    margin-left: 5px;
    font-size: 1.666666666666667em;
    line-height: 0.6px;
    vertical-align: middle;
}

.navbar .navbar-container__main-nav {
    margin-top: 53px;
    border-top: 1px solid #93A0A5;
}

.navbar.mobile-nav .navbar-container__main-nav {
    border-top: 1px solid #93A0A5;
}

/* ---- dropdown  ---- */
.mega .dropdown {
    position: relative;
}

.navbar .navbar-nav .dropdown .dropdown-menu {
    background-color: #231a3d;
    background-color: rgba(35, 26, 61, 0.85);
    border: none;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    left: 50%;
    margin-left: -100px;
    margin-top: 24px;
}

.navbar .navbar-nav .dropdown .dropdown-menu li {
    width: 200px;
    min-width: 200px;
}

.navbar .navbar-nav .dropdown .dropdown-menu li a {
    border-left: 0;
    padding-left: 39px;
    padding-right: 39px;
}

.navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
    border-left: 0;
    color: #fff;
    padding-left: 39px;
    padding-right: 39px;
    background-color: rgba(35, 26, 61, 0.70);
}

.navbar-trans:not(.navbar-inverse) .navbar-nav .dropdown .dropdown-menu li a:hover {
    color: #fff;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu {
    width: 80px;
    min-width: 0;
    margin-left: -40px;
    background-color: rgba(var(--primary-color-rgb), .85);
    margin-top: 10px;
    padding: 5px 0 8px;
    left: auto;
    right: 0;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu::before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent rgba(var(--primary-color-rgb), .85) transparent;
    margin-left: -6px;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu li {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    min-width: 0;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu li a {
    width: 100%;
    border-bottom: 1px solid transparent;
    border-right: 0;
    font-weight: 300;
    padding: 6px 5px;
    text-transform: none;
    font-size: 0.75em;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu li a:hover {
    background-color: transparent;
    border-bottom-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
}


.navbar-small, .mobile-nav {
    display: flex;
    align-items: center;
    min-height: 90px;
    justify-content: space-around;
}

.navbar-small .navbar-nav--upper-nav {
    opacity: 0;
    visibility: hidden;
}

/* ajuste selector de idiomas responsive */

.mobile-nav .navbar-nav--upper-nav {
    visibility: visible;
    opacity: 1;
    /*right: 0;*/
    margin-top: 17px;
}

.navbar-small .navbar-nav--upper-nav {

}

.mobile-nav .navbar-nav--upper-nav li {
    display: none;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu {
    right: -15px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.mobile-nav .navbar-nav--upper-nav li.dropdown {
    display: block;

}

.mobile-nav .navbar-nav--upper-nav li.dropdown .dropdown-menu li {
    display: block;
}

.navbar .navbar-nav .upper-nav__languages .dropdown-menu {
    position: absolute;
    top: 20px;
}

.mobile-nav .collapse .navbar-nav--upper-nav {
    opacity: 1;
}

.mobile-nav .collapsing {
    position: static;
}

/*fin ajuste selector de idiomas responsive*/

.navbar-small .navbar-container__main-nav {
    margin-top: 0;
    border-top: 0 none;
}

.navbar-small .ribbon {
    top: 42px;
}

.navbar-small .navbar-nav .dropdown .dropdown-menu {

}


.navbar-small .navbar-container__main-nav li:last-child {
    visibility: visible;
    opacity: 1;
    display: block;
}

.navbar-small .ribbon,
.mobile-nav .ribbon {
    display: none;
    opacity: 0;
}


/* ---- button action responsive menu ---- */
.navbar-toggle {
    margin-top: 14px;
}

.navbar .navbar-header .navbar-toggle span {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.navbar .navbar-header .navbar-toggle:hover span {
    background: #fff;
}


/* ---- Mobile ---- */
.mobile-nav .navbar-container__main-nav {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mobile-nav .navbar-container__main-nav li:last-child {
    visibility: visible;
    opacity: 1;
    display: block;
}

.mobile-nav .navbar-container__main-nav .booking {
    padding-left: 0;
    display: inline-block;
    width: auto;
}

.mobile-nav .navbar-collapse {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
}

.mobile-nav #navbar {
    margin-right: 0;
}

/* ---- Slider ---- */

.heading-services .benefit-service.slick-slide {
    position: relative;
    text-align: center;
}

.benefit-service img{
    width: 50px;
    filter: brightness(0) saturate(100%) invert(62%) sepia(35%) saturate(440%) hue-rotate(146deg) brightness(90%) contrast(88%);
    margin: 0 auto;
}

.benefits-services-home-top .benefit-service:hover img {
    filter: brightness(0) invert(1);
}

.benefits-services-home-top.heading-services .benefit-service {
    height: 250px;
}

.heading-services .benefit-service {
    height: 200px;
}

.heading-services .benefit > .benefit-wrapper {
    height: 160px;
    width: 160px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 49%;
    margin-left: calc(-150px / 2);
}

.heading-services .benefit-circle {
    height: 100%;
    width: 100%;
    position: absolute;
}

.heading-services .benefit .benefit-content {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-services .benefit-circle:before {
    content: '';
    height: 100%;
    width: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.heading-services .benefit .benefit-circle:after {
    content: '';
    opacity: 0;
    height: 130%;
    width: 130%;
    background-color: var(--primary-color);
    box-shadow: 0 0 15px 1px #8c8c8c;
    border-radius: 50%;
    position: absolute;
    top: -15%;
    left: -15%;
    z-index: 2;
    transition: all ease .5s;
}

.heading-services .benefit-service.slick-slide:hover .benefit .benefit-circle:after {
    opacity: 1;
}

.benefits-services-home-top.heading-services .benefit-service.slick-slide:hover .benefit__title {
    color: #fff !important;
}

.benefits-services-home-top.heading-services .benefit-service.slick-slide:hover .ft-icon {
    color: #fff;
}

.heading-services .ft-icon {
    font-size: 2.8em !important;
    color: var(--primary-color);
}

.fs-slider-hero,
.fw-slider-hero {
    visibility: hidden;
    height: 0;
    -webkit-transition: height 0.25s ease, visibility 0.25s 0.3s ease;
    -ms-transition: height 0.25s ease, visibility 0.25s 0.3s ease;
    transition: height 0.25s ease, visibility 0.25s 0.3s ease;
    overflow: hidden;
}

.fs-slide-1,
.fw-slide-1,
.fs-slide-2,
.fw-slide-2,
.fs-slide-3,
.fw-slide-3,
.fs-slide-4,
.fw-slide-4,
.fs-slide-5,
.fw-slide-5,
.fs-slide-6,
.fw-slide-6 {
    background-size: cover;
}

.fs-slide-1 {
    background-image: url(../images/default/slider/fs-slide01.jpg);
}

.fw-slider-hero .fw-slide-1 {
    background-image: url(../images/default/slider/slide01.jpg);
}

.fs-slide-1 .bg-overlay,
.fs-slide-2 .bg-overlay,
.fs-slide-3 .bg-overlay,
.fs-slide-4 .bg-overlay,
.fs-slide-5 .bg-overlay,
.fs-slide-6 .bg-overlay,
.fw-slider-hero .fw-slide-1 .bg-overlay,
.fw-slider-hero .fw-slide-2 .bg-overlay {
    background-color: transparent
}

.fw-slider-hero .fw-slider .fw-slider-item .bg-overlay:before,
.fs-slider-hero .fs-slider .fs-slider-item .bg-overlay:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(33, 25, 21, 0.6) 0%, rgba(33, 25, 21, 0.28) 53%, rgba(33, 25, 21, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(33, 25, 21, 0.6) 0%, rgba(33, 25, 21, 0.28) 53%, rgba(33, 25, 21, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(33, 25, 21, 0.6) 0%, rgba(33, 25, 21, 0.28) 53%, rgba(33, 25, 21, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99211915', endColorstr='#00211915', GradientType=0); /* IE6-9 */

}

.fw-slider-hero .fw-slider .fw-slider-item .bg-overlay:after,
.fs-slider-hero .fs-slider .fs-slider-item .bg-overlay:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(33, 25, 21, 0) 0%, rgba(33, 25, 21, 0.28) 47%, rgba(33, 25, 21, 0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(33, 25, 21, 0) 0%, rgba(33, 25, 21, 0.28) 47%, rgba(33, 25, 21, 0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(33, 25, 21, 0) 0%, rgba(33, 25, 21, 0.28) 47%, rgba(33, 25, 21, 0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00211915', endColorstr='#99211915', GradientType=0); /* IE6-9 */
}


.fs-slider-hero .hero-content-wrapper {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.fs-slider-hero .hero-content-wrapper .hero-content {
    display: table-cell;
    width: 100%;
    height: 100vh;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

.fw-slider-hero .hero-content-wrapper {
    display: table;
    width: 100%;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
}

.fs-slider-hero .hero-content-wrapper .hero-content {
    display: table-cell;
    width: 100%;
    height: 100vh;
    vertical-align: top;
    padding-top: 35vh;
    text-align: center;
    color: #fff;
}

.fw-slider-hero .hero-content-wrapper .hero-content {
    display: table-cell;
    width: 100%;
    height: 280px;
    vertical-align: middle;
    text-align: center;
    color: var(--primary-color);
}

.hero-content .h-alt {
    font-family: Comfortaa;
}

.fw-slider-hero .hero-content .hero-lead,
.fs-slider-hero .hero-content .hero-lead { /* SI ES DIFERENTE DE HOME SE LE APLICARÁ ESTA FONT*/
    font-family: 'Comfortaa';
    text-transform: none;
}

.hero-content .hero-lead {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.666666666666667em;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.025em;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
}

.hero-content .hero-lead .text {
    position: relative;
}

.fw-slider-hero .hero-content .hero-lead .text strong {
    position: relative;
}

.hero-content .hero-lead .ribbon {
    width: 66px;
    height: 60px;
    position: absolute;
    top: -20px;
    right: -45px;
    padding: 0;
}

.hero-content .hero-subheading {
    font-size: 1.5em;
    line-height: 1em;
    margin-bottom: 0;
}

.hero-content .hero__caption--hero-regular-text {
    font-size: 0.8em;
    line-height: 1em;
    font-weight: 500;
}

.hero__caption--hero-regular-text span {
    display: block;
    width: 71px;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-weight: 300;
    height: auto;
    font-size: 1em;
    line-height: 5.916666666666667em;
    vertical-align: middle;
    margin: 10px auto 0;
}

.hero__caption--hero-regular-text span i {
    padding: 0 8px;
    line-height: 1.307692307692308em;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;

    /* Safari */
    -webkit-transform: rotate(-5deg);

    /* Firefox */
    -moz-transform: rotate(-5deg);

    /* IE */
    -ms-transform: rotate(-5deg);

    /* Opera */
    -o-transform: rotate(-5deg);
}

.hero-content .hero__caption--hero-link,
.hero-content .hero__caption--hero-link:hover {
    color: #FFFFFF;
    margin-bottom: 0;
    display: inline-block;
}

.fw-slider-hero .hero-content .hero-lead {
    font-size: 1.666666666666667em;
    line-height: 1em;
    margin-bottom: 0;
    margin-top: 30px;
}

.hero__caption-video {
    position: relative;
    z-index: 100;
}

.fs-slider-hero > *,
.fs-slider-hero .hero-content-wrapper,
.fw-slider-hero > *,
.fw-slider-hero .hero-content-wrapper {
    display: none;
}

.fs-slider .slick-next,
.fs-slider .slick-prev,
.fw-slider .slick-next,
.fw-slider .slick-prev,
.text-slider .slick-next,
.text-slider .slick-prev,
.fs-slider .slick-next:focus,
.fs-slider .slick-prev:focus,
.fw-slider .slick-next:focus,
.fw-slider .slick-prev:focus,
.text-slider .slick-next:focus,
.text-slider .slick-prev:focus {
    filter: alpha(opacity=100);
    opacity: 1;
    text-align: center;
}

.fs-slider .slick-next,
.fw-slider .slick-next {
    right: 0;
}

.fs-slider .slick-prev,
.fw-slider .slick-prev {
    left: 0;
}

.fs-slider .slick-next:hover,
.fs-slider .slick-prev:hover,
.fw-slider .slick-next:hover,
.fw-slider .slick-prev:hover,
.text-slider .slick-next:hover,
.text-slider .slick-prev:hover {
    color: var(--primary-color);
}

.fs-slider .slick-next,
.fs-slider .slick-prev,
.fw-slider .slick-next,
.fw-slider .slick-prev,
.text-slider .slick-next,
.text-slider .slick-prev {
    background-color: transparent !important;
    color: var(--primary-color);
    font-size: 42px;
}

/* Slider FS to Fw a través de medias querie */
.fs-slider-hero.fs--like-fw .hero-content-wrapper,
.fs-slider-hero.fs--like-fw .hero-content-wrapper .hero-content,
.fs-slider-hero.fs--like-fw .fs-slider .fs-slider-item,
.fs-video-hero,
.fw-slider-hero,
.fw-slider-hero .fw-slider .fw-slider-item,
.fw-slider-hero .hero-content-wrapper {
    height: 280px;
}

.fw-slider-hero .fw-slider .fw-slider-item .bg-overlay {
    height: 100%;
}

.slick-prev,
.slick-next,
.fs-slider .slick-next,
.fs-slider .slick-prev,
.fw-slider .slick-next,
.fw-slider .slick-prev,
.text-slider .slick-next,
.text-slider .slick-prev {
    width: 35px;
    height: 35px;
}

.fs-slider-hero .fs-slider .slick-next span,
.fs-slider-hero .fs-slider .slick-prev span {
    line-height: 35px;
}

/* Neobookings services */

body:not(.home) .fw-slider-hero .services-header-block {
    position: absolute;
    width: 100%;
    bottom: 30px;
    left: 0;
}

.neobookings-services {
    background-color: rgba(var(--secondary-color-rgb), .85);
    color: #51504D;
    height: 70px;
    display: flex;
    width: var(--neobookings-mask-width);
    align-items: center;
    float: left;
}

.neobookings-services > div {
    font-size: .8em;
    padding: 0 15px;
    text-align: center;
    display: flex;
    line-height: 1.5em;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.neobookings-services .online-booking {
    font-size: .9em;
    line-height: 20px;
    width: 135px;
}

.neobookings-services__item{
    width: calc(100% / 4);
}

.neobookings-services__item .icon-service {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.neobookings-services__item img {
    width: 30px;
    filter: invert(58%) sepia(67%) saturate(245%) hue-rotate(146deg) brightness(89%) contrast(89%);
}

.neobookings-services .icon-service.icon-service-price {
    width: 165px;
}

.neobookings-services .icon-service.icon-service-price .text {
    padding: 0 10px;
    width: 125px;
}

.neobookings-services .icon-service.icon-service-welcome {
    width: 160px;
}

.neobookings-services .icon-service.icon-service-welcome .icon {
    padding-top: 5px;
}

.neobookings-services .icon-service.icon-service-latecheckout {
    width: 200px;
}

.neobookings-services .icon-service.icon-service-latecheckout .icon {
    padding-top: 5px;
}

.neobookings-services .icon-service.icon-service-latecheckout .text {
    padding: 0 10px;
}

.neobookings-services .icon-service > .icon > i {
    color: var(--primary-color);
    font-size: 2.5em;
}

.neobookings-services .icon-service > .icon > i.neoicon-copa {
    font-size: 2.8em;
}

.neobookings-services .icon-service > .icon > i.neoicon-reloj {
    font-size: 3.1em;
}

.neobookings-services .icon-service > .text {
    font-size: .9em;
    text-align: center;
    line-height: 1.3em;
}

.neobookings-services-availability {
    float: left;
    padding-left: 8px;
}

.neobookings-services-availability .btn-mask-header {
    display: flex;
    background-color: rgba(var(--primary-color-rgb), .85);
    vertical-align: middle;
    padding: 24px 38px;
    text-transform: lowercase;
    height: 70px;
}

.btn-mask-header:hover {
    background-color: rgba(var(--primary-color-rgb), .85);
}

.neobookings-services-availability .btn-mask-header .neoicon-lupa {
    font-size: 1.5em;
    margin-left: .5em;
}

/* ---- Benefits ---- */
.section--section-benefits:not(.section--section-benefits-modal) {
    /*margin-top: 30px;*/
}

.section--section-benefits {
    padding-top: 0;
    padding-bottom: 0;
}

.sec-heading--section-benefits-heading {
    margin-bottom: 5px;
    font-size: 0.75em;
}

.sec-heading--section-benefits-heading .title {
    text-transform: uppercase;
    color: #F82E30;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-family: 'Alegreya Sans', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125em;
    line-height: 1.444444444444444em;
}

.sec-heading--section-benefits-heading .title a {
    color: #F82E30;
    text-decoration: none !important;
    border: 0 none;
}

.sec-heading--section-benefits-heading .title a .icon--misa {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 10px;
    margin-top: -2px;
    vertical-align: middle;
}

.sec-heading--section-benefits-heading .title a:hover,
.sec-heading--section-benefits-heading .title a:active,
.sec-heading--section-benefits-heading .title a:focus,
.sec-heading--section-benefits-heading .title a:visited:hover {
}

.sec-heading--section-benefits-heading p.title:last-child {
    margin-top: 0;
}

.section-benefits__benefit-list {
}

.benefit-list__slider {
    width: 85%;
    margin: 0 7.5%;
    position: relative;
    height: 100px;
}

.benefit-list__slider .benefit {
    width: 50%;
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    border: 0;
    padding: 5px 20px 0;
    display: block;
    text-align: center;
    height: 95px;
    overflow: hidden;
}

.benefit-list__slider .benefit > * {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.ft-boxed-hover .benefit .ft-icon {
    font-size: 2em;
    color: var(--primary-color);
}

.benefit__title {
    font-weight: 500;
    color: black;
    font-size: 0.875em;
    margin-top:10px;
    line-height: 1em;
    letter-spacing: 0.025em;
    text-transform: none;
    font-size: .94em;
}

.benefit__title span {
    display: block;
}

.benefit-list__slider .slick-prev {
    left: -7.5%;
}

.benefit-list__slider .slick-next {
    right: -7.5%;
}

section.benefits-block.rooms-pg {
    margin-top: -100px;
}

section.benefits-block.margin-top {
    margin-top: 50px;
}

section.benefits-block {
    background-color: rgba(221, 211, 202, .3);
    padding-bottom: 1.2em;
    padding-top: 4em;
    padding-top: 1.2em;
}

.section--section-benefits .benefit.slick-slide {
    padding-top: 5px;
    background-color: rgba(221, 211, 202, .3);
}

.section--section-benefits .slick-slider {
    margin: 10px;
    position: relative;
    text-align: center;
    transition: all 0.2s ease;
}

/* ---- Breadcrumb ---- */
.breadcrumb {
    text-align: center;
    bottom: 0;
    letter-spacing: 0;
    padding-top: 60px;
    font-size: 0.8666666666666667em;
}

.breadcrumb .level {
    display: inline-block;
    vertical-align: middle;
    color: #6B717C;
}

.breadcrumb .level a,
.breadcrumb .level a:link {
    text-transform: uppercase;
    color: #6B717C;
    font-weight: 300;
    padding: 5px;
    line-height: 1em;
    text-decoration: none;
}

.breadcrumb .level a:hover {
    color: #6B717C;
    text-decoration: underline;
}

.breadcrumb .current-level span {
    font-weight: 700;
    padding: 5px;
    line-height: 1em;
}

/* ---- Main description ---- */
.section--description-main {
    padding-top: 45px;
    padding-bottom: 50px;
}


.collapse-group {
    display: flex;
    flex-direction: column;
}

.collapse-group--moreinfo {
    padding-top: 0;
    padding-bottom: 60px;
}

.collapse-group > .content--more-info {
    order: 2;
    height: 200px;
    overflow-y: auto;
    transition: height 1s ease, margin 1.5s ease;
    font-size: 14px;
}

.collapse-group > .content--no-show {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 0;
}

.collapse-group .btn-collapse {
    order: 1;
    text-transform: lowercase;
    display: flex;
    margin: 0 auto;
    line-height: 36px;
}

.collapse-group .btn-collapse .neoicon-down-arrow {
    font-size: 1.4em;
    color: var(--primary-color);
    padding-left: .4em;
    margin-top: 5px;
}

.content--more-info {
    margin-top: 40px;
    margin-bottom: 20px;
}

.content--more-info h2,
#about .section--description-main h3,
.content--more-info h3 {
    font-size: 1.2em;
    line-height: 1.1em;
    letter-spacing: 0;
    margin-top: 33px;
    font-family: 'Comfortaa';
    font-weight: 400;
    color: #6B717C;
}

.section--description-main p {
    font-size: 14px;
}

/* ---- Subsections ---- */
.section--subsection {
    padding-top: 55px;
}

.block-home {
    padding-bottom: 0px;
}

.rooms section.container.section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms {
    width: 100%;
    background: #fff;
    padding: 4em 0 0;
    background-color: rgba(221, 211, 202, .3);

}

.rooms section .suites.container-fluid {
    margin-top: 5em;
    padding: 0;
}

.rooms section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard .descbox {
    width: 585px;
}

.section--description-main .sec-heading {
    padding-top: 2.5em;
}

section.container.section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms {
    width: 100%;
    padding-bottom: 0;
    overflow: hidden;
    background-color: var(--secondary-color);
}

section.container.section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms.section-margin .container {
    margin-bottom: 100px;
}

section.container.section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms.section-margin {
    margin-top: 0;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard {

    position: absolute;
    top: 0;
    left: -20%;
    right: 0;
    bottom: 0;
    background-color: #D3DCDD;
    background-size: cover;
    background-position: center center;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 200px solid transparent;
    border-right: 30px solid #D3DCDD;
    border-bottom: 200px solid transparent;
    position: absolute;
    z-index: 990;
    top: 0;
    left: -30px;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboardred {

    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #F82E30;
    background-size: cover;
    background-position: center center;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboardred:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 190px solid transparent;
    border-right: 30px solid #F82E30;
    border-bottom: 190px solid transparent;
    position: absolute;
    z-index: 990;
    top: 0;
    left: -30px;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboardblack {

    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #D3DCDD;
    background-size: cover;
    background-position: center center;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboardblack:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 189px solid transparent;
    border-right: 30px solid #D3DCDD;
    border-bottom: 189px solid transparent;
    position: absolute;
    z-index: 990;
    top: 0;
    left: -30px;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboard {

    position: absolute;
    top: 0;
    left: 0;
    right: -20%;
    bottom: 0;
    background-color: #D3DCDD;
    background-size: cover;
    background-position: center center;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboard:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 200px solid transparent;
    border-left: 30px solid #D3DCDD;
    border-right: 0 solid !important;
    border-bottom: 200px solid transparent;
    position: absolute;
    z-index: 990;
    top: 0;
    right: -30px;
    left: auto;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboardred {

    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background-color: #F82E30;
    background-color: rgba(248, 46, 48, 0.7);
    background-size: cover;
    background-position: center center;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboardred:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 190px solid transparent;
    border-left: 30px solid #F82E30;
    border-right: 0 solid !important;
    border-bottom: 190px solid transparent;
    position: absolute;
    z-index: 990;
    top: 0;
    right: -30px;
    left: auto;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboardblack {

    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #D3DCDD;
    background-size: cover;
    background-position: center center;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboardblack:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 189px solid transparent;
    border-left: 30px solid #D3DCDD;
    border-right: 0 solid !important;
    border-bottom: 189px solid transparent;
    position: absolute;
    z-index: 990;
    top: 0;
    right: -30px;
    left: auto;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard .titlebox {
    display: inline-block;
    width: 500px;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    text-align: center;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboard .titlebox {
    float: right;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard .descbox {
    display: block;
    width: 585px;
    padding: 40px 60px;
    margin: 0;
    height: 100%;
    position: absolute;
    float: none;
    transition: all .6s;
    right: -700px;
    top: 50%;
    transform: translateY(-50%);
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboard .descbox {
    left: -700px;
    transition: all .6s;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard .descbox:after {
    content: '';
    display: block;
    height: 250px;
    width: 1px;
    font-size: 0;
    line-height: 0;
    background-color: #F82E30;
    background-color: rgba(248, 46, 48, 0.7);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room:nth-of-type(2n) .clipboard .descbox:after {
    right: 0 !important;
    left: 100% !important;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard .descbox .center_vertical {
    height: auto;
}

section.portfolio-layout.portfolio-1col-boxed.section--subsection.section--section-rooms article.portfolio-item.room-list__room .clipboard .descbox .room__description {
    max-height: 265px;
    overflow: auto;
    line-height: 20px;
    font-size: 14px;
}

.center_vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.subsection__subsection-rooms {
    margin-bottom: 65px;
}

.subsection__compacted-subsection-introduction {
    margin-bottom: 45px;
}

.room-text-container {
    overflow: visible;
}

.room-text-container .btn-transparent-orange {
    align-content: center;
    margin-top: 30px;
    text-transform: lowercase;
}

.room-text-container .btn-transparent-orange i {
    color: var(--primary-color);
    font-size: .6em;
    padding-left: 10px;
    position: static;
}

.room-text-container .btn-transparent-orange:hover i {
    color: #FFFFFF;
}

/* ---- Footer ---- */
.contact-1 .contact-wrapper {
    margin-left: 50px;
    margin-right: 50px;
    width: auto;
}

.contact-1 .contact-wrapper .contact-info-wrapper {
    padding: 0 15px;
    background-color: transparent;
    z-index: 6;
    /*top: 30px;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact-1 .contact-wrapper .contact-info-wrapper.map-open {
    z-index: -1;
    -webkit-transition: opacity 0.25s ease-in, margin-top 0.25s ease-in, visibility 0.25s ease-in, z-index 0.35s ease-in;
    -moz-transition: opacity 0.25s ease-in, margin-top 0.25s ease-in, visibility 0.25s ease-in, z-index 0.35s ease-in;
    -ms-transition: opacity 0.25s ease-in, margin-top 0.25s ease-in, visibility 0.25s ease-in, z-index 0.35s ease-in;
    -o-transition: opacity 0.25s ease-in, margin-top 0.25s ease-in, visibility 0.25s ease-in, z-index 0.35s ease-in;
    transition: opacity 0.25s ease-in, margin-top 0.25s ease-in, visibility 0.25s ease-in, z-index 0.35s ease-in;
}

.contact-info-wrapper {
    background-color: var(--secondary-color);
}

.contact-info-wrapper form {
    display: block;
    overflow: hidden;
    padding: 25px 103px;
    background-color: var(--secondary-color);
    position: relative;
}

.contact-info-wrapper .col-md-6 {
    padding: 0 0;
}

.contact-info-wrapper .contact-form .mask-border {
}

.form-control {
    border-color: transparent;
    color: #51504D;
    background-color: transparent;
    border-bottom: 1px solid var(--primary-color);
    padding-left: 0;
    font-size: 0.8em;
    line-height: 1em;
    height: 28px;
    letter-spacing: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.form-control:focus,
.form-control:hover {
    border-color: transparent;
    outline: none;
    border-bottom: 1px solid var(--primary-color);
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: #5B5B5F;
}

.form-control:-moz-placeholder {
    color: #5b5b5f;
}

.form-control::-moz-placeholder {
    color: #5B5B5F;
}

.form-control:-ms-input-placeholder {
    color: #5b5b5f;
}


.form-group label {
    letter-spacing: 0.05em;
    color: #FFFFFF;
    float: left;
    display: block;
    width: 100%;
}

.form-group .realperson-challenge {
    display: inline-block;
    padding-top: 5px;
    color: #51504D;
}

.form-group .defaultReal {
    display: inline-block;
    width: 48%;
    margin-right: 30px;
    float: left;
}

.captcha-group {
    margin-bottom: -10px;
}

.realperson-text {
    letter-spacing: 0;
    font-size: 4px;
    line-height: 2px;
}

.realperson-regen {
    text-transform: uppercase;
    line-height: 20px;
    padding-top: 5px;
}

textarea.form-control {
    max-height: 122px;
}

.contact-info-wrapper form textarea.form-control {
    height: 38px;
}

.contact-info-wrapper input[type="submit"] {
    min-width: 120px;
}

.show-map {
    font-family: 'Pinyon Script', arial;
    font-size: 17px;
    line-height: 1.25em;
    font-weight: 400;
    letter-spacing: 0.05em;
    display: inline-block;
    margin-top: 25px;
}

.show-map:link,
.show-map:visited {
    color: #F82E30;
}

.show-map:hover {
    color: #F82E30;
    text-decoration: underline;
}

.contact-1 .contact-wrapper .show-info-link {
    right: 20px;
    left: auto;
    top: 20px;
    width: auto;
    height: auto;
}

.contact-1 .contact-wrapper .show-info-link a {
    color: #FFFFFF;
    background-color: #151518;
    background-color: rgba(21, 21, 24, 0.8);
    padding-top: 0;
    height: auto;
    padding: 13px 35px
}


.contact-1 .contact-wrapper .show-info-link a h6 {
    font-size: 0.8125em;
    line-height: 1em;
    color: #FFFFFF;
    font-weight: 400;
    letter-spacing: 0;
}

.contact-1 .contact-wrapper .show-info-link a:hover {
    background-color: #151518;
    color: #fff;
}

.contact-1 .contact-wrapper .show-info-link a:hover h6 {
    color: #fff;
}

.contact-1 .contact-wrapper .show-info-link a i {
    padding-left: 15px;
    padding-right: 0;
}

.contact-form__container-send,
.show-map-link {
    text-align: center;
}

.contact-form__container-send.pull-right {
    float: none !important;
}

.show-map-link.pull-left {
    float: none !important;
}

.map-boxed {
    height: 730px;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url(../images/default/maps_thumb.jpg);
}

.map-boxed:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(221, 211, 202, .5);
    left: 0;
    top: 0;
}

.map-boxed.not-background-image {
    background-image: none !important;
}

.map-boxed.not-background-image::before {
    display: none;
}

.map .container-show-location {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
}

.map .button--show-location {
    line-height: 4.6rem;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map .button--show-location.button--hide {
    opacity: 0;
    visibility: hidden;
}

.close-form {
    position: absolute;
    z-index: 1;
    right: 13px;
    top: 15px;
    color: #F82E30;
    font-size: 2.8125em;
    cursor: pointer;
}

/* ---- Enjoy block ---- */
.p-s-portfolio.enjoy-block.related-block {
    background: #EFF4F4;
}

.p-s-portfolio.enjoy-block .section--subsection-related {
    padding-top: 65px;
    margin: 130px auto;
    padding-bottom: 0;
}

.p-s-portfolio.enjoy-block .subsection-related--list-boxed .portfolio-item {
    height: 240px;
    padding-left: 0;
    padding-right: 0;
    margin: 15px;
    width: calc(50% - 30px);
    top: 0;
    box-shadow: 0 0 0 #a0a4a5;
    transition: all 0.5s;
    padding: 0;
}

.p-s-portfolio.enjoy-block .subsection-related--list-boxed .portfolio-item:hover {
    box-shadow: 4px 4px 35px #a0a4a5;
    position: relative;
    top: -10px;
    transition: all 0.5s;
}

.p-s-portfolio.enjoy-block figure {
    display: block;
    position: relative;
    width: 43.25%;
    height: 100%;
    background: gray;
    overflow: hidden;
    float: left;
}

.portfolio--galery .portfolio-columns-boxed .portfolio-item figure img {
    height: auto;
    position: absolute;
    max-width: 100%;
    width: 100%;
}

.p-s-portfolio.enjoy-block .enjoy-content {
    display: block;
    position: relative;
    width: 56.75%;
    height: 100%;
    background: #D3DCDD;
    overflow: hidden;
    float: left;
    padding: 10px;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -ms-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}

.p-s-portfolio.enjoy-block .enjoy-content .border-inner {
    border: 1px solid #F82E30;
    border-color: rgba(248, 46, 48, 0.7);
    height: 100%;
}

.p-s-portfolio.enjoy-block .enjoy-content .text-box {
    padding: 30px 35px;
}

.p-s-portfolio.enjoy-block .enjoy-content .text-box h3 {
    font-size: 1.375em;
    letter-spacing: 0.05em;
    padding: 0;
    margin: 0;
    color: #6b727c;
    position: relative;
    font-weight: 400;
}

.p-s-portfolio.enjoy-block .enjoy-content .text-box h3:after {
    content: '';
    display: block;
    height: 1px;
    width: 23%;
    background: #F82E30;
    margin: 15px 0 10px;
}

.p-s-portfolio.enjoy-block .enjoy-content .text-box .desc {
    font-size: 0.875em;
    line-height: 1.428571428571429em;
    max-height: 80px;
    overflow: hidden;
}

.p-s-portfolio.enjoy-block .enjoy-content .text-box .link-readmore {
    font-family: "Pinyon Script", arial;
    font-size: 1.3125em;
    line-height: 1em;
    color: #F82E30;
    text-decoration: none;
}

.p-s-portfolio.enjoy-block .subsection-related--list-boxed .portfolio-item:hover .enjoy-content {
    background: #f0f4f5;
}


/* ---- Related ---- */
.p-s-portfolio.related-block .gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,dbdce2+40,dddfe3+60,ffffff+75,f5f6f6+100&1+0,0.5+26,0+40,0+60,0.5+75,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 7%, rgba(253, 253, 253, 0.7) 12%, rgba(219, 220, 226, 0) 40%, rgba(221, 223, 227, 0.7) 88%, rgba(255, 255, 255, 1) 93%, rgba(245, 246, 246, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 7%, rgba(253, 253, 253, 0.7) 12%, rgba(219, 220, 226, 0) 40%, rgba(221, 223, 227, 0.7) 88%, rgba(255, 255, 255, 1) 93%, rgba(245, 246, 246, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 7%, rgba(253, 253, 253, 0.7) 12%, rgba(219, 220, 226, 0) 40%, rgba(221, 223, 227, 0.7) 88%, rgba(255, 255, 255, 1) 93%, rgba(245, 246, 246, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f6f6', GradientType=0); /* IE6-9 */
}

.p-s-portfolio .section--subsection-related {
    padding-top: 160px;
    margin-top: 0;
    padding-bottom: 160px;
}

.section--subsection-related .portfolio-item {
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 0 15px;
}

.subsection-related--list-boxed {
}

.subsection-related--list-boxed .portfolio-item {
}

.subsection-related--list-boxed .portfolio-item .mask-border {
    border: 1px solid transparent;
    background-color: transparent;
}

.subsection-related--list-boxed .portfolio-item figure:hover .mask-border {
    border-color: #F82E30;
}


/* ---- Datepicker ---- */

.ui-widget-content {
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    text-align: center;
}

/* Datepicker arrow */
.ui-datepicker-next ui-corner-all {
    border: 1px solid transparent;
}

.ui-datepicker-next ui-corner-all ui-state-hover ui-datepicker-next-hover {
    top: 2px;
    right: 2px;
}

.ui-datepicker .ui-datepicker-title {
    text-transform: uppercase;
}

.ui-datepicker table {
    font-size: 14px;
}

.ui-datepicker-calendar thead {
    font-size: 12px;
}

.ui-datepicker th {
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
}


/* --------------------------------------------------
	1.0 Home
-------------------------------------------------- */
.sec-heading--sec-special-heading {
    margin-bottom: 45px;
}

/* ---- Facilities ---- */
.portfolio-columns-fw {
    margin-top: 0;
}

.portfolio-columns-fw #pfolio .portfolio-item {
    padding-left: 13px;
    padding-right: 13px;
    margin: 0 0 15px;
}

.portfolio-columns-fw #pfolio .portfolio-item figure img {
    max-width: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}

.portfolio-columns-fw #pfolio .portfolio-item figure {
    transition: all .6s;
    top: 0;
}

.portfolio-columns-fw #pfolio .portfolio-item figure .subheading {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: all 1.6s;
}

.portfolio-columns-fw #pfolio .portfolio-item figure .btn.btn-ghost.btn-ghost-white-to-white-purple {
    opacity: 0;
    font-size: 0;
    line-height: 0;
    transition: all .6s;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
}

.portfolio-columns-fw #pfolio .portfolio-item:hover figure {
    box-shadow: 0 7px 35px rgba(0, 0, 0, .7);
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    top: -30px;
}

.portfolio-columns-fw #pfolio .portfolio-item:hover figure .subheading {
    opacity: 1;
    max-height: 150px;
    -webkit-transition: all 1.6s ease;
    -moz-transition: all 1.6s ease;
    -ms-transition: all 1.6s ease;
    -o-transition: all 1.6s ease;
    transition: all 1.6s ease;
}

.portfolio-columns-fw #pfolio .portfolio-item:hover figure .title {
    color: #D3DCDD;
    margin-bottom: 18px;
}

.portfolio-columns-fw #pfolio .portfolio-item:hover figure .btn.btn-ghost.btn-ghost-white-to-white-purple {
    opacity: 1;
    font-size: 0.8666666666666667em;
    line-height: 1.153846153846154em;
    transition: all .6s;
}

.portfolio--extra-mb-95 {
    padding-bottom: 65px;
}

/* Welcome */
.heading-services {
    margin-bottom: 35px;
}

/* rooms */
.portfolio-1col-boxed .portfolio-item,
.portfolio-1col-fw .portfolio-item {
    background-color: #D3DCDD;
    margin-top: 25px;
    margin-bottom: 0;
}

.portfolio-1col-boxed .portfolio-item:hover {
    transform: translateY(0px);
    box-shadow: 0 0 0 rgba(0, 0, 0, .15);
}

.portfolio-1col-fw .portfolio-item .figcaption {
    padding: 25px 45px 35px;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.room-list__room .room__detail .title {
    font-size: 1.375em;
    line-height: 1.136363636363636em;
    color: #151518;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.room-list__room .room__detail .subheading {
    font-family: 'Pinyon Script', arial;
    font-size: 1.3125em;
    line-height: 1.380952380952381em;
    letter-spacing: 0;
    color: #6B717C;
    font-weight: 400;
    margin-top: 0;
    text-transform: none;
}

.room-list__room .room__detail .title:after {
    content: '';
    display: block;
    width: 3.125em;
    margin: 15px auto 0;
    height: 1px;
    background: #F82E30;
}

.room-list__room .room__detail .view-btn {
    margin-top: 10px;
}

.portfolio-1col-fw .portfolio-item .room__detail::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.portfolio-1col-fw .portfolio-item .room__detail .detail__inner {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* tour virtual */
.home .tour-virtual,
.rooms .tour-virtual,
.default-list .tour-virtual {
    margin-left: 10px;
}

.default-item .tour-virtual {
    min-width: 153px;
    margin-top: 10px;
}

.default-item .collapse-group--moreinfo {
    padding-bottom: 0;
}

.portfolio--galery {
    padding-top: 120px;
    padding-bottom: 0;
}

.portfolio-1col-boxed .portfolio-item .img-wrapper,
.portfolio-1col-fw .portfolio-item .img-wrapper {
    position: static;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.portfolio-1col-boxed .portfolio-item .pull-left,
.portfolio-1col-boxed .portfolio-item .pull-right {
    float: none !important;
}

.portfolio-1col-boxed .portfolio-item .figcaption {
    padding: 25px 45px 35px;
}


.video-bg-section {
    display: table;
    width: 100%;
}

.video-bg-section .video-sec-content {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
}

.section--description-secondary {
    background-color: rgba(255, 217, 182, .25);
    padding: 60px 0 410px 0;
    margin-top: 50px;
    margin-bottom: -370px;
    position: relative;
}

.section--description-secondary:before {
    background: url(../images/sadesign/secondary-description-bg.svg) no-repeat center;
    position: absolute;
    width: 600px;
    height: 600px;
    top: 15%;
    left: 50%;
    z-index: -1;
    margin-left: calc(-600px / 2);
    opacity: .4;
}

/* Relax zones */
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    transform: translateY(-50%);
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    color: var(--primary-color);
    font-size: 4.333333333333333em;
    opacity: 1;
    text-align: left;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.benefits-block .slick-prev, .benefits-block .slick-next {
    transform: translateY(-50%);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus:hover,
.slick-next:focus:hover {
    opacity: 1;
}

.slick-prev:focus,
.slick-next:focus {
    opacity: 0.5;
}

.slick-arrow .fa-angle-left:before {
    content: "\e054";
    font-family: linea-icon-font, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.slick-arrow .fa-angle-right:before {
    content: "\e060";
    font-family: linea-icon-font, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    opacity: .5;
}

.slick-prev {
    left: 0;
    text-align: left;
}

.slick-next {
    right: 0;
    text-align: right;
}

.slick-prev,
.slick-next {
    font-size: 42px;
    width: auto;
    height: auto;
}

/* Related home sections */
.pfolio-items--related-sections-home {
}

.special-list .portfolio-columns-fw {
    background: #EFF4F4;
    margin: 0 0 130px;
}

.wrapper-item .portfolio-columns-boxed .portfolio-item figure figcaption {
    background-color: #151518;
    background-color: rgba(21, 21, 24, 0.70);
}

.wrapper-item .portfolio-columns-boxed .portfolio-item figure figcaption .open-gallery {
    color: #fff;
    background-color: #F82E30;
    background-color: rgba(248, 46, 48, 0.7);
    border-radius: 100%;
    line-height: 50px;
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.wrapper-item .portfolio-columns-boxed .portfolio-item figure figcaption .galleryItem {
    color: #fff;
    background-color: #F82E30;
    background-color: rgba(248, 46, 48, 0.7);
    border-radius: 100%;
    line-height: 50px;
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.wrapper-item .boton-red {
    text-align: center;
    margin: 50px 0 0 0;
}

.default .portfolio-columns-boxed .portfolio-item figure figcaption {
    background-color: #231a3d;
    background-color: rgba(0, 0, 0, 0.50);
}

.default .portfolio-columns-boxed .portfolio-item figure figcaption .open-gallery,
.default .portfolio-columns-boxed .portfolio-item figure figcaption .galleryItem {
    color: #fff;
    background: #F82E30;
    border-radius: 100%;
    line-height: 50px;
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
}

.default .portfolio--galery {
    padding-top: 0;
}

.home .portfolio-masonry-3 figure figcaption,
.home .portfolio-columns-fw .facility-item figure figcaption,
.special-list .portfolio-columns-fw .facility-item figure figcaption,
.home .portfolio-columns-boxed .portfolio-item figure figcaption,
.portfolio-columns-boxed .subsection-related--list-boxed .portfolio-item figure figcaption,
.default-list .portfolio-masonry-3 figure figcaption,
.default-list .portfolio-columns-fw .facility-item figure figcaption,
.default-list .portfolio-columns-boxed .portfolio-item figure figcaption {

    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}

.home .portfolio-columns-fw .facility-item figure figcaption {
    background-color: #151518;
    background-color: rgba(21, 21, 24, 0.4);
}

.home .portfolio-masonry-3 figure figcaption:hover,
.home .portfolio-columns-fw .facility-item figure figcaption:hover,
.special-list .portfolio-columns-fw .facility-item figure figcaption:hover,
.home .portfolio-columns-boxed .portfolio-item figure figcaption:hover,
.portfolio-columns-boxed .subsection-related--list-boxed .portfolio-item figure figcaption:hover,
.default-list .portfolio-masonry-3 figure figcaption:hover,
.default-list .portfolio-columns-fw .facility-item figure figcaption:hover,
.default-list .portfolio-columns-boxed .portfolio-item figure figcaption:hover {
    background-color: #151518;
    background-color: rgba(21, 21, 24, 0.7);
}

.home #pfolio figcaption h4.title,
.special-list #pfolio figcaption h4.title,
.default-list #pfolio figcaption h4.title {
    margin-bottom: 18px;
    color: #FFF;
    font-family: 'Pinyon Script', arial;
    font-weight: 400;
    text-transform: none;
    font-size: 2.5em;
    letter-spacing: 0;
    margin-bottom: 0;
}

.portfolio-masonry-3 figure figcaption::before,
.portfolio-columns-fw .facility-item figure figcaption::before,
.portfolio-columns-boxed .portfolio-item figure figcaption::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.portfolio-masonry-3 figure figcaption .p-content,
.portfolio-columns-fw .facility-item figure figcaption .p-content,
.portfolio-columns-boxed .portfolio-item figure figcaption .p-content {
    position: static;
    display: inline-block;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 0 20px;
}

.portfolio-masonry-3 #related-sel figure figcaption .p-content h4:first-child,
.portfolio-columns-fw #related-sel .facility-item figcaption .p-content h4:first-child,
.portfolio-columns-boxed .portfolio-item figcaption .p-content h4:first-child,
.portfolio-columns-boxed .portfolio-item figcaption .p-content h4 {
    font-size: 1.375em;
    line-height: 1.136363636363636em;
    font-weight: 300;
    color: #FFFFFF;
    letter-spacing: 0.05em;
    margin-bottom: 7px;
}

.portfolio-masonry-3 #related-sel figure figcaption .p-content h4:first-child strong,
.portfolio-columns-fw #related-sel .facility-item figcaption .p-content h4:first-child strong,
.portfolio-columns-boxed .portfolio-item figcaption .p-content h4:first-child strong,
.portfolio-columns-boxed .portfolio-item figcaption .p-content h4 strong {
    color: #F82E30;
}


.portfolio-masonry-3 figure figcaption .p-content h4:first-child,
.portfolio-columns-fw .facility-item figcaption .p-content h4:first-child,
.portfolio-columns-boxed #related-sel .portfolio-item figcaption .p-content h4:first-child,
.portfolio-columns-boxed #related-sel .portfolio-item figcaption .p-content h4 {
    margin-bottom: 15px;
    color: #FFF;
}

.home .portfolio-masonry-3 figure figcaption .p-content h4:first-child,
.home .portfolio-columns-fw .facility-item figcaption .p-content h4:first-child,
.home .portfolio-columns-boxed .portfolio-item figcaption .p-content h4:first-child,
.home .portfolio-columns-boxed .portfolio-item figcaption .p-content h4 {
    margin-bottom: 18px;
}

.portfolio-columns-boxed #related-sel .portfolio-item figcaption .p-content h4:first-child,
.portfolio-columns-boxed #related-sel .portfolio-item figcaption .p-content h4 {
    margin-bottom: 0;
}

.portfolio-masonry-3 figure figcaption .p-content .subheading,
.portfolio-columns-fw figure figcaption .p-content .subheading,
.portfolio-columns-boxed figure figcaption .p-content .subheading {
    font-size: 14px;
    line-height: 1.5625em;
    text-transform: none;
    color: #fff;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: 18px;
    font-family: 'Alegreya Sans', sans-serif;
}

.portfolio-columns-boxed figure figcaption .p-content .subheading.important {
    font-size: 1.066666666666667em !important;
    line-height: 1.5625em !important;
    text-transform: uppercase !important;
    color: #a185d6 !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    margin-bottom: 18px !important;
}

/* Promotional video */
.section--promotional-video {
    height: 300px;
    background-image: url(../images/sadesign/formentera-bg.jpg);
    background-size: cover;
    background-position: 50% 80%;
}

.video-bg-section .video-sec-content {
    background-color: #4A4F56;
    background-color: rgba(74, 79, 86, 0.5);
}

.video-bg-section .video-sec-content .play-btn span {
    color: #fff;
    width: 80px;
    height: 80px;
    background: transparent url("../images/design/play.png") no-repeat;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
}

.video-bg-section .video-sec-content .subheading {
    font-size: 1.88em;
    color: var(--primary-color);
}

.video-bg-section .video-sec-content .promotional-video__title > span {
    font-size: 1.4em;
}

.video-bg-section .video-sec-content .icon--misa {
    text-indent: -999999px;
    display: inline-block;
    width: 252px;
    height: 58px;
    margin: 0 auto;
    background-position: -3px -91px;
}

.video-bg-section .video-sec-content .play-btn {
    padding-top: 5px;
    padding-bottom: 25px;
}

.play-btn:hover .play-icon {
    color: #F82E30;
    font-size: 64px;
}


/* Newsletter */
.cta-newsletter {
    position: absolute;
    width: 100%;
}

.cta-newsletter .bg-overlay {
    background-color: rgba(45, 44, 44, .6);
}

.cta-newsletter .cta-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 60px 10px;
    text-align: unset;
    position: relative;
}

.cta-newsletter .cta-wrapper .mc-form {
    position: relative;
    width: auto;
    margin: 0 auto;
}

.cta-newsletter .cta-wrapper .mc-form fieldset {
    position: relative;
    margin-bottom: 35px;
}

.cta-newsletter .cta-wrapper .mc-form fieldset .et-letter {
    position: absolute;
    display: none;
    left: 20px;
    top: 50%;
    margin-top: -18px;
    font-size: 2.125em;
    color: #93A0A5;
}

.cta-newsletter__title:after {
    content: '';
    width: 0;
    border: 1px solid var(--primary-color);
    margin-right: 1em;
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.cta-newsletter__title {
    font-family: Comfortaa;
    font-weight: 400;
    font-size: 1.87em;
    /*padding-right: 2em;*/
    line-height: 1em;
    color: var(--primary-color);
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: none;
}

.cta-newsletter__description {
    color: #fff;
    font-size: 1.13em;
    line-height: 1.363636363636364em;
    margin-bottom: 10px;
}


.cta-newsletter .cta-wrapper input[type="email"] {
    font-weight: 400;
    font-size: 0.9375em;
    line-height: 1.533333333333333em;
    color: #fff;
    width: 100%;
    margin-bottom: 0;
    background-color: transparent;
    padding: 22px 10px;
    text-align: center;

    outline: none;
    border-bottom: 1px solid var(--primary-color);
    box-shadow: none;
}

.cta-newsletter .cta-wrapper input[type="email"]:focus {
    /*outline: none;*/
    /*color: #fff;*/
    letter-spacing: 0;
    border-bottom: 1px solid var(--primary-color);
}

.cta-newsletter .cta-wrapper ::-webkit-input-placeholder {
    outline: none;
    color: #fff;
    letter-spacing: 0;
}

.cta-newsletter .cta-wrapper :-moz-placeholder {
    color: #fff;
    letter-spacing: 0;
}

.cta-newsletter .cta-wrapper ::-moz-placeholder {
    color: #fff;
    letter-spacing: 0;
}

.cta-newsletter .cta-wrapper :-ms-input-placeholder {
    color: #fff;
    letter-spacing: 0;
}

.cta-newsletter .cta-wrapper button[type="submit"] {
    position: absolute;
    right: 0px;
    top: 50%;
    width: auto;
    padding: 9px 0px 5px;
    margin-top: -20px;
}

.cta-newsletter .cta-wrapper .btn > i {
    font-size: .8em;
}

.cta-newsletter .cta-wrapper .btn {
    height: auto;
    background: transparent;
    color: var(--primary-color);
}

.cta-newsletter .cta-wrapper .btn:active {
    box-shadow: none;
    outline: none;
}


.portfolio-columns-boxed .portfolio-item figure figcaption,
.portfolio-columns-fw .portfolio-item figure figcaption {
    background-image: url(../images/design/logo-opacity.png);
    background-repeat: no-repeat;
    background-color: rgba(var(--primary-color-rgb), .75);
    background-position: center center;
    background-size: 70%;
}


/* Contact */
.section--subsection-contact {
    padding-top: 0px;
    padding-bottom: 0;
}

form.contact-form-section {
    margin-top: 120px;
}

form.contact-form-section .form-group {
    margin-bottom: 50px;
}

form.contact-form-section .btn-transparent-orange {
    text-transform: lowercase;
    margin-top: 30px;
}

.contact-form__container-send button {
    text-transform: lowercase;
    margin-top: 20px;
}

.contact-form__container-send button i,
form.contact-form-section .btn-transparent-orange i {
    color: var(--primary-color);
    font-size: .6em;
    padding-left: 10px;
}

.contact-form__container-send button:hover i,
form.contact-form-section .btn-transparent-orange:hover i {
    color: #FFFFFF;
}

/* Footer */
.footer {
}

.footer-bg {
    background-color: var(--primary-color);
}

body.contact .section--description-main {
    background: transparent;
}

body.contact section.location-map {
    padding-top: 0;
}

.contact-section-page {
    background-color: rgba(var(--secondary-color-rgb), .2);
    margin-top: 180px;
    padding-bottom: 120px;
}

.contact-section-page .section--description-main .footer__contact-container,
.contact-section-page .section--description-main {
    padding-top: 0;
}

.contact-section-page .footer {
    margin-top: -150px;
}

.contact-footer > img {
    margin: 35px auto 36.5px;
}

.section--description-main .footer__contact-container address ul li {
    height: 300px;
    width: 300px;
    background-color: rgba(var(--primary-color-rgb), .85);
    border-radius: 100%;
    margin: 25px;
    padding: 0 30px;
    transition: all ease .5s;
}

.section--description-main .footer__contact-container address ul li .item {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.section--description-main .footer__contact-container address ul li .adr-icon {
    display: block;
    text-align: center;
    margin-bottom: 21px;
    padding: 0;
}

.section--description-main .footer__contact-container address ul li .adr-group .adr-heading {
    color: white;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}

.section--description-main .footer__contact-container address ul li .adr-group .adr-info {
    color: #FFFFFF;
    font-size: 14px;
}

.section--description-main .footer__contact-container address ul li:hover {
    background-color: var(--primary-color);
    -webkit-box-shadow: 1px 1px 15px 0px rgba(68, 68, 68, 1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(68, 68, 68, 1);
    box-shadow: 1px 1px 15px 0px rgba(68, 68, 68, 1);
}

.footer-bg .contact-info-wrapper {
    position: relative;
}

.footer-bg .contact-address-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--primary-color);
}

.footer__contact-container {
    padding-top: 4em;
    width: 100%;
}

.footer__contact-container .contact-info {
    width: 302px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 16px;
}


.footer__contact-container .contact-info.social {
    color: white;
    font-size: .88em;
}

.contact-info-logo {
    display: block;
    width: 18%;
    margin: 0 auto;
    filter: brightness(0) invert(1);
}

.section--subsection-contact .footer__contact-container address {
    padding-top: 65px;
}

.footer__contact-container address ul li .adr-icon {
    line-height: 1em;
    font-size: 2.625em;
    color: #fff;
    margin-bottom: 15px;
    padding-right: 0;
    float: none;
    display: block;
}

.footer__contact-container address ul {
    text-align: center;
    padding-left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.footer__contact-container address > ul > li {
    list-style-type: none;
    margin-bottom: 2.6em;
}

.footer__contact-container address ul li .et-letter.adr-icon {
    font-size: 1.875em;
}

.footer__contact-container address ul li .et-calling.adr-icon {
    font-size: 2.1em;
}

.et-marker:before {
    content: '\e668';
}

.et-letter:before {
    content: '\e671';
}

.et-calling:before {
    content: '\e66a';
}

.footer__contact-container address ul li .adr-icon,
.footer__contact-container address ul li .adr-group {
    display: inline-block;
    float: none;
    vertical-align: middle;
    text-align: center;
}

.footer__contact-container address ul li .adr-group .adr-heading {
    color: white;
    font-size: .811em;
    line-height: 1em;
    font-weight: 400;
    letter-spacing: 0.025em;
    margin-bottom: 3px;
    text-transform: uppercase;
    display: block;
    font-family: Comfortaa-bold;
}

.footer__contact-container address ul li .adr-group .adr-info {
    color: #FFFFFF;
    font-size: 0.875em;
    line-height: 1.428571428571429em;
    letter-spacing: 0;
    text-transform: none;
}

.footer-social-links ul {
    padding-top: 15px;
    padding-bottom: 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.footer-social-links ul li {
    border: 0;
    font-size: 1.875em; /* 30px */
    margin-right: 0;
    padding-right: 0;
    vertical-align: middle;
}

.footer-social-links ul li a {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 2em; /* 60px */
    height: 2em; /* 60px */
}

.footer-social-links ul li a:hover > span {
    color: var(--primary-color);
}

.footer-social-links ul li a:hover {
    color: #FFFFFF;
    background-color: #fff;
}

.et-facebook--facebook:before {
    content: '\e664';
}

.et-twitter--twitter:before {
    content: '\e665';
}

.et-instagram--instagram:before {
    content: '\e666';
}

.et-youtube--youtube:before {
    content: '\e667';
}

.et-blog--blog:before {
    content: '\e670';
}

.footer-social-links .footer-social-links__custom-network {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0.7;
}

.footer-social-links .footer-social-links__custom-network:hover {
    opacity: 1;
}

.footer-social-links .icon--misa {
    display: block;
    width: 53px;
    height: 52px;
}


.copyright {
    padding-top: 22px;
    padding-bottom: 22px;
}

.copyright small {
    font-weight: 400;
    font-size: 0.8125em;
    line-height: 1.833333333333333em;
    color: #fff;
    letter-spacing: 0;
    text-transform: none;
    font-family: "Alegreya Sans", sans-serif;
}

.copyright small a,
.copyright small a:link {
    color: #fff;
}

.copyright small > * {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.copyright small:hover > * {
    opacity: 1;
}

.contact-footer small .neobookings-logo {
    display: inline-block;
    vertical-align: bottom;
    width: 105px;
    height: 23px;
    background: transparent url("../images/design/logoneo.svg") no-repeat center center;
    margin-left: 7px;
}

.contact-footer .links-legal {
    padding-top: 3px;
    font-size: .7em;
}

.copyright .to-the-top {
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
}

.copyright .to-the-top > i {
    margin-top: 2px;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    padding: 0;
    color: #F82E30;
}

.contact-footer .links-legal .slash {
    padding: 0 10px;
    color: var(--primary-color);
}

.contact-footer .links-legal .slash:last-of-type {
    display: none;
}

.copyright .links-legal {
    font-family: "Alegreya Sans", sans-serif;
    color: #F82E30;
    font-size: 13px;
}

.copyright .links-legal .slash {
    padding: 0 10px;
}

.copyright .links-legal a {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}

.copyright .links-legal a:hover {
    text-decoration: none;
    color: #fff;
    opacity: 1;
}


/* sugerencias */
.suggestion {
    color: #FFFFFF;
    margin: 0 auto;
    font-size: 1.125em;
}

.suggestion p {
    visibility: hidden;
}


/* --------------------------------------------------
	2.0 Rooms
-------------------------------------------------- */

.portfolio-1col-fw .portfolio-item .pull-left,
.portfolio-1col-fw .portfolio-item .pull-right {
    float: none !important;
}

.text-block {
    top: 1.2em;
}

.room-list__room .single-img-slider .slick-dots {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 15px;
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 0 0 0 15px;
}

.room-list__room .pull-right .single-img-slider .slick-dots {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 15px;
    width: 100%;
    margin: 0;
    text-align: right;
    padding: 0 15px 0 0;
}

.slick-dots li {
    background-color: #fff;
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: transparent;
}

.slick-dots .slick-active,
.slick-dots .slick-active:hover {
    background-color: rgba(245, 47, 48, 0.6);
    border-color: transparent;
}

.room__facilities-list {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 28px;
    margin-bottom: 13px;
}

.room__facilities-list .slick-prev,
.room__facilities-list .slick-next {
    width: 30px;
    height: 40px;
    font-size: 1.6em;
    line-height: 1em;
    margin-top: -20px;
}

.room__facilities-list .slick-prev span,
.room__facilities-list .slick-next span {
    display: inline-block;
}

.room__facilities-list .slick-prev {
    left: 0;
}

.room__facilities-list .slick-next {
    right: 0;
}

.room__facilities-list .item {
    text-align: center;
}


.room__facilities-list .icon--misa {
    display: block;
    margin: 0 auto;
    height: 35px;
    width: 42px;
}

.room__facilities-list .name {
    display: none;
}


/* --------------------------------------------------
	4.0 Default-item
-------------------------------------------------- */
.portfolio--galery {
}

.portfolio--galery .portfolio-columns-boxed {
    padding-top: 0;
    position: relative;
}

.container--extrainfo table > tbody > tr > th {
    border-top: 0 none;
    border-bottom: 1px solid #93A0A5;
    text-transform: uppercase;
}

.container--extrainfo table > tbody > tr > td:last-child {
    text-align: right;
}

/* --------------------------------------------------
	5.0 Clubbing
-------------------------------------------------- */
.section--subsection-highlight-location {
    position: relative;
    background-size: cover;
    padding-top: 113px;
    padding-bottom: 106px;
}

.section--subsection-highlight-location .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: #231A3D;
    background-color: rgba(0, 0, 0, 0.85);
}

.section--subsection-highlight-location .container {
    position: relative;
    z-index: 2;
}

.subsection-highlight-location__hightlight-list {
}

.subsection-highlight-location__hightlight-list .ft-item {

}

.ft-x .ft-item span {
    width: 80px;
    height: 80px;
    color: #F82E30;
    font-size: 62px;
    margin-top: 20px;
}

.ft-item .ft__title {
    font-size: 1.2em;
    line-height: 1.222222222222222em;
    color: #F82E30;
    letter-spacing: 0.025em;
    margin-bottom: 15px;
}

.ft-item .ft__description {
    color: #fff;
    font-size: 1em;
    line-height: 1.666666666666667em;
    overflow: hidden;
}

.subsection-highlight-location__slogan {
    font-size: 60px;
    line-height: 80px;
    font-weight: 400;
    font-family: 'Alegreya Sans', sans-serif;
    color: #F1EEFF;
    opacity: 0.7;
    letter-spacing: 0.0525em;
    padding-left: 0;
    position: relative;
    margin: 0 0 50px;
}

.subsection-highlight-location__slogan:after {
    content: '';
    display: block;
    height: 1px;
    background: red;
    width: 40%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.subsection-highlight-location__slogan p {
    text-align: center;
}

.clubbing .section--subsection-highlight-location {
    margin-bottom: 100px;
}

.clubbing .ft-content-wrapper {
    background: #D3DCDD !important;
}

.section--subsection-clubbing-list {
    margin: 0 auto 65px;
}

.section--subsection-clubbing-list .clubbing-list__item {
    overflow: hidden;
    height: auto;
    position: relative;
    top: 0;
    margin: 0 0 65px;
    -webkit-transition: all .3s;
    transition: all .6s;
}

.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper--inner {
    position: relative;
    z-index: 999;
}

.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper--inner .item__description {
    overflow: auto;
    max-height: 230px;
}

.section--subsection-clubbing-list .clubbing-list__item:hover {
    box-shadow: 0 7px 35px rgba(0, 0, 0, .7);
    -webkit-transition: all .3s;
    transition: all .6s;
    position: relative;
    top: -30px;
}

.special-list .section--subsection-clubbing-list .clubbing-list__item:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    z-index: 1;
    transition: all .6s;
}

.section--subsection-clubbing-list .clubbing-list__item:hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; /*background-color: rgba(96, 52, 52, 0.8);*/
    -webkit-transition: all .3s;
    transition: all .6s;
}

.special-list .section--subsection-clubbing-list .clubbing-list__item:hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(96, 52, 52, 0.8);
    -webkit-transition: all .3s;
    transition: all .6s;
}

.section--subsection-clubbing-list .clubbing-list__item .mask-border {
    z-index: 1;
}

.section--subsection-clubbing-list .clubbing-list__item .link-item {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0 solid #F82E30;
    background-color: transparent;
    z-index: 99;
    display: block;
}

.section--subsection-clubbing-list .clubbing-list__item .titlebox {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: left;
    text-align: center;
    z-index: 1;
}

.section--subsection-clubbing-list .clubbing-list__item .titlebox .title {
    font-family: 'Pinyon Script', arial;
    font-size: 1.3125em;
    line-height: 1.444444444444444em;
    color: #D3DCDD;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 2px;
    text-transform: none;
    letter-spacing: 0.025em;
    transition: all .6s;
}

.section--subsection-clubbing-list .clubbing-list__item .titlebox .subheading {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.375em;
    line-height: 1.363636363636364em;
    letter-spacing: 0.05em;
    color: #fefffd;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
}

.section--subsection-clubbing-list .clubbing-list__item .titlebox .subheading strong {
    font-weight: 700;
    color: #F82E30;
}

.section--subsection-clubbing-list .clubbing-list__item .titlebox .subheading:after {
    content: '';
    display: block;
    width: 3.125em;
    margin: 15px auto 0;
    height: 1px;
    background: #F82E30;
}

.section--subsection-clubbing-list .clubbing-list__item .item__img-wrapper {
    height: auto;
}

.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper {
    height: auto;
}

.clubbing-list__item .item__img-wrapper img {
    position: static;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper {
    background-color: #fff;
    padding: 25px 5% 20px 25px;
}

.clubbing-list__item .item__title {
    font-family: 'Pinyon Script', arial;
    font-size: 25px;
    line-height: 27px;
    color: #6B717C;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 12px;
    text-transform: none;
    letter-spacing: 0.025em;
    transition: all .6s;
}

.clubbing-list__item .item__subtitle {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 22px;
    line-height: 1.666666666666667em;
    letter-spacing: 0.126em;
    color: #151518;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 25px;
}

.clubbing-list__item .item__subtitle:after {
    content: '';
    display: block;
    width: 150px;
    margin: 15px 0 0;
    height: 1px;
    background: #F82E30;
}

.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper p {
    margin-bottom: 10px;
}

.section--subsection-more-highlight-hotel {
}

.subsection-more-highlight-hotel--list {
    width: 1400px;
    margin: 0 auto;
}

.clubbing .subsection-more-highlight-hotel--list {
    width: 100%;
    margin: 0 auto;
}

.list__item {
}

.list__item .ft-content {
    overflow: hidden;
}

.item__title {
    font-size: 1.066666666666667em;
    line-height: 1.125em;
    letter-spacing: 0.025em;
    color: #F82E30;
    margin-top: 33px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.section--subsection-more-highlight-hotel .ft-dark-spin i {
    background-color: #F82E30;
    color: #fff;
    border-radius: 50%;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

    padding: 0;
}

.section--subsection-more-highlight-hotel .ft-dark-spin i::before {
    display: none;
}

.section--subsection-more-highlight-hotel .ft-dark-spin:hover i {
    -webkit-transform: none;
    transform: none;
    border: none;
    background-color: #951c1d;
    color: #fff;
}

.icon--misa.icon--cubiertos {
    background-position: 17px -611px;
}

.icon--misa.icon--reloj {
    background-position: -52px -611px;
}

.icon--misa.icon--tag {
    background-position: -140px -611px;
}

.icon--misa.icon--playa {
    background-position: -227px -611px;
}

.icon--misa.icon--smile {
    background-position: -308px -611px;
}

.icon--misa.icon--glass {
    background-position: -103px -507px;
}

.section--subsection-more-highlight-hotel .ft-dark-spin:hover .item__title {
    color: #951c1d;
}

.list__center {
    margin-left: -7px;
    margin-right: -7px;
}

.center__image {
    position: relative;
}

.center__image::before,
.center__image::after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 250px;
    left: 0;
}

.center__image::before {
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff4f4+0,eff4f4+23,ffffff+100&1+0,1+23,0+100 */
    background: -moz-linear-gradient(top, rgba(239, 244, 244, 1) 0%, rgba(239, 244, 244, 1) 23%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(239, 244, 244, 1) 0%, rgba(239, 244, 244, 1) 23%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(239, 244, 244, 1) 0%, rgba(239, 244, 244, 1) 23%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff4f4', endColorstr='#00ffffff', GradientType=0); /* IE6-9 */

}

.center__image::after {
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eff4f4+77,eff4f4+100&0+0,1+77,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(239, 244, 244, 1) 77%, rgba(239, 244, 244, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(239, 244, 244, 1) 77%, rgba(239, 244, 244, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(239, 244, 244, 1) 77%, rgba(239, 244, 244, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#eff4f4', GradientType=0); /* IE6-9 */

}


.subsection-more-highlight-hotel--list .right-align .ft-icon {
    float: none;
    display: block;
    width: auto;
}

.subsection-more-highlight-hotel--list .right-align .ft-content {
    display: block;
    width: auto;
    text-align: right;
}

.section--subsection-more-highlight-hotel .ft-dark-spin.right-align i {
    float: right;
    margin-left: 35px;
    margin-right: 0;
}

.section--subsection-more-highlight-hotel .ft-dark-spin.right-align i::before {
    display: none;
}


.p-s-portfolio .section--subsection-best-clubs {
    margin-top: 0;
    padding-top: 135px;
}

.section--subsection-best-clubs figure figcaption .p-content .icon--club {
    display: inline-block;
    width: 110px;
    height: 110px;
}

.clubbing .subsection-more-highlight-hotel--list .right-align .ft-content {
    text-align: left;
}


/* --------------------------------------------------
	DEFAULT-ITEM
-------------------------------------------------- */
.wrapper-item {
    margin: 30px 0;
    padding: 75px 0 0;
}

.wrapper-item #about-item {
    background: rgba(211, 220, 221, .7);
    padding: 30px 0;
}

.wrapper-item .portfolio--galery {
    padding-top: 0px;
}

.wrapper-item .portfolio--galery .ws-m {
    padding: 0 70px 10px;
}

.wrapper-item .portfolio--galery .portfolio-columns-boxed:before {
    content: '';
    display: block;
    background: rgba(211, 220, 221, .7);
    width: 100%;
    height: 150px;
    position: absolute;
    margin-left: -15px;
}

.wrapper-item .container--extrainfo {
    padding: 30px 35px;
    margin-top: 45px;
}

/* --------------------------------------------------
	6.0 Contact & Location
-------------------------------------------------- */
#contact {
    overflow: hidden;
    margin-bottom: -25px;
}

.ft-tabs--container-distances {
    margin-bottom: 130px;
    margin-top: 40px;
}

.ft-tabs--container-distances .tabs-list li {
    border-top-color: #fff;
    border-bottom-color: #fff;
    border-left: 1px solid #fff;
    border-top: 0px solid #ececec;
    border-bottom: 0px solid #ececec;
}

.ft-tabs--container-distances .tabs-list .slick-next {
    right: 0;
    top: 0;
    margin-top: 0;
    height: 100%;
    width: auto;
}

.ft-tabs--container-distances .tabs-list .slick-prev {
    left: 0;
    top: 0;
    margin-top: 0;
    height: 100%;
    width: auto;
}

.ft-tabs--container-distances .tabs-list .slick-prev i.fa.fa-angle-left,
.ft-tabs--container-distances .tabs-list .slick-next i.fa.fa-angle-right {
    background: #6B717C;
    height: 100%;
    line-height: 99px;
}

.ft-tabs--container-distances .tabs-list .slick-prev i.fa.fa-angle-left:before,
.ft-tabs--container-distances .tabs-list .slick-next i.fa.fa-angle-right:before {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    display: block;
}

.ft-tabs--container-distances .tabs-list li a {
    background-color: #d2dcdd;
    color: #151419;
    border-left: none;
    padding: 14px 15px;
    height: 120px;
}

.ft-tabs--container-distances .tabs-list .active a {
    border-left: none;
}

.ft-tabs .tabs-list .active a {
    background-color: #d2dcdd;
}

.contact .ft-tabs--container-distances #contacttab.tabs-list .custom-active a,
.contact .ft-tabs--container-distances #contacttab.tabs-list li a:hover {
    background-color: #4d5154 !important;
}

.ft-tabs .tabs-list li.custom-active a .tab-group .tab-heading,
.ft-tabs .tabs-list li a:hover .tab-group .tab-heading {
    color: #d2dcdd !important;
}

.ft-tabs--container-distances .tabs-list li a .tab-icon {
    vertical-align: middle;
    width: 45px;
    height: 45px;
    margin-right: 15px;
    padding: 0;
    border-radius: 50%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

.ft-tabs--container-distances .tabs-list li a .tab-group {
    max-width: none !important;
}

.ft-tabs--container-distances .tabs-list li a .tab-group {
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: calc(100% - 105px);
}

.ft-tabs--container-distances .tabs-list li a .tab-group .tab-heading {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1.2em;
    line-height: 1em;
    letter-spacing: 0.025em;
    font-weight: 400;
    margin-bottom: 5px;
}

.ft-tabs--container-distances .tabs-list li a .tab-group .tab-info {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 1em;
    line-height: 1.166666666666667em;
    color: #838e8f;
    letter-spacing: 0;
    font-weight: 500;
}

.ft-tabs--container-distances .tabs-list .custom-active a .tab-icon,
.ft-tabs--container-distances .tabs-list li a:hover .tab-icon {
    background-color: #fff;
}

.ft-tabs--container-distances .tab-content {
    height: auto !important;
    -webkit-transition: all 0.25s ease;
    -moz-transition: height 0.25s ease;
    -o-transition: height 0.25s ease;
    -ms-transition: height 0.25s ease;
    transition: height 0.25s ease;
    border-top: 0 solid transparent;
    border-bottom: 1px solid transparent;
}

.ft-tabs--container-distances .tab-content::after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}

.ft-tabs--container-distances .tab-content > .active {
    display: block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

.ft-tabs--container-distances .tab-pane .overlay-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-size: cover;
    z-index: 9999;
    display: inline-block;
}

.ft-tabs--container-distances .tab-pane .overlay-bg::after {
    content: '';
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #4d5154;
    background-color: rgba(0, 0, 0, 0.75);
}

.ft-tabs--container-distances .tab-content .tab-content-text {
    position: relative;
    z-index: 1;
    padding-top: 95px;
    padding-bottom: 95px;
    padding-left: 35px;
    float: right;
    vertical-align: middle;
    background: #4d5154;
    color: #D3DCDD;
}

.ft-tabs--container-distances .tab-content .tab-content-text:after {
    content: '';
    display: block;
    height: 250px;
    width: 1px;
    font-size: 0;
    line-height: 0;
    background-color: #F82E30;
    background-color: rgba(248, 46, 48, 0.7);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tab-content > .tab-pane:nth-of-type(2n) .tab-content-text {
    float: left;
}

.tab-content > .tab-pane:nth-of-type(2n) .tab-content-text:after {
    left: auto;
    right: 0;
}

.tab-content > .tab-pane:nth-of-type(2n) .overlay-bg {
    left: auto;
    right: 0;
}


.ft-tabs--container-distances .tab-content .tab-content-text h4 {
    font-size: 1.4em;
    line-height: 1em;
    color: #f24e4f;
    letter-spacing: 0.025em;
}

.ft-tabs--container-distances .tab-content .tab-content-text p {
    font-size: 1em;
    line-height: 1.666666666666667em;
    color: #fff;
    margin-bottom: 20px;
}

.ft-tabs--container-distances .tab-content .tab-content-text .btn {
    margin-top: 15px;
    width: 180px;
}

/* --------------------------------------------------
	7.0 Gallery
-------------------------------------------------- */
.portfolio--page-gallery {
    margin-top: 0;
}

.portfolio-filters li a {
    font-family: 'Confortaa', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    padding: 8px 20px;
    border: 1px solid transparent;
    font-size: .94em;
    line-height: 3em;
    letter-spacing: 0.05em;
    text-transform: lowercase;
}

.portfolio-filters li a:hover {
    color: var(--primary-color);
}

.portfolio-filters .active a,
.portfolio-filters .active a:link,
.portfolio-filters .active a:hover {
    color: #777;
    background-color: #fff;
    border-color: var(--primary-color);
    font-weight: 400;
    padding: 8px 20px;
    text-transform: lowercase;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item,
.gallery .portfolio-columns-boxed .portfolio-item,
.default .portfolio-columns-boxed .portfolio-item {
    background: transparent;
    padding: 2px;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 1) figure img {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0;
    transform: translateX(0) scale(1);
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 2),
.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 3),
.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 4),
.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 5),
.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 6) {
    width: 50% !important;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 2) figure {
    height: 604px !important;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 3) figure {
    height: 300px !important;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 4) figure {
    height: 300px !important;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 5) figure {
    height: 300px !important;
}

.default-item .portfolio--galery .portfolio-columns-boxed .portfolio-item:nth-of-type(6n + 6) figure {
    height: 300px !important;
}


/* --------------------------------------------------
	8.0 Restaurant - Special list
-------------------------------------------------- */

.separatorbottom {
    margin-bottom: 115px;
}

.section--subsection-clubbing-list .clubbing-list__item .ft-content-wrapper.semigrey-bg {
    background-color: #F1EEFF;
}

.entorno-list {
    background: transparent !important;
    padding-top: 0 !important;
}

/*Slider Arrows*/
.fs-slider-hero .fs-slider .slick-next span,
.fs-slider-hero .fs-slider .slick-prev span {
    display: inline-block;
}

.fs-slider-hero .fs-slider .slick-next span:before,
.fs-slider-hero .fs-slider .slick-prev span:before {
    vertical-align: bottom;
}

/*End Slider Arrows*/

/* video player BG */
.mb_YTPBar span.mb_OnlyYT, .mb_YTPBar span.mb_YTPUrl {

}


/* Cookies */
#cookie-bar {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: rgba(var(--primary-color-rgb), 0.9);
    zoom: 1;
    height: auto;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 10px;
    position: fixed;
    width: 100%;
    z-index: 10000;
    font-size: 1em;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#cookie-bar div.msgcook {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#cookie-bar a {
    color: #fff;
    text-decoration: underline;
}

#cookie-bar a.cb-enable,
#cookie-bar a.cb-disable {
    width: auto;
    height: auto;
    text-transform: uppercase;
    display: inline-block;
    margin: 5px;
    text-decoration: none;
    font-size: 0.875em;
    padding: 0 10px;
}

#cookie-bar .cb-enable {
    color: #FFFFFF;
    background-color: #F82E30;
    background-color: rgba(var(--primary-color-rgb), 0.9);
    border-color: #ffffff;
    border: 1px solid #fff;
}

#cookie-bar .cb-enable:hover {
    color: rgba(var(--primary-color-rgb), 0.9);
    background-color: #fff;
}

#cookie-bar .cb-disable {
    color: #FFFFFF;
    background-color: #EF9139;
}

#cookie-bar .cb-disable:hover {
}

#cookie-bar .cb-policy {
    background: #0033bb;
}

#cookie-bar .cb-policy:hover {
    background: #0055dd;
}

/*Acordeon*/

.accordion.navbar-small {
    box-shadow: none;
}

.accordion.navbar-small .ventajas-block {
    right: 64px;
    top: 95px;
    transition: all 0.4s ease-in-out;
}

.accordion.smk_accordion {
    margin: 0 auto;
    position: relative;
}

.ventajas-block {
    position: fixed;
    width: 240px;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    right: 63px;
    opacity: 0;
    top: 180px;
    z-index: 99;
    padding: 0;
    font-family: 'Comfortaa', sans-serif;
    font-size: 16px;
    text-transform: none;
    color: #727176;
    border-left: 3px solid #f1a040;
    transition: all 0.4s ease-in-out;
}

.ventajas-block .acc_head .acc_icon_expand {
    text-align: center !important;
    width: 20% !important;
    margin: 0 !important;
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
}

.ventajas-block .acc_head .acc_icon_expand:before {
    content: '\f107' !important;
    font: normal normal normal 19px/64px FontAwesome !important;
    color: #f1a040 !important;
}

.ventajas-block ul {
    padding-left: 0;
    list-style: none;
}

.ventajas-block:hover {
    cursor: pointer;
}

.ventajas-block .close {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.ventajas-block h3.title-ventajas {
    font-family: "Comfortaa", sans-serif;
    font-size: 0.8125em;
    line-height: 17px;
    text-transform: initial;
    margin: 0;
    letter-spacing: 0;
    padding: 15px 0 15px 20px;
    width: 80%;
    text-align: left !important;
}

.ventajas-block .acc_content {
    padding: 0 20px 20px 20px;
}

.ventajas-block p {
    font-family: "Comfortaa", sans-serif;
    font-size: 0.8125em;
    text-transform: none;
    color: #727176;
    border-bottom: 1px solid rgba(29, 29, 27, 0.3);
}

.ventajas-block p strong {
    font-weight: 400;
}

.ventajas-block li {
    text-align: left;
    background: none;
    background-position-y: 15px;
    padding-left: 25px;
    padding-top: 6px;
    font-family: "Comfortaa",
    sans-serif;
    font-size: 0.8125em;
    text-transform: none;
    color: #1d1d1b;
    font-weight: 300;
    line-height: 17px;
}

.ventajas-block li:before {
    font-family: 'FontAwesome', serif;
    content: "\f046";
    position: absolute;
    left: 20px;
    margin-top: 3px;
}

.btn-contextual-showing {
    opacity: 1;
    transition: opacity 1s ease-out;
    display: block;
}

/*End Acordeon*/


/*POPUP BENEFITS VENTAJAS*/

#small-dialog button.mfp-close {
    background-color: #000 !important;
    color: #fff !important;
    top: 0 !important;
    font-style: normal;
    font-size: 30px;
    font-family: initial;
    font-weight: lighter;
}

#small-dialog .logo-dialog {
    display: block;
    text-align: center;
    max-width: 260px;
    height: auto;
    margin: 20px auto;
}

.small-dialog {
    padding: 0;
    text-align: left;
    max-width: 808px;
    margin: 0 auto;
    background-color: #e6e4e1;
    position: relative;
}

.small-dialog button.mfp-close {
    background: none;
    width: 56px !important;
    text-align: center !important;
    right: 0px !important;
    padding: 0 !important;
    left: inherit;
    height: 56px;
}

#somedialog h3 {
    background: #080786;
    color: #fff;
    margin: 0;
    padding: 13px;
    font-family: 'Comfortaa', sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    text-align: center;
}

#somedialog .btn-close-dialog {
    font-family: 'Comfortaa', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #a5141e;
    background: #2A2626;
    border: 0;
    padding: 0;
    width: 145px;
    height: 38px;
    display: block;
    margin: 15px auto 0;
    font-weight: 900;
}

#somedialog #benefits_rd.section--section-benefits {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    background: transparent;
    padding: 0;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd {
    text-align: center;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit {
    background-color: transparent;
    border: 0;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    position: relative;
    float: none;
    font-size: 70px;
    vertical-align: middle;
    width: 85% !important;
    margin: 10px 3px;
    height: auto;
    padding: 10px 10px;
    color: var(--primary-color);
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit:nth-child(3):after {
    background: none;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit:nth-child(5):after {
    background: none;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit .icon-inner {
    font-size: 45px;
    color: var(--primary-color);
    margin: 10px 3px;
    padding: 0;
    display: block;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit .icon-inner:before {
    font-size: 45px;
    color: var(--primary-color);
    margin: 0;
}

#somedialog #benefits_rd.section--section-benefits .benefit__title {
    font-weight: 400;
    color: #a5141e;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    text-transform: none;
    font-family: 'Comfortaa', sans-serif;
    margin: 0;
    text-align: center;
    position: relative;
    top: 0;
    transform: inherit;
    padding-top: 15px;
}

#somedialog #benefits_rd.section--section-benefits .benefit__title span {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #636363;
}

#somedialog .section-benefits__benefit-list {
    padding: 0;
}

#somedialog .desc {
    text-align: center;
    padding: 0 10px;
    color: #636363;
    font-family: 'Comfortaa', sans-serif;
}

#somedialog .desc h3 {
    background: transparent;
    color: #080786;
    margin: 15px 0 0 0;
    font-family: 'Comfortaa', sans-serif;
    letter-spacing: 0;
    font-size: 16px;
    text-align: center;
    padding: 13px 13px 30px;
    text-transform: none;
    font-weight: 400;
    position: relative;
}

#somedialog .desc h3:before {
    content: '';
    display: block;
    background: #080786;
    width: 130px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#somedialog .benefit div.desc p {
    margin: 25px 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

#somedialog svg.arrowsvg {
    overflow: hidden;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 0;
    opacity: 0;
}

#somedialog svg.arrowsvg2 {
    overflow: hidden;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    right: -75px;
    z-index: 0;
    width: 0;
    opacity: 0;
}

#somedialog .benefit__title small {
    color: #636363;
    font-size: 17px !important;
}

/* Content styles */
#somedialog .benefit div.desc p {
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

/* Effect 16:  Blur */
.dialog.dialog--open ~ .md-overlay {
    background: rgba(131, 142, 159, 0.53);
}

#somedialog h3 {
    background: #e6e4e1;
    color: #6B717C;
    margin: 0;
    padding: 30px;
    font-family: 'Comfortaa', sans-serif;
    letter-spacing: 2px;
    font-size: 18px;
    text-align: center;
}

#somedialog .btn-close-dialog {
    font-family: 'Comfortaa', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #6B717C;
    background: #2A2626;
    border: 0;
    padding: 0;
    width: 145px;
    height: 38px;
    display: block;
    margin: 15px auto 0;
    font-weight: 900;
}

#somedialog #benefits_rd.section--section-benefits {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    background: transparent;
    padding: 0;
}

#somedialog .section-benefits__benefit-list {
    padding: 0;
}

#somedialog .desc {
    text-align: center;
    padding: 0 10px;
    color: #000000;
    font-family: 'Comfortaa', sans-serif;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit {
    background-color: transparent;
    border: 0;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    position: relative;
    float: none;
    font-size: 35px;
    vertical-align: middle;
    width: 32% !important;
    margin: 10px 3px;
    height: 180px;
    padding: 10px 10px;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit:nth-child(3):after,
#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd .benefit:nth-child(5):after {
    background: none;
}

#somedialog #benefits_rd.section--section-benefits .benefit-list__slider_rd {
    text-align: center;
}


#somedialog #benefits_rd.section--section-benefits .benefit__title {
    text-transform: none;
    font-family: 'Comfortaa', sans-serif;
    margin: 0;
    text-align: center;
    position: relative;
    top: 0;
    transform: inherit;
    padding-top: 15px;
    font-weight: 500;
    color: #6B717C;
    font-size: 0.875em;
    line-height: 1em;
    letter-spacing: 0.025em;
    text-transform: none;
    font-size: .94em;
}

#somedialog #benefits_rd.section--section-benefits .benefit__title span {
    display: block;
    font-family: 'Comfortaa', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    color: #6B717C;
    font-size: 0.6em;
    line-height: 1em;
    letter-spacing: 0.025em;
    text-transform: none;
}

#somedialog svg.arrowsvg {
    overflow: hidden;
    font-size: 11px;
    width: 24%;
    position: absolute;
    bottom: 0;
    opacity: 0.09;
    left: 0;
    z-index: 0;
}

#somedialog svg.arrowsvg2 {
    overflow: hidden;
    font-size: 11px;
    width: 35%;
    position: absolute;
    bottom: 0;
    opacity: 0.07;
    right: -75px;
    z-index: 0;
}

#somedialog svg.arrowsvg {
    overflow: hidden;
    font-size: 11px;
    width: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    left: 0;
    z-index: 0;
}

#somedialog svg.arrowsvg2 {
    overflow: hidden;
    width: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    right: -75px;
    z-index: 0;
}

#somedialog .benefit__title small {
    color: #6B717C;
    font-size: 14px !important;
}

/* Styles for dialog window */
#small-dialog {
    padding: 0;
    text-align: left;
    max-width: 808px;
    margin: 0 auto;
    background-color: #e6e4e1;
    position: relative;
}

/**
    * Fade-zoom animation for first dialog
    */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/*END POPUP BENEFITS VENTAJAS*/

#mc_embed_signup_scroll {
    position: relative;
}

/* FULLSCREEN MENU */

.scroll--disable {
    overflow: hidden;
}

.overlay.open ~ nav.navbar.navbar-small .menu-button-container {

}

.overlay.open ~ .navbar:not(.mobile-nav) .navbar-header {
    margin-top: 0px;
}

.overlay.open ~ nav.navbar .menu-button-container .button_container.button-booking {
    border-color: #ffffff;
}

.menu-button-container {
    color: #fff;
    top: 39px;
    right: 3.5em;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all ease .5s;
}

.menu-button-container .menu-text {
    display: inline-block;
    margin-right: 5px;
}

.menu-button-container .button_container {
    height: 60px;
    border: 1px solid var(--primary-color);
    cursor: pointer;
    transition: opacity 0.25s ease;
    display: inline-block;
    position: relative;
    margin: 0 8px;
    color: #ffffff;
}

.button_container.button-menu {
    width: 60px;
}

nav.navbar.navbar-small .menu-button-container .button_container,
.overlay.open ~ .menu-button-container .button_container.button-booking {
    border-color: var(--secondary-color);
}

nav.navbar.navbar-small .menu-button-container {
    top: 40px
}

.button_container.button-booking {
    padding: 0 45px;
    line-height: 60px;
    font-size: 17px;
    border-color: var(--primary-color);
}

.button_container.button-booking a {
    color: #ffffff;
}

.button_container:hover {
    opacity: 0.7;
}

.button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #fff;
}

.button_container.active .middle {
    opacity: 0;
    background: #fff;
}

.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #fff;
}

.navbar-trans .button_container span {
    background: var(--primary-color);
}

.button_container.active {
    border: 1px solid var(--primary-color);
}

.button_container span {
    background: var(--secondary-color);
    margin: 18px 14px;
    border: none;
    height: 1px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 11px;
}

.button_container span:nth-of-type(3) {
    top: 22px;
}

.overlay {
    background: var(--primary-color);
    opacity: 0;
    display: none;
    transition: all ease .5s;
    z-index: 999;
}

.overlay.open {
    opacity: 0.9;
    display: flex;
    transition: all ease .5s;
}

.navbar-small .overlay{
    display: flex;
    visibility: hidden;
    transition: all ease .5s;
}

.navbar-small .overlay.open {
    visibility: visible;
    transition: all ease .5s;
}

.overlay.open.scrolled {
}

.overlay.open .social-networks,
.overlay.open li {
    animation: fadeInTop 0.5s ease forwards;
    animation-delay: 0.35s;
}

.overlay nav {
    position: relative;
    height: 70%;
    top: 55%;
    transform: translateY(-50%);
    font-size: 1.9em;
    font-weight: 400;
    text-align: center;
}

.overlay .overlay-menu ul {
    text-align: left;
    list-style: none;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay .overlay-menu ul li .submenu {
    display: block;
    top: 10px;
    margin-bottom: 10px;
}

.overlay .overlay-menu ul li .submenu li {
    height: auto;
    min-height: 40px;
}

.overlay .overlay-menu ul li .submenu li a {
    font-size: .8em;
}

.overlay .overlay-menu ul li {
    display: block;
    height: auto;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
}

.overlay .overlay-menu ul li a:before {
    content: '-';
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
    transition: 0.35s;
}

.overlay .overlay-menu ul li .submenu a:before {
    content: '\2022';
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
    transition: 0.35s;
}

.overlay .social-networks {
    position: absolute;
    z-index: 99999;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 0;
}

.overlay .social-networks .adr-heading.social {
    color: #ffffff;
    font-size: 14px;
    text-transform: lowercase;
    display: inline-block;
    width: 140px;
    margin-bottom: 12px;
    text-align: left;

}

.overlay .social-networks .social-links {
    display: inline-block;
}

.overlay .social-networks .social-links ul {
    padding-left: 0;
}

.overlay .social-networks .social-links ul > li {
    display: inline-block;
    margin: 0 5px;
}

.overlay .social-networks .social-links ul > li a {
    color: rgba(255, 255, 255, 0.7);
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 45px;
    font-size: 19px;
    transition: all ease .5s;
}

.overlay .social-networks .social-links ul > li a:hover {
    background-color: #ff792f;
    border-color: #ff792f;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        top: 20%;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}

/* Slider Rooms */

.rooms-carousel .slick-room.slick-active {
    opacity: 1;
    z-index: 5;
}

.rooms-carousel .slick-room {
    opacity: .2;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: opacity .5s;
    height: 650px;
}

.rooms-carousel .slick-list {
    overflow: visible;
}

.rooms-carousel .slick-room.slick-active .separator {
    width: 200px;
}

.rooms-carousel .slick-room.slick-active .separator.right {
    width: 100px;
}

.rooms-carousel .slick-room .separator.right {
    left: auto;
    right: -100px;
}

.rooms-carousel .slick-room .separator {
    position: absolute;
    width: 0px;
    height: 100%;
    top: 0;
    left: -100px;
    background-color: rgba(var(--secondary-color-rgb), 0.2);
    -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1) .8s;
}

.rooms-carousel .slick-room.slick-active .slick-content {
    animation: fadeInUp 1.5s ease forwards;
    animation-delay: 0s;
    display: block;

}

.rooms-carousel .slick-room .slick-content {
    display: none;
    position: absolute;
    background-color: rgba(var(--primary-color-rgb), .85);
    top: 10%;
    padding-bottom: 70px;
}

.rooms-carousel .slick-content .controllers .left.neoicon-arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rooms-carousel .slick-content .controllers .neoicon-arrow:hover {
    color: rgba(255, 255, 255, 1);
}

.rooms-carousel .slick-content .controllers .neoicon-arrow {
    color: rgba(255, 255, 255, .5);
    font-size: .6em;
    transition: all ease .5s;
}

.rooms-carousel .slick-content .controllers span {
    padding: 0 15px;
    color: white;
}

.rooms-carousel .slick-content .controllers {
    text-align: right;
}

.rooms-carousel .slick-room {
    position: relative;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.slick-room .slick-img {
    background-size: cover;
    width: 100%;
    height: 100%;
}

.rooms-carousel .slick-room .slick-content {
    padding-left: 85px;
    padding-top: 30px;
    padding-right: 30px;
    display: none;
}

.rooms-carousel .slick-room .slick-content .subheading {
    font-size: 1.88em;
    text-transform: none;
}

.rooms-carousel .slick-room .slick-content .title {
    font-size: 1.8em;
}

.suites .slick-content .description > a,
.rooms-carousel .slick-room .slick-content .description > a {
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.suites .slick-content .description,
.rooms-carousel .slick-room .slick-content .description {
    max-width: 310px;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .88em;
    color: white;
    position: relative;
}

.suites .slick-content .description > .description-wrapper,
.rooms-carousel .slick-room .slick-content .description > .description-wrapper {
    max-height: 105px;
    overflow: hidden;
    position: relative;
}

.suites button,
.rooms-carousel .slick-room button {
    display: flex;
}

.suites button a,
.rooms-carousel .slick-room button a {
    color: #ffffff;
}

.suites button .neoicon-timbre,
.rooms-carousel .slick-room button .neoicon-timbre {
    color: #fff;
    font-size: 1.8em;
    padding-left: .5em;
}

.suites .btn.btn-no-icon {
    margin-right: 16px;;
}

/* Slider Circle Arrows */
.rooms-carousel .slick-next,
.rooms-carousel .slick-prev {
    border: 1px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 75px !important;
    height: 75px !important;
    color: var(--primary-color);
    opacity: 1;
}

.rooms-carousel .slick-prev:hover .neoicon-arrow.prev {
    right: 70%;
    font-size: .17em;
}

.rooms-carousel .slick-next:hover .neoicon-arrow {
    left: 70%;
    font-size: .17em;
}

.rooms-carousel .slick-next:hover,
.rooms-carousel .slick-prev:hover {
    background-color: rgba(var(--secondary-color-rgb), .5);
    border: none;
}

.rooms-carousel .slick-next {
    right: -.7em;
}

.rooms-carousel .slick-prev,
.rooms-carousel .slick-next {
    font-size: 4.3em;
}

.rooms-carousel .slick-prev {
    left: -.7em !important;
}

.rooms-carousel .slick-next .neoicon-arrow {
    position: absolute;
    font-size: .15em;
    left: 28%;
    top: 45%;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.rooms-carousel .slick-prev .neoicon-arrow.prev {
    position: absolute;
    font-size: .15em;
    right: 28%;
    top: 45%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* PROMOTIONS CAROUSEL */

#section-promotions .subsection__subsection-introduction {
    margin-bottom: 0;
}

.promotions-carousel .slick-promotion.slick-slide {
    position: relative;
}

.slick-promotion .slick-img {
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.slick-promotion {
    width: 100%;
    height: 750px;
}

.with-newsletter .cta-newsletter {
    bottom: 0;
    z-index: 99;
}

.with-newsletter .cta-newsletter .cta-wrapper .mc-form {
    margin: 0;
}

#section-promotions .promotion-content p {
    color: #fff;
}

#section-promotions .slick-promotion.slick-active .promotion-content {
    display: block;
}

.promotions-carousel {
    position: relative;
}

#section-promotions .slick-promotion-text {
    position: absolute;
    z-index: 100;
    height: 650px;
    width: 650px;
    text-align: center;
    margin-left: 5%;
    padding-top: 75px;
    padding-left: 65px;
    padding-right: 65px;
    background-image: url(../images/sadesign/cs-head.png);
    background-size: 36%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(var(--primary-color-rgb), .8);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 7%;
    bottom: 10%;
}

#section-promotions .promotion-content .subheading {
    font-family: Comfortaa;
    font-size: 1.88em;
    text-transform: none;
    letter-spacing: .5px;
}

#section-promotions .promotion-content p {
    font-size: 1.13em;
    padding: 15px 15px 0 15px;
}

#section-promotions .promotion-content button,
#section-promotions .promotion-content .btn {
    margin-top: 1em;
}

#section-promotions .promotion-content .btn {
    line-height: 2.8125em;
}

#section-promotions .promotion-content button > .neoicon-arrow,
#section-promotions .promotion-content .btn > .neoicon-arrow {
    color: #fff;
    font-size: .5em;
    padding-left: 1em;
    margin-right: -7px;
}

.with-newsletter .row {
    position: relative;
}

.promotion-content .controllers .left.neoicon-arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.promotion-content .controllers .neoicon-arrow:hover {
    color: rgba(255, 255, 255, 1);
}

.promotion-content .controllers .neoicon-arrow {
    color: rgba(255, 255, 255, .5);
    font-size: .6em;
}

.promotion-content .controllers span {
    color: white;
    padding: 0 15px;
}

.promotion-content .controllers {
    margin-bottom: 80px;
}

/* MOSAICO SERVICIOS */
.grid-container {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin: 0 auto;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 184px 184px;
    grid-template-rows: 184px 184px;
    grid-gap: 10px;
}

.grid-container .subheading {
    font-family: Comfortaa;
}

.grid-container .item-1 {
    position: relative;
    display: flex;
    align-items: center;
    background-image: url("../images/sadesign/mosaico.png");
    height: 770px;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / span 3;
}

.grid-container .item-1:after {
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(221, 211, 202, 0.3);
}

.grid-container .item-2 {
    position: relative;
    overflow: hidden;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / span 1;
}

.grid-container .item-2 .bg-cover {
    background-image: url("../images/sadesign/grid-2.jpg");
    background-size: cover;
}

.grid-container .item-3 .bg-cover {
    background-image: url("../images/sadesign/grid-3.jpg");
    background-size: cover;
}

.grid-container .item-3 {
    position: relative;
    -ms-grid-column: 3;
    grid-column: 3;
    grid-row: 1 / span 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    overflow: hidden;
}

.grid-container .item-4 .bg-cover {
    background-image: url("../images/sadesign/grid-4.jpg");
    background-size: cover;
}

.grid-container .item-4 {
    position: relative;
    overflow: hidden;
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / span 2;
}

.grid-container .item-5 .bg-cover {
    background-image: url("../images/sadesign/grid-5.jpg");
    background-size: cover;
}

.grid-container .item-5 {
    position: relative;
    overflow: hidden;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
}

.grid-container .item-6 .bg-cover {
    background-image: url("../images/sadesign/grid-6.jpg");
    background-size: cover;
}

.grid-container .item-6 {
    position: relative;
    overflow: hidden;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
    -ms-grid-row: 3;
    grid-row: 3;
}

.grid-container .item-7 .bg-cover {
    background-image: url("../images/sadesign/grid-7.jpg");
    background-size: cover;
}

.grid-container .item-7 {
    position: relative;
    overflow: hidden;
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 3;
    grid-row: 3;
}

.grid-container .service-content .sec-heading .title {
    color: #fff;
}

.grid-container .service-content .sec-heading .subheading {
    color: #fff;
}

/* Grid common */
.grid-container .card .service-content {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
}

.grid-container .sec-heading {
    margin-bottom: 0;
}

.grid-container .card .bg-cover {
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    -webkit-transition: .35s;
    transition: .35s;
}

.grid-container .card:hover .service-content {
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    z-index: 15;
}

.grid-container .card:after {
    content: " ";
    z-index: 10;
    display: block;
    opacity: 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--primary-color-rgb), .6);
    transition: all ease .5s;
}

.home .grid-container .card:after{
    background-color: transparent;
}

.grid-container .card:hover:after {
    opacity: 1;
}

.grid-container .card:hover .bg-cover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* CAROUSEL PROMOTIONS ROOMS */
.promotions-rooms-carousel .promo {
    height: 600px;
    position: relative;
}

.slick-slide .slick-img {
    background-size: cover;
    width: 100%;
    height: 100%;
}

.fullwidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

.promotions-rooms-carousel .promotion-carousel-content .sec-heading-light {
    text-align: center;
}

.promotions-rooms-carousel .promo .promotion-carousel-content {
    height: 180px;
    width: 100%;
    background-color: rgba(var(--primary-color-rgb), .75);
    position: absolute;
    background-position: center;
    bottom: 0;
    transition: all .6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.promotions-rooms-carousel .promotion-carousel-content .sec-heading .title {
    font-family: Comfortaa;
    font-size: 1.88em;
    color: #fff;
    text-transform: none;
}

.promotions-rooms-carousel .promotion-carousel-content .sec-heading .subheading {
    font-family: Comfortaa-bold;
    font-size: 1.13em;
    color: #fff;
    text-transform: none;
}

.promotions-rooms-carousel .promo:hover .promotion-carousel-content {
    display: flex;
    align-items: center;
    height: 100%;
    background-position: center center;
    background-image: url("../images/design/logo-opacity.svg");
    background-repeat: no-repeat;
    background-size: 70%;
}

.promotions-rooms-carousel .promo .promotion-carousel-content .promo-description {
    display: none;
    color: #fff;
    text-align: center;
}

.promotions-rooms-carousel .btn-transparent-orange:hover .neoicon-small-arrow {
    color: #fff;
}

.promotions-rooms-carousel .btn-transparent-orange {
    text-transform: none;
}

.promotions-rooms-carousel .btn-transparent-orange .neoicon-small-arrow {
    color: var(--primary-color);
    font-size: .6em;
    padding-left: 5px;
}

.promotions-rooms-carousel .btn-transparent-orange {
    color: #fff;
    margin-top: 10%;
}

.promo-content .sec-heading {
    margin-bottom: 0;
}

.promotions-rooms-carousel .promo-content {
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    margin: 0 auto;
}

.promotions-rooms-carousel .promo .promotion-carousel-content .promo-description .points-separator {
    display: block;
    background: transparent url(../images/sadesign/points-separator.svg) no-repeat -55px 0;
    background-position: 50%;
    height: 30px;
    width: 50px;
    margin: 10px auto 0;
}

.promotions-rooms-carousel .promo:hover .promotion-carousel-content .sec-heading img {
    display: inline !important;
}

.promotions-rooms-carousel .promo:hover .promo-description {
    display: block;
}

.promotions-rooms-carousel .promotion-carousel-content .sec-heading img {
    display: none;
}

.rooms-promotions .controllers {
    position: absolute;
    left: 50%;
    margin-top: 225px;
    margin-left: -74px;
    z-index: 99;
}

.rooms-promotions .row {
    position: relative;
}

.circle-controllers .center-controllers .left.neoicon-arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-left: 2.5em;
}

.circle-controllers .center-controllers {
    margin: 0 auto;
    font-size: .8em;
    color: #fff;
}

.circle-controllers:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
    margin-bottom: 45px;
    height: 40%;
    border-left: 2px solid #fff;
    z-index: -1;
}

.circle-controllers {
    background-color: rgba(var(--primary-color-rgb), .5);
    height: 150px;
    width: 150px;
    display: flex;
    text-align: center;
    align-items: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* SUITES CAROUSEL */

.suites {
    position: relative;
}

.suites-carousel .slick-room.slick-active {
    opacity: 1;
    z-index: 5;
}

.suites-carousel .slick-room {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 650px;
}

.suites-carousel .slick-room.slick-active .separator {
    width: 200px;
    right: 0;
}

.suites-carousel .slick-room .separator.right {
    left: auto;
    right: -100px;
}

.suites-carousel .slick-room .separator {
    position: absolute;
    width: 0px;
    height: 100%;
    top: 0;
    left: -100px;
    background-color: #f5f2ef;
    -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1) .8s;
    transition: all .5s cubic-bezier(.77, 0, .175, 1) .8s;
}

.suites .slick-content {
    animation: fadeInUp 1.5s ease forwards;
    animation-delay: 0s;
    display: block;
}

.suites .slick-content {
    display: none;
    position: absolute;
    background-color: rgba(var(--primary-color-rgb), .85);
    top: 10%;
    height: auto;
    padding-bottom: 70px;
}

.suites .slick-content.large-content {
    background-color: rgba(255, 255, 255, .85);
    top: 10%;
    width: 90%;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(68, 68, 68, 1);
    -moz-box-shadow: 1px 1px 15px 0px rgba(68, 68, 68, 1);
    box-shadow: 1px 1px 15px 0px rgba(68, 68, 68, 1);
}

.suites .slick-content.large-content .description {
    max-width: 100%;
}

.suites .slick-content.large-content .description > .description-wrapper {
    max-height: 100%;
    overflow: auto;
}

.suites .slick-content.large-content button .neoicon-timbre,
.suites .slick-content.large-content .title,
.suites .slick-content.large-content .subheading {
    color: var(--primary-color);
}

.suites .slick-content.large-content .btn-transparent-white a {
    color: var(--primary-color);
}

.suites .slick-content.large-content button {
    border-color: var(--primary-color);
}

.suites .slick-content .controllers .left.neoicon-arrow {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.suites .slick-content .controllers .neoicon-arrow:hover {
    color: rgba(255, 255, 255, 1);
}

.suites .slick-content .controllers .neoicon-arrow {
    color: var(--secondary-color);
    font-size: .6em;
}

.suites .slick-content.large-content .description > a,
.suites .slick-content.large-content .controllers .neoicon-arrow {
    color: var(--primary-color);
}

.suites .slick-content .controllers span {
    padding: 0 15px;
    color: white;
}

.suites .slick-content .controllers span.current-item-carousel {
    padding: 0;
}

.suites .slick-content .controllers {
    text-align: right;
}

.suites-carousel .slick-room {
    position: relative;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.suites-carousel .slick-img {
    background-size: cover;
    width: 87%;
    float: right;
    height: 100%;
}

.suites .slick-content {
    padding-left: 85px;
    padding-top: 30px;
    padding-right: 30px;
    left: 8%;
    display: block;
    z-index: 99;
    transition: all ease .5s;
}

.suites .slick-content .subheading {
    font-size: 1.88em;
    text-transform: none;
}

.suites .slick-content .title {
    font-size: 1.8em;
}

.suites .slick-content p > a {
    color: #fff;
    text-decoration: none;
}

.suites .slick-content .description > .description-wrapper p {
    margin-bottom: 10px;
    font-size: .88em;
    color: white;
}

.suites-carousel .slick-room button {
    display: flex;
}

.suites-carousel .slick-room button .neoicon-timbre {
    color: #fff;
    font-size: 1.8em;
    padding-left: .5em;
}

/* Suites altern side */
.suites .slick-content.right-side {
    right: 8%;
    left: auto;
}

.suites-carousel .slick-room.right-side .slick-img {
    width: 87%;
    float: left;
    background-position: center;
}

/* CIRCLE RIGHT BUTTON */
.circle-right {
    border-radius: 50%;
    height: 70px;
    padding: 0;
    width: 70px;
    background: transparent;
    border: 1px solid #fff;
}

.btn.circle-right:hover {
    background: transparent;
}

.circle-right .neoicon-arrow {
    font-size: .6em;
}

/* CONTROLLERS */
.controllers i {
    cursor: pointer;
}

/* BIENESTAR LIST */
.grid-container-bienestar {
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.default-list .grid-container-bienestar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.grid-container-bienestar .subheading {
    font-family: Comfortaa;
}

/* GRID BIENESTAR COMMMONS */
.grid-container-bienestar .card {
    display: flex;
    align-items: center;
    padding: 3em;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    min-height: 450px;
}

.grid-container-bienestar .card .grid-content {
    height: 100%;
    width: 100%;
}

.grid-container-bienestar .card:hover .service-content {
    opacity: 0;
}

.grid-container-bienestar .card .service-content {
    display: flex;
    align-items: center;
    height: 100%;
    background-color: rgba(255, 255, 255, .75);
    padding: 2em;
    margin: 0 auto;
    transition: all ease .5s;
}

.grid-container-bienestar .card .grid-content i {
    color: var(--primary-color);
    font-size: 3em;
    margin-bottom: .3em;
    display: inline-block;
}

.grid-container-bienestar .card .grid-content .sec-heading {
    margin-bottom: 0;
}

.grid-container-bienestar .card .grid-content .sec-heading .subheading {
    font-size: 1.86em;
    margin-bottom: 0;
    line-height: 24px;
}

.grid-container-bienestar .card:hover .service-overlay-content {
    height: 100%;
}

.grid-container-bienestar .card .service-overlay-content {
    display: flex;
    align-items: center;
    height: 0;
    left: 0;
    overflow: hidden;
    background-position: center center;
    background-image: url(../images/design/logo-opacity.png);
    background-size: 496px;
    background-repeat: no-repeat;
    width: 100%;
    background-color: rgba(var(--primary-color-rgb), .6);
    position: absolute;
    bottom: 0;
    transition: all .6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.grid-container-bienestar .card .service-overlay-content .service-overlay-content-wrapper {
    width: 100%;
}

.grid-container-bienestar .card .service-overlay-content .sec-heading i {
    margin-bottom: .1em;
}

.grid-container-bienestar .card .service-overlay-content .btn-transparent-orange {
    color: #fff;
    margin-top: 15px;
    text-transform: none;
    padding-top: 20px;
    border-color: #fff;
}

.grid-container-bienestar .card .service-overlay-content .btn-transparent-orange:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;
}

.grid-container-bienestar .card .service-overlay-content .sec-heading .title {
    font-family: Comfortaa;
    font-size: 1.88em;
    color: #fff;
    text-transform: none;
}

.grid-container-bienestar .card .service-overlay-content .sec-heading .subheading {
    font-family: Comfortaa-bold;
    font-size: 1em;
    color: #fff;
    text-transform: none;
    padding: 10px 0;
}

.grid-container-bienestar .card .service-overlay-content .promo-description {
    display: block;
    color: #fff;
    text-align: center;
}

.grid-container-bienestar .card .service-overlay-content .promo-description .points-separator {
    display: block;
    background: transparent url(../images/sadesign/points-separator.svg) no-repeat -55px 0;
    filter: brightness(0) invert(1);
    background-position: 50%;
    height: 30px;
    width: 50px;
    margin: 10px auto 0;
}

.grid-container-bienestar .card .service-overlay-content .promo-description .btn {
    margin-top: 20px;
}

.grid-container-bienestar .card .service-overlay-content .btn-transparent-orange .neoicon-small-arrow {
    color: #fff;
    font-size: .6em;
    padding-left: 5px;
}

/* LOCATION BIENESTAR */
section.location-map {
    position: relative;
    padding-top: 9em;
}

section.location-map .cta-newsletter .cta-wrapper {
    justify-content: center;
}

.cta-newsletter .cta-wrapper {
    align-items: center;
    padding: 50px 30px;
    margin-left: 50%;
}

@media (max-width: 992px) {
    .cta-newsletter .cta-wrapper {
        margin: 0;
    }
}

.cta-newsletter .cta-wrapper .legal-news {
    font-size: 12px;
    line-height: 16px;
}

.legal-terms-contact {
    font-size: 12px;
    line-height: 16px;
}

.cta-newsletter .cta-wrapper .cta-newsletter__description p,
.cta-newsletter .cta-wrapper .cta-newsletter__description {
    margin-bottom: 0;
}

.cta-newsletter .cta-wrapper .cta-newsletter__description {
    margin-bottom: 5px;
}

.cta-newsletter .cta-wrapper .cta-newsletter__title {
    padding-right: 65px;
}

.cta-newsletter .cta-wrapper .cta-newsletter__title:after {
    top: 22%;
    bottom: 22%;
    position: absolute;
    margin: 0 0 0 32px;
    height: initial;
}

.cta-newsletter .cta-wrapper .mc-form {
    margin: 0;
}

.cta-newsletter .cta-wrapper .mc-form fieldset {
    margin-bottom: 0;
}

.cta-newsletter .cta-wrapper input[type="email"] {
    padding: 10px;
}

.location-map .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.location-map .cta-newsletter {
    bottom: 0;
    z-index: 9;
}

.location-map .map {
    position: relative;
    background-image: url("../images/sadesign/mapa.png");
    -webkit-background-size: cover;
    background-position: center;
    background-size: cover;
    width: 100%;
}

/* FULLSCREEN MASK */
.fullscreen-mask {
    position: fixed;
    background: rgba(255, 255, 255, .97);
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
    z-index: 999;
}

.fullscreen-mask.open {
    overflow: scroll;
    visibility: visible;
    height: 100%;
    z-index: 9999;
}

.fullscreen-mask .ui-datepicker-trigger {
    display: none;
}

.close-mask:hover:after {
    color: var(--primary-color);
    -webkit-transition: all .2s ease-in;
    -khtml-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

.close-mask {
    visibility: visible;
    position: relative;
    cursor: pointer;

}

.close-mask:after {
    content: '\d7';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    font-size: 50px;
    color: var(--primary-color);
    line-height: 100px;
    text-align: center;
}


.fullscreen-mask .button_container.active .top,
.fullscreen-mask .button_container.active .bottom {
    background: var(--primary-color);
}

.fullscreen-mask .button_container.active {
    border: none;
}

.fullscreen-mask .menu-button-container {
    top: 20px;
    right: 1.5em;
}

.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inherit !important;
    position: absolute;
    left: 50%;
    font-size: 1.3em;
    z-index: 99;
}


/*Custom*/
.newsletter-block,
.newsletter-block .cta-newsletter {
    position: relative;
    margin-top: 10px;
}

.newsletter-block .cta-newsletter .cta-wrapper {
    justify-content: center;
}

.title-mask {
    color: var(--primary-color);
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    width: 40%;
    margin: 1em auto;
    font-family: Comfortaa-light !important;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.1;
    display: block;
}


.btn-a-custom a {
    color: #ffffff;
}

.btn-a-custom i {
    color: #fff;
    font-size: 1.8em;
    padding-left: .5em;
    position: relative;
    top: 7px;
}

.large-content .btn-a-custom a,
.large-content .btn-a-custom i {
    color: var(--primary-color);
}

.large-content .btn-a-custom {
    border: 1px solid var(--primary-color);
}

.btn-a-custom-circle {
    border-radius: 50%;
    height: 70px;
    padding: 0;
    width: 70px;
    background: transparent;
    border: 1px solid #fff;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.btn-a-custom-circle span {
    color: #ffffff;
    font-size: .6em;
    vertical-align: middle;
    position: relative;
    top: 22px;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: var(--primary-color);
}

#btn-news {
    color: var(--primary-color);
    cursor: pointer;
    float: right;
    top: -30px;
    position: relative;
}

/* Captcha */
#captchaform .result {
    position: relative;
    margin-bottom: 20px;
    font-family: 'Comfortaa', arial;
    color: #EB6C73;
    text-align: center;
    font-size: 16px;
}

#captchaform {
    display: none;
}

#captchaform .mfp-close {
    right: 20px;
    top: 20px;
    background: #ffffff;
    opacity: 1;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    position: fixed;
}

#captchaform #defaultRealCaptcha {
    border: 1px solid var(--primary-color);
    border-radius: 0;
    font-family: 'Comfortaa', arial;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}

#captchaform #sendNewsletter {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    padding: 5px 15px;
    height: 27px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}

#captchaform #sendNewsletter:hover {
    background-color: var(--primary-color);
    color: #ffffff;
    border: 1px solid var(--primary-color);
}

#captchaPopupForm {
    background: #fff;
    padding: 28px;
    margin: 0 auto;
    border: 1px solid var(--primary-color);
}

/* End Captcha */

/* Message news */
.message-news {
    width: 100%;
}

.message-news .success {
    border: 2px solid #44c8ba;
    background-color: #eefffd;
    color: #267971;
    padding: 5px;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    margin: 0 auto;
}

.message-news .error {
    border: 2px solid #EB6C73;
    background: #FEEAEB;
    color: #EB6C73;
    padding: 5px;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    margin: 0 auto;
}

.message-news i {
    padding: 0 10px;
}

.message-news .info {
    border: 2px solid #EB6C73 !important;
    background: #FEEAEB;
    color: #EB6C73;
    padding: 5px 0;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    margin: 0 auto;
}

/*End Message news */

/* Introduction claim */
.claim--complementary {
    font-family: 'Nothing You Could Do', sans-serif;
    position: absolute;
    bottom: 2.5em;
    left: auto;
    right: auto;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: block;
}

.claim--complementary p {
    margin: 0;
}

.claim--title.hide,
.claim--subtitle.hide {
    opacity: 0;
}

.claim--title {
    font-family: 'Comfortaa', Sans-Serif;
    font-size: 1em;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-duration: 1.5s;
}

.claim--subtitle {
    font-size: 1.75em;
    margin-top: 10px;
    width: 60%;
    line-height: 1em;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation-delay: 1.5s;
    -webkit-animation-duration: 1.5s;
}

.claim--title + .claim--subtitle {
    -webkit-animation-delay: 1.5s;
    -webkit-animation-duration: 2s;
}

.claim--subtitle span {
    background-color: rgba(var(--primary-color-rgb), 0.9);
    padding: 0 5px
}

.claim--subtitle b,
.claim--subtitle strong {
    /*font-weight: 700;*/
}

/* END Introduction claim */

.portfolio-columns-boxed .portfolio-item figure,
.portfolio-columns-fw .portfolio-item figure {
    background-color: transparent;
}

/* language menu - responsive */

.upper-nave__language--responsive a {
    color: #FFFFFF;
    padding: 13px 6px;
    font-size: 0.75em;
}

.upper-nave__language--responsive > a {
    padding-left: 35px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 7px;
    border: 1px solid #FFFFFF;
}

.upper-nave__language--responsive > a::before {
    content: '';
    background: transparent url(../images/design/world.png) no-repeat center;
    display: inline-block;
    width: 26px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -6px;
    opacity: 0.7;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.upper-nave__language--responsive .acronym {
    text-transform: uppercase;
}

.upper-nave__language--responsive > a i {
    margin-left: 5px;
}

.upper-nave__language--responsive .dropdown-menu {
    width: 90px;
    min-width: 0;
    margin-left: -40px;
    background-color: rgba(var(--primary-color-rgb), .85);
    margin-top: 10px;
    padding: 5px 0 8px;
    left: 45%;
    right: 0;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 none;
}

.upper-nave__language--responsive .dropdown-menu::before {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 6px 8px;
    border-color: transparent transparent rgba(var(--primary-color-rgb), .85) transparent;
    margin-left: -6px;
}



@media (max-width: 492px) {
    .navbar:not(.open-menu) .upper-nav__languages {
        display: none;
    }

    .upper-nave__language--responsive .dropdown-menu {
        margin-block: 0 10px;
        padding: 8px 0 5px;
        bottom: 100%;
        top: unset
    }
    .upper-nave__language--responsive .dropdown-menu::before {
        bottom: 0;
        top: unset;
        margin-bottom: -6px;
        border-width: 6px 8px 0px 8px;
        border-color: rgba(var(--primary-color-rgb), .85) transparent transparent transparent;
    }
}

.upper-nave__language--responsive .dropdown-menu li {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    min-width: 0;
}

.upper-nave__language--responsive .dropdown-menu li a {
    padding-right: 5px;
    padding-left: 5px;
    color: #FFFFFF;
}

.upper-nave__language--responsive .dropdown-menu li a:hover {
    background-color: transparent;
}

.upper-nave__language--responsive .dropdown-menu > .active > a,
.upper-nave__language--responsive .dropdown-menu > .active > a:hover,
.upper-nave__language--responsive .dropdown-menu > .active > a:focus {
    background-color: transparent;
}

@media screen and (min-width: 770px) {
    .upper-nave__language--responsive {
        margin-right: 15px;
    }
}

@media screen and (min-width: 1260px) {
    .upper-nave__language--responsive {
        display: none;
    }
}

/* language menu - responsive */


.slick-carousel__item {
    text-align: center;
}

body.plain-text {
}

body.plain-text .section--description-main {
}

body.plain-text .section--description-main p,
body.plain-text .section--description-main ul {
    font-size: .88em
}

body.plain-text .section--description-main a,
body.plain-text .section--description-main p > a,
body.plain-text .section--description-main p > a:visited,
body.plain-text .section--description-main p > a:visited:hover,
body.plain-text .section--description-main p > a:visited:focus {
    text-decoration: underline;
    border-bottom: 0 none;
}

body.plain-text .section--description-main p > a:hover {
    color: var(--primary-color);
}


/* modal */
:root {
    --modal-main-color: var(--primary-color);
    --modal-complement-color: #51504D;
    --modal-font-family: 'Comfortaa';
    --white-color: #ffffff;
}

.mfp-bg.custom-mfp {
    opacity: 1;
    background-color: rgba(21, 21, 24, 0.45);
    z-index: 16000;
}

.mfp-wrap {
    z-index: 99999;
}

.nb-modal {
    background-color: #ffffff; /* fallback */
    color: #727176; /* fallback */
    background-color: var(--white-color);
    width: 600px;
    height: auto;
    background-blend-mode: luminosity;
    background-size: cover;
    color: var(--modal-complement-color);
    text-align: justify;
    padding: 50px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .35);
    z-index: 1600;
    margin: 0 auto;
    position: relative;
}

.nb-modal .mfp-close,
.nb-modal .mfp-arrow {
    color: #ffffff; /* fallback */
    background-color: var(--primary-color); /* fallback */
    color: var(--white-color);
    background-color: var(--modal-main-color);
    opacity: 1;
    width: 30px;
    height: 30px;
    line-height: 32px;
    padding-left: 2px;
}

.nb-modal .mfp-arrow:hover,
.nb-modal .mfp-close:hover {
    background-color: #727176; /* fallback */
    background-color: var(--modal-complement-color);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.nb-modal .mfp-close {
    right: 0;
}

.nb-modal-image {
}

.nb-modal-main {
    position: relative;
    width: 100%;
}

.nb-modal-content {
}

.nb-modal__logo {
    padding: 0;
    margin: 0 0 10px 0 !important;
    display: inline-block;
    position: static;
}

.nb-modal__logo img {
    max-width: 180px;
    height: auto;
}

.nb-modal__title {
    font-family: 'Confortaa'; /* fallback */
    color: var(--primary-color); /* fallback */
    display: inline-block;
    width: 100%;
    font-size: 25px;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-family: var(--modal-font-family);
    font-weight: 400;
    line-height: 30px;
    color: var(--modal-main-color);
    text-align: center;
    word-break: break-word;
}

.nb-modal__subtitle {
    font-family: 'DIN Light'; /* fallback */
    color: #727176; /* fallback */
    display: inline-block;
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 0;
    font-family: var(--modal-font-family);
    line-height: 30px;
    color: var(--modal-complement-color);
    text-align: center;
    word-break: break-word;
    font-weight: 300;
}

.nb-modal__description {
    word-break: break-word;
    text-align: inherit;
}

.nb-modal__description > * {
    font-family: 'DIN Light'; /* fallback */
    color: #727176; /* fallback */
    font-family: var(--modal-font-family);
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: var(--modal-complement-color);
    margin-bottom: 10px;
}

.nb-modal__description p {
    color: #727176; /* fallback */
    background-color: transparent;
    overflow: visible;
    padding: 0;
    max-height: none;
    color: var(--modal-complement-color);
    margin-bottom: 10px;
}

.nb-modal__description ul {
    padding-left: 17px;
}

.nb-modal__description li {
    margin-top: 10px;
}

.nb-modal__description li:first-child {
    margin-top: 0;
}

.nb-modal__description a {
    color: var(--primary-color); /* fallback */
    color: var(--modal-main-color);
    text-decoration: underline;
    border-bottom: 0 none;
}

.nb-modal__description a:hover {
    color: var(--primary-color); /* fallback */
    color: var(--modal-main-color);
    border-bottom: 0 none;
}

.nb-modal__moreinfo a,
.nb-modal__moreinfo a:visited {
    color: #727176; /* fallback */
    border: 1px solid var(--primary-color); /* fallback */
    font-family: 'Confortaa'; /* fallback */

    display: inline-block;
    color: var(--modal-complement-color);
    font-size: 16px;
    background-color: transparent;
    border: 1px solid var(--modal-main-color);
    font-family: var(--modal-font-family);
    margin-top: 20px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    padding: 0.6em 2em;
    white-space: normal;
    word-break: break-word;
}

.nb-modal__moreinfo a:hover,
.nb-modal__moreinfo a:focus,
.nb-modal__moreinfo a:visited:hover {
    color: #ffffff; /* fallback */
    background-color: var(--primary-color); /* fallback */
    color: var(--white-color);
    background-color: var(--modal-main-color);
    border-bottom-color: inherit;
}

.nb-modal--with-image {
    padding: 0;
    display: flex;
    align-items: stretch;
    width: 800px;
}

.nb-modal-image {
    flex: 0 auto;
    width: 40%;
    position: relative;
}

.nb-modal-image__bg {
    background-color: #CCCCCC; /* fallback */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--modal-complement-color);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.nb-modal--with-image .nb-modal-main {
    padding: 40px 30px;
    flex: 0 auto;
    width: 60%;
}

@media all and (max-width: 1200px) {
    .nb-modal {
        width: 70%;
    }
}

@media all and (max-width: 992px) {
    .nb-modal {
        width: 75%;
    }
}

@media all and (max-width: 767px) {
    .nb-modal {
        width: 95%;
        padding: 15px;
    }

    .nb-modal-main {
        height: auto;
        max-height: 70vh;
        overflow-y: auto;
    }

    .nb-modal-main::-webkit-scrollbar {
        width: 6px;
        border-radius: 5px;
        background-color: #F5F5F5;
    }

    .nb-modal-main::-webkit-scrollbar-thumb {
        background-color: #868686;
        border-radius: 5px;
    }

    .nb-modal-main::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    .nb-modal-content {
        padding: 15px;
    }

    .nb-modal--with-image {
        padding: 0;
    }

    .nb-modal-image {
        display: none;
    }

    .nb-modal--with-image .nb-modal-main {
        width: 100%;
        padding: 30px;
    }

    .nb-modal--with-image .nb-modal-content {
        padding: 0;
    }
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.video-popup--container {
    text-align: center;
}

.video-popup--container video {
    width: 90%;
    height: auto;
}

.mfp--main-container-video > .mfp-close {
    background-color: #fff;
    color: #000000;
    opacity: 1;
}

@media all and (min-width: 1200px) {
    .video-popup--container {
    }

    .video-popup--container video {
        width: auto;
    }
}

@media all and (min-width: 768px) {
    .video-popup--container {
    }

    .video-popup--container video {
        width: 80%;
    }
}

@media all and (max-width: 768px) {
    #section-promotions .slick-promotion-text{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media all and (max-width: 400px) {
    #section-promotions .promotion-content p {
        font-size: 14px;
    }

    #section-promotions .slick-promotion-text {
        padding-top: 25px;
    }

    .contact-form__container-send button {
        margin: 0;
    }

    .benefits-services-home-top .slick-prev, .heading-services .slick-prev{
        left: 15px;
    }

    .benefits-services-home-top .slick-next, .heading-services .slick-next{
        right: 15px;
    }
}

.cs-head {
    width: 45px;
}

.section--subsection-contact input::placeholder, .section--subsection-contact textarea::placeholder {
    color: var(--primary-color);
}

.large-content .description > .description-wrapper p, .large-content .btn-a-custom, .large-content .controllers span {
    color: var(--primary-color) !important;
}

@media all and (min-width: 767px) {
    #grid-services .item-2 .subheading, #grid-services .item-5 .subheading{
        font-size: 1em;
        margin-bottom: 1em;
    }

    #grid-services .item-2 .title, #grid-services .item-5 .title{
        font-size: 1.5em;
    }

    #grid-services .item-2 .btn-a-custom-circle, #grid-services .item-5 .btn-a-custom-circle{
        width: 50px;
        height: 50px;
    }

    #grid-services .item-2 .btn-a-custom-circle .neoicon-arrow, #grid-services .item-5 .btn-a-custom-circle .neoicon-arrow{
        font-size: .5em;
        top: 25%;
    }
}

.background-lazy{
    background-image: none !important;
    background-color: var(--primary-color) !important;
}

.navbar.navbar-trans .menu-button-container{
    height: 150px;
}

.navbar .button_container{
    margin: 0 0 0 0px !important;
}

.navbar:before, .navbar:after{
    content: none !important;
}

.navbar-small .header-top-info .navbar-nav--upper-nav{
    display: none;
}


.mobile-nav {
    gap: 20%;
}

@media screen and (max-width: 400px) {
    .mobile-nav {
        gap: 5%;
    }
}

.mobile-nav.open-menu{
    display: flex;
    flex-direction: column;
    height: 100%;

}

.mobile-nav.open-menu .header-top-info{
    display: flex;
    background: none;
}

.mobile-nav.open-menu .overlay{
    background: none;
    height: auto;
}

.mobile-nav.open-menu .overlay-menu ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline-start: 0;
    padding-right: 0;
    align-items: center;
    gap: 30px;

}
.mobile-nav.open-menu .overlay-menu ul li a:before{
    content: "";
}

.mobile-nav.open-menu .button_container span:nth-of-type(3){
    top: 21px;
}

.mobile-nav.open-menu .button_container{
    border: 1px solid var(--secondary-color);
}

.mobile-nav.open-menu .button_container span{
    width: 33px;
    top: 0;
    margin: 9px 3px;

}


.mobile-nav.open-menu .button_container:hover{
    opacity: 1;
}
.mobile-nav.open-menu .navbar-nav--upper-nav{
    display: none;
}

.footer-social-links ul li{
    position: relative;
    line-height: 0;
}

.footer-social-links ul li:last-child {
    margin: 0;
}

.contact-address-wrapper {
    padding-left: 0;
}

@media all and (max-width: 767px) {
    .contact-address-wrapper {
        padding-right: 0;
    }

    .title br{
        display: none;
    }
}

.footer-social-links ul li a span:before{
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#about{
    overflow-wrap: break-word;
}

.offers .btn-a-custom{
    margin-top: 15px;
}

/*Clase para quitar el estilo que coloca google chrome al autocompletar los campos de formulario*/
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 6000s 0s, color 600000s 0s !important;
}

.grecaptcha-badge {
    display: none;
}