/* Developed entirely by staycreative.es */

/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}

/* Generals */
html, body{font-family: "brandon-grotesque",sans-serif; font-weight: 400; color: #333;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased; }
p{font-family: "brandon-grotesque",sans-serif; color: #4d4d4d;text-align: left; font-weight: 400;}
h1,h2,h3,h4,h5,h6{font-family: "futura-pt",sans-serif; color: #4d4d4d;font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 3px;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: "futura-pt",sans-serif; font-weight: 600; font-size: 80%; line-height: 1; text-transform: uppercase;}
h3 {font-size: 2.2rem;}
li  {list-style-type: none !important;}
/*.uk-link:hover, a:hover {color: white !important;}
.uk-link:hover {color: white !important;}
.uk-link, a {color: white !important;}*/
a {text-decoration: none;}

:focus {outline: none;}
/* Buttons */
.uk-button{border-radius: 0 !important;font-weight: 400; padding: 1rem 2rem; border:0; border-radius: 0px; line-height: 1.5; text-transform: uppercase;font-size: 0.8rem;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 !important;  -webkit-appearance: none; -webkit-border-radius: 0;  -webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
.uk-button-default{background-color: #284596; color: white !important; border:1px solid #284596;}
.uk-button-default:focus, .uk-button-default:hover {background-color: #031a44; color: white; border: 1px solid #031a44;}
.uk-button-primary{background-color: white; color: #284596 !important; border:1px solid white;}
.uk-button-primary:focus, .uk-button-primary:hover {background-color: transparent; color: #284596 !important; border: 1px solid #284596 !important;}
.uk-button-secondary{background-color: #284596; color: white !important; border:1px solid #284596;}
.uk-button-secondary:focus, .uk-button-secondary:hover {background-color: transparent; color: #284596 !important; border: 1px solid #284596;}

.uk-button-tertiary{background-color: white; color: #284596 !important; border:1px solid white;}
.uk-button-tertiary:focus, .uk-button-tertiary:hover {background-color: transparent; color: white !important; border: 1px solid white;}


/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.7rem;text-transform: uppercase;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

/* form */
.form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{padding: 10px 20px;border:0;border-bottom: 1px solid #eee;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #444;}
.form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,
.form select:focus,.form textarea:focus{border-bottom: 1px solid #4d4d4d;}
.form select{padding-right: 30px;font-size: 0.8rem;}
.form textarea{margin-bottom: 20px;padding: 20px;}
.form input::-webkit-input-placeholder {color: white;font-size: 0.8rem;}
.form input:-moz-placeholder {color: white;font-size: 0.8rem;}
.form input::-moz-placeholder {color: white;font-size: 0.8rem;}
.form input:-ms-input-placeholder {color: white;font-size: 0.8rem;}
.form textarea::-webkit-input-placeholder {color: white;font-size: 0.8rem;}
.form textarea:-moz-placeholder {color: white;font-size: 0.8rem;}
.form textarea::-moz-placeholder {color: white;font-size: 0.8rem;}
.form textarea:-ms-input-placeholder {color: white;font-size: 0.8rem;}
.form small{color: white;float: left;margin-bottom: 10px;}
.form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #929084;}
.form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #929084;}
.form .g-recaptcha{float: left;}
.form .uk-button{border-radius: 0;margin: 10px;float: right;}



/* Notifications */
.uk-notification-message {font-size: 1rem;}
.uk-notification a{color:#444 !important;}

/* Hacks */
.clear{clear: both;}
.overlay{background-color: rgba(57,72,53,0.3);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-light{background-color: rgba(242,241,240,0.3);position: absolute;top: 0;left:0;width: 100%;height: 60vh;z-index: 1;margin-top: -6px;}
.overlay-dark{background-color: rgba(105,107,70,0.6);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-form{background-color: rgba(69,69,69,0.6);position: fixed;top: 0;left:0;width: 100vw;height: 100vh;z-index: 1;display: none;}
.section{padding: 10vh;}
.section-reserva{padding: 5vh;}
.no-padding{padding: 0 !important;}
.p-0{padding: 0 !important;}
.p-10 {padding:0px 20px;}
.pl-0 {padding-left: 0 !important}
.mt-50{margin-top: 50px !important;}
.mt-1{margin-top: 10vh !important;}
.mt-0{margin-top: 0 !important;}
.mr-20 {margin-right: 20px;}
.ml-0{margin-left: 0 !important;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}
.d-block{display: block;}
.di-block{display: inline-block;}
.width-100{width: 100%;}
.visible-flex{display: flex !important;}
.center {text-align: center; margin: 0 auto;}
.right {float: right;}
.left {float: left;}
.bg-blue {background-color: #284596 !important;}
.border-20 {border: 20px solid #284596 !important;}
.pr-40 {padding-right: 40px !important;}
.gris {background-color: #f2f1f0 !important;}
.blue {color: #284596 !important;}
.hidden {overflow: hidden;}

/* Icons */
.icon{background-image: url('../img/assets-sprite.svg');display: inline-block; background-size: 1000px 1000px;}
.icon.fb{width: 18px;height: 25px;background-position: -55px 0px;}
.icon.ig{width: 25px;height: 25px;background-position: -68px 0px;}
.icon.go{width: 25px;height: 25px;background-position: -92px 0px; margin-left: 5px;}
 
/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(216,206,197,0.8);position: fixed;left: 0;bottom: 0;text-align: center;padding: 0;z-index: 997;}
#cookieMessage{width: 90%;padding: 3px 0 3px 0;margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 5px;color: white;text-align: center;}
#cookieMessage a{font-size: 12px;color: white;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #031a44;margin-top: 6px;cursor: pointer;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh;background: #284596;top: 0;left: 0;}
.preloader img { position: absolute;top: calc(50vh - 50px);left: calc(50vw - 50px);width: 100px;height: 100px;-webkit-animation: breathing 1s ease-out infinite normal;
    animation: breathing 1s ease-out infinite normal;}
    @-webkit-keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } }
    @keyframes breathing { 0% { opacity:0.6; } 50% { opacity:1; } 100% { opacity:0.6; } 
}



    .header{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 60vh;  margin-top: -96px; z-index: 0;}
    .page .header{height: 100vh;}
    .header h1 {position: absolute; color: white; margin: 25vh auto 40px !important; text-align: center; z-index: 2; font-size: 2.5rem; width: calc(100% - 20%) !important; padding: 0 10%; top: 0; text-transform: uppercase;}
    .header h1 span{display: block; font-size: 60%; margin-top: 20px; font-style: normal; margin: 0 auto;}
    .header-logo{position: absolute;z-index: 6;background-image: url(../img/logo-header.svg);display: inline-block;background-repeat: no-repeat;background-size: contain;width:130px ;max-width: 300px;height: 70px;background-position: left;margin: 20px;}
    .is-stuck .header-logo{margin:10px;width: 300px;height: 32px;}
    .page .header h1{margin: 10vh 5vh;}
    .page .header .header-logo{background-image: url('../img/logo-header.svg');margin: 20px 0 0 20px;width: 100px;height: 100px;}
    .menu-bg{height: 90px;background-color: #929084;margin-top: -90px;}
    .page-intro h1{text-align: left;color: black;font-weight: 700;margin-bottom: 0;}
    .page-intro h1:after{display: none;}
    .page-intro p{text-align: left;margin: 20px 0;}
    .home-intro{position: relative;text-align: center;}
    .home-intro h1{display: block;color: #4d4d4d;font-weight: 300;text-align: center;}
    .home-intro h1 b{font-weight: 700;font-size: 120%;}
    .home-intro h1 span{display: block; font-weight: 300;font-style: normal;font-size: 80%;}
    .home-intro h1:after{content: "";width: 90px;height: 5px;background-color: #4d4d4d;display: block;margin: 20px auto;}
    .home-intro p{max-width: 680px;margin: 20px auto;text-align: center;}

    /* menu */
    .uk-navbar-container.uk-navbar{height: 90px;z-index:3;background-color: transparent;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 0;}
    .uk-navbar-container.uk-navbar.uk-active .header-logo{display: none;}
    .uk-navbar-nav{margin-right: 10px;}
    .uk-navbar-nav>li>a{color: #284596; font-size: 1rem;}
    .uk-navbar-nav>li>a{height: 70px;font-weight: 400; text-transform: uppercase; font-family: "futura-pt",sans-serif;}
    .uk-navbar-nav>li>a:hover{color: #031a44 !important;}
    .uk-navbar-nav>li.uk-active>a {color: #284596; font-weight: 600;}
    .uk-navbar-dropdown {background-color: #f8f8f8;}
    .uk-navbar-dropdown-nav>li>a{color: #031a44 !important;text-transform: uppercase;}
    .uk-navbar-dropdown-nav>li>a.uk-open{color: #031a44 !important;text-transform: uppercase;}
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #284596 !important;}
    
    .has-dropdown{position: relative;}
    .has-dropdown:after{content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -2px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}


    .uk-navbar-container.uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -2px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}

    .bm-waves a{padding: 0 !important;font-size: 0 !important;}
    .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
    .bm-waves span{width: 110px;height: 70px;background-image: url('../img/logo-header.svg');background-size: 60%;background-repeat: no-repeat;background-position: center;}
    #book-now-button{background-color: #031a44;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
    .uk-navbar-container.uk-active{background-color: #f8f8f8;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #284596 !important;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #031a44 !important;}
    .uk-navbar-nav>li.uk-active>a:active{color: #333;}
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}
    .uk-nav .uk-navbar-dropdown-nav {color: #284596 !important;}

    .uk-nav .uk-navbar-dropdown-nav:hover, .uk-nav .uk-navbar-dropdown-nav:active {color: white !important;}
    .uk-navbar-nav>li>a.uk-open{color: #284596 !important;}
    .uk-navbar-dropdown-nav>li>a:hover {color: #031a44 !important;}
    .uk-navbar-dropdown-nav>li>a {color: #284596 !important;}

    /* Carousel */
    .owl-carousel .owl-stage-outer {height: 60vh; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}

    /* Buscador */
    .buscador-container {height: 70px; background-color: white; opacity: 0.9; width: 100vw; position: absolute; bottom: 0px;z-index: 1;}
    .buscador-container.uk-active{background-color: white;}
    .buscador {max-width: 750px; text-align: center; margin: 0 auto;  }
    #buscador_reserva {height: 80px; }
    #habitaciones .selected {font-size: 3rem !important;}

    /* form */
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{padding: 10px 20px;border:0;border-bottom: 1px solid #eee;background-color: transparent; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #444;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form select:focus,.form textarea:focus{border-bottom: 1px solid #4d4d4d;}
    .form select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
    .form textarea{margin-bottom: 20px;padding: 20px;}
    .form input::-webkit-input-placeholder {color: white;font-size: 0.8rem;}
    .form input:-moz-placeholder {color: white;font-size: 0.8rem;}
    .form input::-moz-placeholder {color: white;font-size: 0.8rem;}
    .form input:-ms-input-placeholder {color: white;font-size: 0.8rem;}
    .form textarea::-webkit-input-placeholder {color: white;font-size: 0.8rem;}
    .form textarea:-moz-placeholder {color: white;font-size: 0.8rem;}
    .form textarea::-moz-placeholder {color: white;font-size: 0.8rem;}
    .form textarea:-ms-input-placeholder {color: white;font-size: 0.8rem;}
    .form small{color: #444;float: left;margin-bottom: 10px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #929084;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #929084;}
    .form .g-recaptcha{float: left;}
    .form .uk-button{border-radius: 0;margin: 10px;float: right;}

        /* datepicker skin */
        .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-weight: 700 !important; color: #284596 !important;}
        .ui-widget {background: #031a44;border: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
        .ui-datepicker {padding: 0;}
        .ui-datepicker-header {border: none;background: transparent;font-weight: normal;font-size: 11px;text-transform: uppercase;color: white;font-weight: 700;}
        .ui-datepicker-header .ui-state-hover {background: transparent;border-color: transparent;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
        .ui-datepicker .ui-datepicker-title {margin-top: 1.5em;margin-bottom: 1em;}
        .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {top: 1.7em;border:none;}
        .ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
        .ui-datepicker .ui-datepicker-next-hover {right: 2px;}
        .ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {background-image: url(../img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal;}
        .ui-datepicker .ui-datepicker-prev span {background-position: -96px -32px;}
        .ui-datepicker .ui-datepicker-prev-hover span {background-position: -96px -48px;}
        .ui-datepicker .ui-datepicker-next-hover span {background-position: -32px -48px;}
        .ui-datepicker table {margin: 0;}
        .ui-datepicker th {padding: 1em 0;color: #eeeeee;font-size: 8px;font-weight: normal;text-transform: uppercase;border: none;border-top: 1px solid #eeeeee;}
        .ui-datepicker td {border: none;padding: 0;}
        td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: #efefef !important;font-size: 12px;border:0 !important;text-align: center !important;}
        td .ui-state-active,td .ui-state-hover {background: #1b7fb0;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

    .uk-form-div{position: relative;padding: 0 !important;height: 70px;}
    .uk-form-div:child {border-right: 1px solid #B99555;}
    .b-datepicker{ border: 0;text-align: left; position: absolute; top: 0; left: 0; background-color: transparent; color: transparent; z-index: 5; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

    .from:after{display: inline-block; content: "";width: 25px; height: 25px; position: absolute; bottom:0px; background-image: url(../img/assets-sprite.svg); background-position: -118px 0px; right: 30px; z-index: 0; background-size: 1000px 1000px;}

    .to:after{display: inline-block; content: "";width: 25px; height: 25px; position: absolute; bottom: 0px; background-image: url(../img/assets-sprite.svg); background-position: -118px 0px; right: 30px; z-index: 0; background-size: 1000px 1000px;}
    
    .day-ida-container input, .day-vuelta-container input{margin: 0px;width: 100%; border-right: 1px solid #B99555; height: 60px; margin-top: 5px; cursor: pointer;}
    .date-ida, .date-vuelta{text-align: center;padding: 0; height: 70px;}
    .date-ida .day-ida, .date-vuelta .day-vuelta{font-weight: 400;color: #444;font-size: 2rem;text-align: center; display: block;    height: 40px;    margin-top: -5px;}
    .date-ida .month-ida, .date-vuelta .month-vuelta{font-size: 0.8rem; text-transform: lowercase; color: #444; position: absolute; top: -6px;}
    .month-ida, .month-vuelta {position: relative !important; top: -6px !important;}
    #buscador_reserva h4 {color: #b99555; margin-bottom: 0; font-size: 0.8rem;margin-top: 4px;}
    .b-title{text-align: center; display: block; position: absolute; bottom: 40px; width: 100%; font-size: 0.8rem; color: white; margin-left: 20px;}
    .uk-form-div .uk-inline{width: 100%;}
    .select-habs{padding-top: 14px !important; z-index: 3; padding: 0 20px !important;position: relative; cursor: pointer;}
    .select-habs-span{text-align: center;padding: 0; margin-top: 7px;}
    .select-habs-span-num{font-weight: 400;color: #444;font-size: 2rem;text-align: center; display: block;height: 40px;
    margin-top: -5px;}
    #habitaciones{height: 80px;width: 100%;position: absolute;left: 0;margin-top: 0;top: 0;opacity: 0; cursor: pointer;}
    .hab-value{ font-weight: 400;color: #444; text-align: center; width: 100%;cursor: pointer; margin: 10px;height: 40px;padding: 9px 10px 11px;font-size: 2rem; margin-top: -10px;}
    .b-beds select.uk-select{border: 0;background: transparent; width: 100%; text-align: center; color: #444; font-weight: 700; padding-left: calc(100% - 120px) !important;font-size: 1rem; z-index: 1; position: relative; margin-right: 20px!important; margin-top: 15px!important;}
    .b-voucher-input{color: #fff;text-align: left;border:0;font-size: 1rem;width: 100%;cursor: pointer; background-color: transparent;margin-left: 10px;height: 35px;}
    .b-title.cod-promo {bottom: 40px !important; text-align: center; margin: 0 auto; color: #294951; background-size: 1000px;}
    .b-title.cod-promo:before {content: ""; width: 15px; height: 15px; background-image: url("../img/assets-sprite.svg"); background-position: -170px -45px; display: block; text-align: center; margin: 0 auto; background-size: 1000px;}
    .b-title.hab-num {bottom: 40px !important; text-align: center; margin: 0 auto;}
    .b-voucher-input::-webkit-input-placeholder {color: #fff;}
    .b-voucher-input:-moz-placeholder {color: #fff;}
    .b-voucher-input::-moz-placeholder {color: #fff;}
    .b-voucher-input:-ms-input-placeholder {color: #fff;}
    .b-dates{height: 24px;overflow: hidden;}
    .b-dates.visible{height: auto;}
    .b-send{height: 70px; text-align: center; float: right !important; position: relative; background-color: #b99555; color: white !important; opacity: 1 !important; padding: 5px;}
    .b-send:hover {background-color: #2C352A; -webkit-transition: ease-in-out, all .35s ease-in-out; transition: ease-in-out, all .35s ease-in-out; color: #D1A13B !important; border:0;}
    .b-more-beds {padding-top: 40px;}
    .b-more-beds .uk-grid{margin-top: 0;margin-bottom: 5px;}
    .b-more-beds span.bmb-title{margin: 10px 0;}
    .b-more-beds .uk-width-1-2{margin-top: 0;}
    .b-more-beds .uk-width-1-2 span{font-weight: 400;text-transform: none;font-size: 0.8rem;border-top: 0;padding: 10px 20px;}
    .b-more-beds select.uk-select{float: right;height: 35px !important;border: 0;background: transparent;width: 100%;text-align: right;color: #444;font-weight: 700;padding-left: calc(100% - 35px) !important;font-size: 0.8rem;z-index: 1;position: relative;}
    .b-book span{cursor: pointer;display: inline-block;float: right;border: 1px solid white;margin-right: 10px;padding: 5px 10px;color: white;}
    .b-book span:hover{text-decoration: underline;}
    .b-title.text-vuelta { bottom: 40px; text-align: center;}



/* animated */
div#alquiler-ind-form.con-margin.reserva.animated.flipInY 
{
opacity: 1;
z-index: 6;
}

#alquiler-ind-form, #venta-ind-form 
{
opacity: 0;
z-index: -1;
position: absolute;
top: 190px;
width: calc(100vw - 20vh);
}
.flipInY
{
backface-visibility: visible !important;
/*animation-name: flipInY;*/

}
.flipInY, .flipOutX 
{
-webkit-backface-visibility: visible !important;
}

.animated
{
animation-duration: 1s;
animation-fill-mode: both;
}
.con-margin 
{
margin: 0 10vh;
}
.flipInY 
{
animation-name: flipInY;
}
::selection 
{
background: #39f;
color: #fff;
text-shadow: none
}


/* Containers */
.container {position: relative;}
.section-shadow {padding:10vh;}
.section-strokes {padding: 0vh 6vh 5vh 6vh;}
.section-text {padding: 15vh;}
.con-shadow { background-color: #f2f1f0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); z-index: 0; height: 100%;}
.con-shadow-form { background-color: #f2f1f0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3); z-index: 0;    min-height: 50vh; height: 100%;position: relative; z-index: 0;}
.con-margin {margin: 0 10vh;}
.con-blue {background-color: #284596; position: relative; z-index: 2; margin: -20vh auto 0vh; display: block; padding: 5vh;}

/* Strokes */
.stroke-h { display: block; width: 100%; height: 19px; margin-top: 30px; background-image: url('../img/stroke-h.svg'); z-index: 2;}

/* index */
.home .header {position: relative; background-repeat: no-repeat; background-position: center bottom; background-size: cover; width: 100%; min-height: 60vh; height: auto;background-image: url(../img/bg-home-01.jpg);}
.home-intro p {color: white}
.home-intro p:before {content:""; display: block; position: relative; margin: 0 auto 40px; width: 180px;height: 170px; background-image: url('../img/assets-sprite.svg'); background-position: -118px -40px; background-size: 1000px 1000px;}
.h-strokes {display: block; max-width: 770px; margin: 0 auto; height: 130px; background-image: url('../img/stroke-h.svg'); }
.h-stroke { width: 100%; height: 20px; margin: 20px auto; background-color: #284596;} 
.h-v-asset { display: block;  height: 280px; background-image: url('../img/h-asset-v.svg'); background-repeat: no-repeat; position: relative; z-index: 2; margin: 0 auto;}
.h-v-con {margin-top: 10vh;}
.h-v-text-l h5 {color: #284596; text-transform: uppercase; vertical-align: middle; text-align: right; margin-top: 110px;}
.h-v-text-r h5 {color: #284596; text-transform: uppercase; vertical-align: middle; text-align: left; margin-top: 110px;}
.h-alquiler {border-left: 20px solid #284596; height: 100%; z-index: 0; position: relative; }
.h-alquiler-l {  padding: 10vh 15vh; margin-top: 10vh;}
.h-alquiler-l h3 {color: #d8cec5; }
.h-alquiler-img {background-image: url(../img/bg-home-02.jpg); background-size: cover; background-position: center; min-height: 50vh;    height: 100%; z-index: 0; margin-top: -15vh; padding-bottom: 15vh;}
.h-left-blue {border-top: 20px solid #284596; border-left: 20px solid #284596; min-height: 55vh;height: 100%; position: relative; width: 75%;     margin-top: -615px; z-index: -3;}
.h-bottom-blue {margin-bottom: -20px; border-bottom: 20px solid #284596; border-right: 20px solid #284596; border-left: 20px solid #284596; padding-top: 10vh;
    height: 100%; position: relative; width: 75%; border-left: 20px solid #284596; z-index: -2;}
.h-zonas {width: calc(100% - 10vh); background-color: #284596; min-height: 50vh; height: 100%; padding-top: 10vh; padding-bottom: 10vh;margin-bottom: 10vh;}
.h-zonas-img {background-image: url(../img/bg-home-03.jpg); background-position: left; background-size: cover; min-height: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); min-height: 50vh;}
.h-zonas-img:after {content:"";background-size: cover; background-position: right; width: 5vh; background-image: url('../img/bg-home-03.jpg'); position: absolute; right: 5vh;display:block;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); height: 50%; }


/*.h-zonas-text:after {content:""; display: block;background-size: cover; background-position: right; width: 5vh; background-image: url('../img/bg-home-03.jpg'); position: absolute; right: 5vh;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); height: 50%; }*/

.h-zonas-text {background-color: #284596; padding:10vh;}
.h-zonas-text h3 {color: #d8cec5;}
.h-zonas h3 {color: #d8cec5;}
.h-zonas p {color: white;}

/* NOSOTROS */
.nos-container{position: relative; margin-bottom: 10vh;}
.nosotros .con-shadow {margin-bottom: 10vh;}
.nosotros .header {position: relative; background-repeat: no-repeat; background-position: center bottom; background-size: cover; width: 100%; min-height: 60vh; height: auto;background-image: url(../img/bg-nosotros-01.jpg);}
.nos-intro { z-index: 2;  padding-top: 10vh; position: relative;}
.nos-intro h3 {color: white;}
.nos-intro h3 span  {color: white;display: block;}
.nos-intro p {color: white;}
.nos-intro-img {height: 35vh; background-repeat: no-repeat; background-size: contain; width: 100%; background-image: url(../img/n-asset-hoja.svg);}
.nos-intro-l {background-color: #284596; }
.nos-intro-c {background-color: #284596; }
.nos-intro-r {background-color: transparent; background-image: url(../img/stroke-v.svg); margin-left: 30px;background-size: 50px; background-position: left;}
.nos-intro-stroke {background-repeat: repeat-x; background-color: transparent; background-image: url(../img/stroke-v.svg); }
.h-100 {position: absolute;height: 100%;top: 0; max-width: 1200px; width: calc(100% - 6vh);}

.hh-100 {height: 830px;}

.nos-equipo {margin: 70px 0 100px !important;}
.nos-equipo h4 {color: #284596;text-align: center;margin-top: 5vh; font-size: 1rem;}
.nos-equipo p {color: #284596; text-align: center;}

/* ALQUILER */
.alquiler .has-dropdown:after {content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -8px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}
.alquiler .uk-navbar-container.uk-active .has-dropdown:after {content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -8px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}
.alquiler .uk-navbar-container.uk-navbar {height: 130px; z-index: 3; background-color: #284596;}
.alquiler .uk-navbar-nav>li.uk-active>a {color: white;}
.alquiler .uk-navbar-nav>li.uk-active>a:hover {color: white;}
.alquiler .uk-navbar-nav>li.uk-active>a {color: white;}
.alquiler .uk-navbar-nav>li>a {color: white !important;}
.alquiler .uk-navbar-nav>li>a:hover {color: white !important; }
.alquiler .uk-navbar-container.uk-active .uk-navbar-nav>li a {color: white !important;}
.alquiler .uk-navbar-container.uk-active .uk-navbar-nav> .has-dropdown li a {color: #284596 !important;text-transform: uppercase; }
.alquiler .uk-navbar-container.uk-active .uk-navbar-nav .uk-open>li a:hover {color: #031a44 !important; }
.alquiler .header-logo{position: absolute;z-index: 6;background-image: url(../img/logo-header-b.svg);display: inline-block;background-repeat: no-repeat;background-size: contain;width:130px ;max-width: 300px;height: 70px;background-position: left; margin: 30px;}
.alquiler .bm-waves span {width: 130px; height: 70px; background-color: #284596; background-image: url(../img/logo-header-b.svg); background-size: 60%; background-position: center;}
.alquiler .uk-nav .uk-navbar-dropdown-nav {color: #284596 !important;}
.border-menu {border-bottom: 20px solid #284596; margin-top: 20px;}
.alquiler h1 {color: #284596; font-size: 2rem; margin-top: 10vh;}
.alquiler h1 span {color: #666666; display: block; font-weight: 400; font-size: 60%; margin-top: 20px; margin-bottom: 30px;}
.alquiler-pri p:last-child, .alquiler-check p:last-child {margin-bottom: 0px;}
.alquiler-feed {margin-bottom: 40px;}
.alquiler-feed a {margin: 5px;display: inline-block;}
.alquiler-feed:hover a {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
.uk-navbar-dropdown .uk-open {color: #284596 !important;}
.alquiler-feed p.feed-num {color: #aaa9a9 !important; text-align: left !important; float: left; margin-top: -10px; font-size: 0.95rem !important; }


.alquiler-feed-img {width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; border: 0;} 
.alquiler-feed-text {padding: 2vh;}
.alquiler-feed-text h4 {color: #284596; margin-top: 20px; font-weight: 600;}
.alquiler-feed-text small {color: #aaa9a9; text-align: right; font-weight: 400; letter-spacing: 0; float: right; text-transform: initial;margin-top: -10px; font-size: 0.95rem !important;}
.alquiler-feed-text p {color:#666666;margin-bottom: 0px;}
.alquiler-feed-text p span {text-align: right; float: right;}
.capacidad {margin-top: 0; opacity: 0.7;}
.por_noche {color: #aaa9a9 !important; font-size: 0.7rem; line-height: 0.6rem;}  
.from_precio {color: #aaa9a9 !important; font-size: 0.7rem; line-height: 0.6rem; margin-top: -24px;}

    /* ALQUILER-IND */
    .alquiler-ind .has-dropdown:after {content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -8px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}
    .alquiler-ind .uk-navbar-container.uk-navbar {height: 97px; z-index: 7;}
    .alquiler-ind .uk-navbar-nav>li.uk-active>a {color: white;}
    .alquiler-ind .uk-navbar-nav>li.uk-active>a:hover {color: white;}
    .alquiler-ind .uk-navbar-nav>li.uk-active>a {color: white;}
    .alquiler-ind .uk-navbar-nav>li>a {color: white !important;}
    .alquiler-ind .uk-navbar-nav>li>a:hover {color: white !important; }
    .alquiler-ind .uk-navbar-container.uk-active .uk-navbar-nav>li a {color: #284596 !important;}
    .alquiler-ind .header-logo{position: absolute;z-index: 6;background-image: url(../img/logo-header-b.svg);display: inline-block;background-repeat: no-repeat;background-size: contain;width:130px ;max-width: 300px;height: 70px;background-position: left; margin: 4vh;}
    .alquiler-ind .bm-waves span {width: 130px; height: 70px;  background-image: url(../img/logo-header.svg); background-size: 60%; background-position: center;}
    .alquiler-ind .uk-nav .uk-navbar-dropdown-nav {color: #284596 !important;}
    .pg-container{position: relative;margin-top: -90px;}
    .arrow-prev{position: absolute;width: 50px;height: 50px; right: 50px; top:calc(50% - 35px);background-image: url('../img/assets-sprite.svg');background-position: -50px -205px; font-size: 0; background-size: 1000px 1000px; cursor: pointer;}
    .arrow-prev:hover{opacity: 0.7;}
    .arrow-next{position: absolute;width: 50px;height: 50px; left: 50px; top:calc(50% - 35px);background-image: url('../img/assets-sprite.svg');background-position: 0px -205px; font-size: 0; background-size: 1000px 1000px; cursor: pointer;}
    .arrow-next:hover{opacity: 0.7;}
    #property-gallery{position: relative;}
    .property-item{display: none;background-position: center;background-size: cover;background-repeat: no-repeat;height: 60vh;}
    .property-item:nth-child(1){display: block;}

    .alquiler-ind .container{position: relative;}

    .alquiler-ind .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; min-height: 60vh; height: auto;}
    .alquiler-ind-pro {background-color: #284596; height: 100%;}
    .alquiler-ind-pro h3 {color: white; margin-bottom: 0px; } 
    .alquiler-ind-pro p {color: white; margin-top: 0px; margin-bottom: 40px !important;}
    .alquiler-ind-pro p span {color: white; float: right;}
    .alquiler-ind-esp {margin-top: -10vh; margin-bottom: 10vh;}
    .alquiler-ind-esp a {color: #284596; text-decoration: none; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px;}
    .alquiler-ind-esp h3 {color: #284596;font-weight: 400;}
    .alquiler-ind-esp h4 {color: #284596; margin: 50px 0 60px;font-weight: 400; }
    .alquiler-pri, .alquiler-check {padding: 7vh ;  width: calc(100% - -5vh); margin-top: 6vh;  background-color: #284596;}
    .alquiler-pri h3 {color: white; text-align: right; width: 100%; font-weight: 700;    letter-spacing: 0;}
    .alquiler-check {margin-top: 2vh;}
    .alquiler-pri h3 span {color: white; float: right; margin-top: 10px; font-size: 50%; border-bottom: 1px solid white; width: 100%; padding-bottom: 20px; font-weight: 400;margin-bottom: 20px;}
    .alquiler-pri p {color: white;  margin-top: 10px;}
    .alquiler-pri p span {color: white; float: right; text-align: right;}
    .alquiler-check h3 {color: white; text-align: right; width: 100%; font-weight: 700;}
    .alquiler-check h3 span {color: white; float: right;  font-size: 50%; border-bottom: 1px solid white; width: 100%; padding-bottom: 20px; font-weight: 400; margin-bottom: 20px;}
    .alquiler-check p {color: white;  margin-top: 10px;}
    .alquiler-check p span {color: white; float: right;text-align: right;line-height: 1;margin-bottom: 5px; font-weight: 700;}
    .alquiler-check p span small{display: block;text-align: right;font-weight: 400;}
    .alq-left-blue {border-bottom: 20px solid #284596; border-left: 20px solid #284596; border-right: 20px solid #284596; height: 95%; position: absolute; width: 75%; z-index: -2; margin-top: -20px; }
    .alq-left-blue-h {border-bottom: 20px solid #284596; border-left: 20px solid #284596; border-right: 20px solid #284596; height: 35%; position: absolute; width: 75%; z-index: -2; margin-top: -20px; }
    .alq-zona {background-color: #284596; height: 60vh; margin-bottom: 8vh;}
    .alq-map {max-width:1200px; width: 100%; padding: 20vh 0; margin: 0 auto;}
    .alq-map-text {background-color:#f2f1f0; width: 400px; min-height: 200px; height: auto;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); position: absolute; z-index: 2; right: 5%; margin-top: 10vh; padding:5vh;}
    .alq-map-text h4, .alq-map-text p {color: #666666; text-align: center;}
    .alquiler-extras {text-transform: capitalize;} 
    /*.alq-calendar {border: 20px solid #284596; margin: 8vh;}*/
    .alq-calendar h4 {color: #284596; font-weight: 400;}
    #more_text {visibility: hidden;}
    #form_alquiler .uk-input, #form_alquiler .uk-textarea, #form_venta .uk-input, #form_venta .uk-textarea {width: calc(100% - 20px);}

    #form_alquiler, #form_venta {position: relative; z-index: 100;}
    #alquiler-ind-form, #venta-ind-form {opacity: 0;z-index: -1;position: absolute;top:190px;width: calc(100vw - 20vh);}
    #close-alquiler-ind-form, #close-venta-ind-form{position: absolute;right: 60px;top: 30px;color: white;font-size: 80px;cursor: pointer;font-weight: 700;line-height: 1;cursor: pointer;-webkit-transition: ease-in-out, transform .35s ease-in-out;transition: ease-in-out, transform .35s ease-in-out;z-index: 2;}
    #close-alquiler-ind-form:hover, #close-venta-ind-form:hover{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
   
        
        /* precios */
        .precios {}
        .rango-preus {border-bottom: 1px solid #284596; padding-top: 20px; }
        .rango-preus:first-child {padding-top: 0px; }
        .precios h3 {color: #284596; border-bottom: 3px solid #284596; padding-bottom: 20px; margin-bottom: 0px;}
        .precios h3 span {color: #284596; font-weight: 400 !important;}
        .precios p {color: #4d4d4d; margin-bottom: -10px;}
        .precios h5 {color: #4d4d4d; margin-top: 15px; letter-spacing: 0px; margin-bottom: 20px !important;}


/* VENTA */
.ventas .uk-navbar-container.uk-navbar {height: 130px; z-index: 3; background-color: #284596 !important;}
.ventas .uk-navbar-nav>li.uk-active>a {color: white;}
.ventas .uk-navbar-nav>li.uk-active>a:hover {color: white;}
.ventas .uk-navbar-nav>li.uk-active>a {color: white;}
.ventas .uk-navbar-nav>li>a {color: white;}
.ventas .uk-navbar-nav>li>a:hover {color: white !important; opacity: 0.6;}
.ventas .uk-navbar-toggle {color: white !important;}
.ventas .uk-navbar-container.uk-active .uk-navbar-nav>li a {color: white !important;}
.ventas .uk-navbar-container.uk-active .uk-navbar-nav>li a  {color: white !important;}
.ventas .uk-navbar-container.uk-active .uk-navbar-nav> .has-dropdown li a {color: #284596 !important;text-transform: uppercase; }
.ventas .uk-navbar-container.uk-active .uk-navbar-nav .uk-open>li a:hover {color: #031a44 !important; }
.ventas .header-logo{position: absolute;z-index: 6;background-image: url(../img/logo-header-b.svg);display: inline-block;background-repeat: no-repeat;background-size: contain;width:130px ;max-width: 300px;height: 70px;background-position: left; margin: 4vh;}
.ventas .bm-waves span {width: 130px; height: 70px; background-color: #284596; background-image: url(../img/logo-header-b.svg); background-size: 60%; background-position: center;}
.border-menu {border-bottom: 20px solid #284596; margin-top: 20px;}
.ventas h1 {color: #284596; font-size: 1.5rem; margin-top: 10vh;}
.ventas h1 span {color: #666666; display: block; font-weight: 400; font-size: 60%; margin-top: 20px; margin-bottom: 30px;}
.ventas-intro {}
.ventas-feed {padding: 5px; margin-bottom: 40px;}
.ventas-feed:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
.ventas p.feed-num {margin-top:0px; font-size: 0.95rem !important; }
.ventas .alquiler-feed-text small {margin-top: 0px;}


.ventas-feed-img {width: 100%; height: 350px; background-repeat: no-repeat; background-position: center; background-size: cover; border: 0;} 
.ventas-feed-text {padding: 2vh;}
.ventas-feed-text h4 {color: #284596; margin-top: 20px; font-weight: 400;}
.ventas-feed-text p {color:#666666;margin-bottom: 0px;}
.ventas-feed-text p span {text-align: right; float: right;}
.capacidad {margin-top: 0; opacity: 0.7;}
    
    /* VENTA-IND */
    .ventas-ind .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; min-height: 60vh; height: auto;background-image: url(../img/bg-alquiler-01.jpg);}
    .ventas-ind-pro {background-color: #284596; min-height: 10vh;}
    .ventas-ind-pro h3 {color: white; margin-bottom: 0px; margin-top: -3vh;}
    .ventas-ind-pro p {color: white; margin-top: 0px;}
    .ventas-ind-pro p span {color: white; float: right;}
    .ventas-ind-esp {margin-top: -10vh; margin-bottom: 10vh;}
    .ventas-ind-esp a {color: #284596; text-decoration: none; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 2px;}
    .ventas-ind-esp h3 {color: #284596;font-weight: 400;}
    .ventas-ind-esp h4 {color: #284596; margin: 30px 0 60px;font-weight: 400; }
    .order_1 {padding-left: 30px;}
    .ventas-pri, .venta-check {padding: 7vh ;  width: calc(100% - -5vh); margin-top: 6vh;  background-color: #284596;}
    .ventas-pri h3 {color: white; text-align: right; width: 100%; font-weight: 700;letter-spacing: 0;}
    .ventas-check {margin-top: 2vh;background-color: #284596;}
    .ventas-pri h3 span {color: white; float: right; margin-top: 10px; font-size: 50%; border-bottom: 1px solid white; width: 100%; padding-bottom: 20px; font-weight: 400;margin-bottom: 20px;}
    .ventas-pri p {color: white;  margin-top: 10px;}
    .ventas-pri p span {color: white; float: right;}
    .ventas-check h3 {color: white; text-align: right; width: 100%; font-weight: 700;}
    .ventas-check h3 span {color: white; float: right;  font-size: 50%; border-bottom: 1px solid white; width: 100%; padding-bottom: 20px; font-weight: 400; margin-bottom: 20px;}
    .ventas-check p {color: white;  margin-top: 10px;}
    .ventas-check p span {color: white; float: right; }
    .alq-left-blue {border-bottom: 20px solid #284596; border-left: 20px solid #284596; border-right: 20px solid #284596; height: 80%; position: absolute; width: 75%; z-index: -2; margin-top: -20px; }
    .alq-zona {background-color: #284596; height: 100%; margin-bottom: 8vh; margin-top: 5vh;}
    .alq-map {max-width:1200px; width: 100%; padding: 20vh 0 0; margin: 0 auto;}
    .alq-map-text {background-color:#f2f1f0; max-width: 400px; width: 100%; min-height: 200px; height: auto;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); position: absolute; z-index: 2; right: 5%; margin-top: 5vh; padding:5vh;}
    .alq-map-text h4, .alq-map-text p {color: #666666; text-align: center;} 
    .alq-calendar h4 {color: #284596; font-weight: 400;}
    #more_text {visibility: hidden;}
    #form_alquiler .uk-input, #form_alquiler .uk-textarea, #form_ventas .uk-input, #form_ventas .uk-textarea {width: calc(100% - 20px);}
    #form_alquiler, #form_ventas {position: relative;}

    /* VENTA-IND */
    .ventas-ind .uk-navbar-container.uk-navbar {height: 97px; z-index: 3;}
    .ventas-ind .uk-navbar-nav>li.uk-active>a {color: white;}
    .ventas-ind .uk-navbar-nav>li.uk-active>a:hover {color: white;}
    .ventas-ind .uk-navbar-nav>li.uk-active>a {color: white;}
    .ventas-ind .uk-navbar-nav>li>a {color: white !important;}
    .ventas-ind .uk-navbar-nav>li>a:hover {color: white !important; }
    .ventas-ind .uk-navbar-container.uk-active .uk-navbar-nav>li a {color: #284596 !important;}
    .ventas-ind .header-logo{position: absolute; z-index: 6; background-image: url(../img/logo-header-b.svg); display: inline-block; background-repeat: no-repeat; background-size: contain; width: 130px; max-width: 300px; height: 70px; background-position: left; margin: 4vh;}
    .ventas-ind .bm-waves span {width: 130px; height: 70px;  background-image: url(../img/logo-header.svg); background-size: 60%; background-position: center;}
    .ventas-ind .uk-nav .uk-navbar-dropdown-nav {color: #284596 !important;}
    .ventas .has-dropdown:after, .ventas-ind .has-dropdown:after{content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -8px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}
    .ventas .uk-navbar-container.uk-navbar.uk-active .has-dropdown:after, .ventas-ind .uk-navbar-container.uk-navbar.uk-active .has-dropdown:after{content: ""; display: inline-block; width: 6px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -42px -2px; position: absolute; top: 33px; right: 4px; background-size: 1000px 1000px;}

    .pg-container{position: relative;margin-top: -90px;}
    .arrow-prev{position: absolute;width: 50px;height: 50px; right: 50px; top:calc(50% - 35px);background-image: url('../img/assets-sprite.svg');background-position: -50px -205px; font-size: 0; background-size: 1000px 1000px; cursor: pointer;}
    .arrow-prev:hover{opacity: 0.7;}
    .arrow-next{position: absolute;width: 50px;height: 50px; left: 50px; top:calc(50% - 35px);background-image: url('../img/assets-sprite.svg');background-position: 0px -205px; font-size: 0; background-size: 1000px 1000px; cursor: pointer;}
    .arrow-next:hover{opacity: 0.7;}
    #property-gallery{position: relative;}
    .property-item{display: none;background-position: center;background-size: cover;background-repeat: no-repeat;height: 60vh;min-height: 600px;}
    .property-item:nth-child(1){display: block;}


        /* alquiler-ind ANIMACIO */
        #alquiler-form {-vendor-animation-duration: 3s;-vendor-animation-delay: 2s;-vendor-animation-iteration-count: infinite;}
        #venta-form {-vendor-animation-duration: 3s;-vendor-animation-delay: 2s;-vendor-animation-iteration-count: infinite;}

        /* Calendari ocupacio */
        .cal_mesos{display: inline-block;margin: 10px;}
        .cal_mesos.ocultar, .cal_mesos.ocultar_todo { display: none; }
        #calendar{margin-bottom: 40px;}
        #calendar .busy-date{position: relative;display: block;text-align: right;margin-right: 10px;font-size: 0.8rem;}
        #calendar .busy-date:before{display: inline-block;content: ""; width: 10px;height: 10px;background-color: #284596;}
        #calendar .uk-button{margin-right: 10px;}

        .calendari table{border:0;width:100%;margin-left: auto; margin-right: auto; margin-bottom: 0;}
        .calendari table tbody{border: 0;}
        .calendari table tbody tr:nth-child(even){background-color: transparent;}
        .cal_mesos{width: calc(25% - 20px);margin:10px;float:left;font-size:12px;min-height: 305px;}
        .cal_mes{width:100%;padding:8px 0;text-align:center;color:#fff;font-weight: 700;text-transform: uppercase;background-color: #284596;}
        .cal_dies{border-spacing: 0;}
        .cal_setmana{background-color: #e6e6e6;margin-bottom: 1px;}
        .cal_td{height:auto;width:14.2857%;text-align:center; font-weight: 700;padding: 8px 0;border-bottom: 1px solid white;}
        .cal_td_num{width:14.2857%;height:18px;text-align:center;padding:8px 0;position: relative;border: 1px solid white;border-left: 0;border-right: 0;z-index: 1;}
        .cal_td_num.busy{color: #999999;; font-weight: 700;}
        .cal_td_num.busy.incoming{color: #999999;; font-weight: 700;}
        .cal_td_num.outcoming{color: #999999;; font-weight: 700;}
        .cal_td_num.outcoming.incoming{color: #999999;; font-weight: 700;}

        .cal_td_num.busy:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%; background-image: url('../img/calendar-icon-1.png');background-size: 100%; z-index: -1;}
        .cal_td_num.busy.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-2.png');background-size: 100% 100%; z-index: -1;}
        .cal_td_num.outcoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-3.png');background-size: 100% 100%; z-index: -1;}
        .cal_td_num.outcoming.incoming:after{content: "";display:block; position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: url('../img/calendar-icon-4.png');background-size: 100% 100%; z-index: -1;}


/* ZONAS */
.container-zonas-intro {max-width: 1200px; width: 100%; float: right;}
.zonas .con-shadow {background-color: #f2f1f0; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); z-index: 0; min-height: 50vh; height: auto; }
.zonas .header {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; min-height: 60vh; height: auto;background-image: url(../img/bg-zonas-01.jpg);}
.zonas-intro {width: 100%; height: auto; min-height: 40vh; position: absolute; z-index: 2; top: 70vh; }
.zonas-intro h3 {color: white;}
.zonas-intro h3 span  {color: white;display: block;}
.zonas-intro p {color: white;}
.zonas-intro-img {height: 35vh; background-repeat: no-repeat; background-size: contain; width: 100%; background-image: url(../img/z-assets-hojas.svg);    background-position: right bottom;}
.zonas-intro-r {background-color: #284596; /*margin-right: 10vh*/;}
.zonas-intro-c {background-color: #284596;}
.zonas-intro-c p {text-align: center;}
.zonas-intro-l {display: block; background-image: url('../img/stroke-v.svg'); background-size: 50px; background-position: right; }
.zonas-int {margin-top: -10vh; min-height: 55vh; height: 100%;}
.zonas-int-text {min-height: 50vh;}
.zonas-int-text h3 {color: #d8cec5; margin-top: 10vh;}
.zonas-int-text p {color: #284596;}
.zonas-int-text p span {color: #666666;}
.zonas-int-img {background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 55vh; background-image: url(../img/bg-zonas-02.jpg); height: 100%; width: 100%; }
.zonas-int-blue {width: 75%; height: 50px; float: right; background-color: #284596; background-position: bottom right;}
.zonas-cos {min-height: 55vh; height: 100%;}
.zonas-cos-text {background-color: #284596;}
.zonas-cos-text h3 {color: #d8cec5;}
.zonas-cos-text p {color: white;}
.zonas-cos-img {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;  min-height: 60vh; background-image: url(../img/bg-zonas-03.jpg); z-index: 2; height: 100%; width: 100%; }


    /* contacta */
    .contacta .header{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-contacta-01.jpg);}
    .con-intro-img {height: 50vh; background-repeat: no-repeat; background-size: contain; width: 100%; background-image: url(../img/c-asset-v.svg);background-position: center; margin-top: -40vh; margin-bottom: -10vh; margin-bottom: -11vh !important;}
    .con-intro-r p a {color: #284596;}
    .con-intro-r p a:hover {color: #031a44;}


    .con-intro-l h4 {color: #284596;}
    .con-intro-r p {text-align: right; color: #284596;margin: 5px 0;}
    .con-form-container {background-color: #284596;z-index: 1; position: relative;}
    #form_contacta .uk-input, #form_contacta .uk-textarea {width: calc(100% - 20px);}

    .contacta-dir {color: #333 !important; display: block;}
    .contacta .icon .fb {color: #333;}
    .contacta .icon .ta {color: #333;}
    .uk-input, .uk-textarea {background-color: transparent !important; color: white !important; border:0; border-bottom: 1px solid #eee; margin-top: 40px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
    .uk-select {background-color: transparent !important; color: #444 !important; border:0;  margin-top: 40px;-webkit-transition: ease-in-out, all .35s ease-in-out;transition: ease-in-out, all .35s ease-in-out;}
    .uk-input:active, .uk-select:active, .uk-textarea:active, .uk-input:focus, .uk-textarea:focus {border-bottom: 1px solid #031a44 !important;}
    .uk-select:focus {border: 0!important;}
    .uk-input::-webkit-input-placeholder, .uk-select::-webkit-input-placeholder, .uk-textarea::-webkit-input-placeholder {color: white!important;}
    #reservar-step{display: inline-block;cursor: pointer;    padding: 0 5px 10px;}
    .pi-child{text-transform: uppercase;margin-bottom: 10px;}
    .contacto-intro ul.uk-list{margin-top: 0;}
    .contacto-intro ul.uk-list a{color: #333;}
    .contacto-intro ul.uk-list a:hover{text-decoration: underline;}
    .contacta .uk-input .con-form::-webkit-input-placeholder {color: #eee !important;}
    .contacta .uk-textarea .con-form::-webkit-input-placeholder {color: #eee !important;}
    .contacta .uk-input:active, .contacta .uk-select:active, .contacta .uk-textarea:active, .contacta .uk-input:focus, .contacta .uk-textarea:focus {border-bottom: 1px solid #031a44 !important;}
    .contacta .uk-input::-webkit-input-placeholder, .contacta .uk-select::-webkit-input-placeholder, .contacta .uk-textarea::-webkit-input-placeholder{color: #eee !important;}
    .con-dir {padding: 10vh 5vh !important;}

    

    /* reserva */
    .reserva .header{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 60vh; z-index: 1; background-image: url(../img/bg-reserva-1.jpg);}
    .intro-reserva {margin: 0px; padding:0;}
    .reserva h3 {margin-top: 50px;}
    .buscador-reserva {margin: 0 auto !important;}
    .buscador-reserva h3 {color: white;}
    .buscador-reserva p {color: white;}
    .reserva-left {min-height: 50vh; background-color: #B99555; height: auto; background-image: url(../img/textura-sprite.jpg); background-position: center;  background-size: cover; }
    .reserva #buscador_reserva h4 {color: #30373F; text-align: center;}
    .reserva .day-vuelta-container, .reserva .day-ida-container { border: 3px solid white; margin-right: 5px !important;height: 110px;}
    .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container { width: 30%;}
    .reserva .select-habs {top:0;}
    .reserva .select-habs h4 {margin-top: 14px;}

    .form-reserva {color: #30373F !important; border-bottom: 1px solid #30373F !important;}
    .form-reserva:active {border-bottom: 3px solid #30373F !important;}
    .form-reserva::-webkit-input-placeholder {color: white !important;}
    #formContacto desde la web de Vive Villas Mallorca .uk-width-1-2\@m {float: left; padding: 10px;}
    #form_reserva textarea {padding: 20px;}
    .reserva .uk-button-primary {margin-top: 60px !important; margin-bottom: 100px !important;font-weight: 700;}
    .reserva .uk-button-primary:after {}
    .buscador-casilla {border: 3px solid white; padding: 20px !important; text-align: center;margin-right: 10px!important; margin-top: 10px !important;}
    .buscador-casilla h3 {color: #30373F; text-align: center; margin: 10px 0 0 0 !important; padding: 0px !important; }
    .buscador-casilla p {color: #30373F; text-align: center; padding: 0px; margin: 0px !important;}
    .reserva footer{margin-top: 0 !important;}
    #form_reserva .uk-width-1-2\@m { width: calc(50% - 20px); float: left; margin: 0 10px;}

    .con-form-container label {color: white;}

    /* mapa */
    #map-container{width: 100%; margin: 0 auto; margin-top: 9px !important;}
    #map-container iframe{width: 100%;border:0; }

    
    /* cookies i aviso legal */
    .cookies .header{background-image: url('../img/bg-cookies.jpg');background-position: center 20%;}
    .legal .header{background-image: url('../img/bg-legal.jpg');background-position: center 20%;}
    .legal h3, .cookies h3 {color: #284596; font-size: 1.5rem;}
    span.link, span.link {color: #4d4d4d !important; font-weight: 600;}
    span.link:hover, span.link:hover{color: #4d4d4d !important; opacity: 0.7;}

    /* footer */
    footer{background-color: #031a44;padding-bottom: 2vh !important;width: calc(100% - 20vh);}
    footer h6 a{text-transform: uppercase;color: #4d4d4d;font-weight: 300;margin-bottom: 10px;display: block;}
    footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
    .section-footer{padding: 5vh 10vh 2vh !important}
    .footer-logo {display: inline-block;}
    .footer-logo img{width: 100%; max-width: 120px;}
    .footer-social{width: 100px;float: left;}
    .footer-social li{display: inline-block;}
    .footer-social li a:hover{opacity: 0.7;}
    footer h6{color: white;font-size: 0.9rem;padding: 0;font-weight: 700;text-transform: uppercase;margin-bottom: 0;text-align: right;}
    .footer-menu{float: right; margin-top: 3px;}
    .footer-menu li a, .footer-ul li{color: white;font-size: 0.8rem;padding: 0;line-height: 1.8;list-style-type: none; text-transform: uppercase;}
    .footer-menu li a:hover{opacity: 0.7;}
    .footer-submenu{float: right;}
    .footer-submenu li{display: inline-block;margin: 0 !important;text-transform: uppercase;}
    .footer-submenu li:after{content: "·";color: white;display: inline-block;margin: 0 5px 0 10px;}
    .footer-submenu li:last-child:after{display: none;}
    .footer-submenu li a{color: white;font-size: 0.8rem;padding: 0;}
    .copyright{float: left;font-size: 0.8rem;color: white; text-align: left; text-transform: uppercase;}
    .autor{float: right;color: #284596;font-size: 0.7rem; }
    .autor a{color: #284596 !important; font-weight: 700;}
    .social {text-align: right; margin-top: 30px;}
    .email {display: inline-block; color: white; float: left;}
    .email a {display: inline-block; color: white; margin-left: 10px; top: -10px !important; position: relative;}
    .email li:before{content:""; display: inline-block; position: relative;width: 18px;height: 18px;margin: 0 auto 10px;background-image: url('../img/assets-sprite.svg'); background-position: -1px -66px; background-size: 300px; margin-left: -7px;} 
    .tel {display: inline-block; color: white; float: left; margin-top: -30px;}
    .tel a {display: inline-block; color: white; margin-left: 10px; top: -10px !important; position: relative;}
    .tel li:before{content:""; display: inline-block; position: relative;width: 18px;height: 18px;margin: 0 auto 10px;background-image: url('../img/assets-sprite.svg'); background-position: -19px -66px; background-size: 300px; margin-left: -7px; top: 0px;} 
    .dir {display: inline-block; color: white; float: left;}
    .dir ul li {list-style: none; text-decoration: none;}
    .dir ul li a {list-style: none; text-decoration: none;}
    .dir li:first-child:before{content:""; display: inline-block; position: relative;width: 18px;height: 18px;margin: 0 auto 10px;background-image: url('../img/assets-sprite.svg'); background-position: -39px -66px; background-size: 300px; margin-left: -19px; top: 10px; margin-top: -10px; margin-right: 5px; margin-left: -25px;} 

    /* Media queries */
    @media only screen and (min-width: 1600px){
      
  }

  @media only screen and (min-width: 1200px){
      
  }

  @media only screen and (max-width: 1599px){ /* x-large */
    .section-text {padding: 15vh; }
    .buscador-casilla { width:100%; margin-top: 10px !important;}
    .alquiler-pri, .alquiler-check, .ventas-pri, .ventas-check {padding: 3vh 6vh; }
    .nos-intro-l {display: none;}
    .h-alquiler-l {padding: 15vh 10vh 0;}
        
}

@media only screen and (max-width: 1199px){ /* large */
    .section-text {padding: 10vh;}
    .menu-header .menu a{font-size: 0.9rem;}
    .is-stuck .header-logo{width: 230px;}
    .header-title-bar.is-stuck .menu-container{width: calc(100% - 250px);}
    #book-now-button a {color: white;font-size: 0.9rem;padding: 1rem 2rem;}
    .uk-navbar-nav>li>a{padding: 0 12px;}
    .hs-ind h4{margin-top: calc(20vh - 111px);}
    .hs-ind-large h4{margin-top: calc(40vh - 76px);}
    .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container {width: 100% !important; display: block; margin-top: 10px !important;}

    /* VIVE */
    .alquiler-pri, .alquiler-check, .ventas-pri, .ventas-check {padding: 3vh 5vh; }
    .con-margin {margin: 0 5vh 5vh;}
    .h-alquiler-l {padding: 10vh 10vh;}
    .zonas .con-shadow {min-height: 55vh;}
    .zonas-intro-r {margin-right: 0;}
    .h-v-text-r h5, .h-v-text-l h5 {margin-top: 60px;}
    #alquiler-ind-form, #venta-ind-form {width: calc(100vw - 10vh);}
    .h-zonas-text {padding:5vh;}
    .h-alquiler-l {padding: 20vh 5vh 0vh;}
    .hh-100 {height: 740px;}
}


@media (max-width: 1024px){ /* iPad */
    
    .h-left-blue { border-top: 20px solid #284596; border-left: 20px solid #284596;height: 100%; position: relative;width: 75%; z-index: -3;}
    .hh-100 {height: 620px;}
    .h-alquiler-img {min-height: 40vh;height: 80%;margin-top: 0px;}
    .order_1 { padding-left: 30px;}
    .h-alquiler-l {padding: 15vh 5vh 0vh;}
    .zonas-int-text h3 {margin-top: 0px;}
    .section-text {padding:10vh;}

}


@media (max-width: 959px){ /* medium */
    .section-text {padding:10%;}
  .section-footer{padding: 10% !important;}
  .section {padding:10%;}
  .section-shadow {padding: 10% !important;}
  .con-margin {margin: 0;}
  .header h1{font-size: 2.5rem;}
  .uk-navbar-toggle{width: 120px;height: 70px; float: right;color: #284596 !important;}
  /*.uk-navbar-toggle:hover {color:white !important; }*/
  .uk-navbar-toggle-icon{margin-right: 10px;}
  .header-logo {display: none;}
  .bm-waves span{display: block; height: 54px !important; width: 90px !important; margin-top: 8px;}
  .uk-navbar-container{background-color: #f2f1f0 !important; height: 70px !important;}
  .uk-navbar-right{width: 100%;display: block; height: auto;}
  .uk-navbar-left{display: inline-block; opacity: 1 !important;}
  .uk-navbar-nav#main-menu{display: none;width: 20%;float: right; background-color: #f2f1f0; height: calc(100vh - 70px);width: calc(100% - 10px);position: absolute;top: 70px;left: 0px;margin-left: 0; color: white; text-align: right; padding-left: 10px;}
  .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;}
  .uk-navbar-nav li{width: 100%;text-align: left;font-size: 1rem;}
  .uk-navbar-nav li a{display: block; height: auto;padding: 20px 12px; color: #284596   !important;     text-transform: uppercase;}
  .uk-navbar-nav li a:active{color: #444;}
  .uk-navbar-nav li a:hover{color: #444;}
  .header-search{margin-top: 150 !important;width: 100%; position: relative; z-index: 4;}
  .uk-navbar-container.uk-active{background-color: #f8f8f8; height: 70px !important;}
  .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #284596;}
  .uk-navbar-nav>li.uk-active>a:active{color: #333;}
  .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;}
  .uk-nav-parent-icon>.uk-parent>a::after{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23284596%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E);}

  /*.uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20%FF284596%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%3E%3C%2Fpolyline%3E%0A%3C%2Fsvg%3E);}*/
  .alquiler .bm-waves span {background-color: #284596;  background-image: url(../img/logo-header-b.svg);}
  .alquiler .uk-navbar-container.uk-navbar {background-color: #284596 !important;}
  .alquiler .uk-navbar-toggle {color: white !important;}

    /* Vive */
    .uk-navbar-right, .uk-navbar-left {padding: 0vh; height: 70px;}
    .alquiler .header-logo {display: none; width: 110px; height: 50px;}
    .alquiler .uk-navbar-container.uk-active .uk-navbar-nav>li a {color: #284596 !important;text-transform: uppercase; }
    .alquiler .uk-navbar-container.uk-active .uk-navbar-nav> .has-dropdown li a {color: #284596 !important;text-transform: uppercase; }
    .alquiler .uk-navbar-container.uk-active .uk-navbar-nav .uk-open>li a:hover {color: #031a44 !important; }

    .footer-menu {float: left; margin-top: 10px;}
    .footer-submenu {float: left; margin-top: 10px;}
    .autor {float: left;}
    .h-zonas-img:after {display: none;}
    .h-zonas-text {-webkit-order:-1;}
    .nos-intro-img {display: none;}
    .h-alquiler-l {padding: 10vh 10vh;}
    .h-alquiler-l h3 {margin-top: 0;}
    .h-zonas {width: 100%; padding: 0; margin-bottom: 5vh;}
    .alquiler .bm-waves span {background-color: #284596;  background-image: url(../img/logo-header-b.svg);}
    .alquiler .uk-navbar-container.uk-navbar {background-color: #284596 !important;}
    .alquiler .uk-navbar-toggle {color: white !important;}
    .alquiler-pri, .alquiler-check {padding: 5%; width: auto; margin-top: 0px;}
    .alquiler-check {margin-top: 2vh;}
    .order_1 {-webkit-order: -1;}
    .alq-map-text { width: auto; max-width: 100%; min-height: 100px;right: 0; position: relative;}
    .zonas-int-img {-webkit-order: -1;}
    .zonas-intro-r {display: none;}
    .alquiler-ind-pro span { padding-bottom:0px; }
    .alquiler-ind-esp { margin-top: 0vh; margin-bottom: 10vh;}
    .alq-left-blue {display: none;}
    .zonas-intro-r {margin-right: 10vh;}
    .zonas-intro-l {display: none; }
    .zonas .con-shadow {min-height: 45vh;}
    .zonas-int-text {-webkit-order: 1;}
    .zonas-int-text h3 {margin-top: 5vh;}
    .h-v-text-l h5, .h-v-text-r h5 {text-align: center; margin-top: 0px;}
    .h-alquiler {z-index: -1;}
    .h-v-asset {text-align: center !important; margin-left: calc(50% - 210px) !important;}
    .ventas-ind .header-logo{display: none;}
    .pr-40 {padding-right: 0px !important;}
    .ventas-pri, .venta-check {width: calc(100% - 10vh); margin-top: 0px;}
    .alquiler-ind .header-logo {display: none;}
    #alquiler-ind-form, #venta-ind-form {width: 100vw;}
    .alquiler-ind-pro p {margin-bottom: 0px !important;}
    .alq-map {padding: 5vh 0;}
    .nos-equipo {margin-top: 40px;padding: 0 50px;}
    .hh-100 {height: 950px;}
    .h-alquiler-img {margin-top: 0px;height: auto;}
    .social {text-align: left;}
    .ventas .header-logo {display: none;}
    .uk-navbar-nav .visible-flex li a {color: #284596 !important;}
    .ventas-ind .uk-navbar-nav>li>a {color: #284596 !important;}
    .ventas-ind .uk-navbar-nav>li>a:hover {color: #284596 !important; }
    .ventas .uk-navbar-nav>li>a {color: #284596 !important;}
    .ventas .uk-navbar-nav>li>a:hover {color: #284596 !important; }
    .alquiler-ind .uk-navbar-nav>li>a {color: #284596 !important;}
    .alquiler-ind .uk-navbar-nav>li>a:hover {color: #284596 !important; }
    .alquiler .uk-navbar-nav>li>a {color: #284596 !important;}
    .alquiler .uk-navbar-nav>li>a:hover {color: #284596 !important; }


     

}   

@media (max-width: 767px){ /* medium-small */
    .section {padding: 10%;}
    .section-text {padding:10%;}
    .cal_mesos{width: calc(50% - 20px);}
    .nos-equipo   {margin-top: 110vh;}
    .alq-map-text {position: relative; margin-top: 0px; margin-bottom: 30px;}
    .alq-map {padding:0;}
    .h-alquiler-l {padding: 15vh 5vh;}
    .alquiler-ind-pro p {display: block !important; margin-bottom: 40px;}
    .alquiler-ind-pro p span {float: none; display: block !important; }
    .zonas-intro {top: 65vh;}
    .zonas-int-text h3 {margin-top: 0;}

}

@media only screen and (max-width: 639px){ /* small */

    
  h3 {font-size: 1.8rem;}
  .header h1{font-size: 1.7rem; margin-top: 40vh !important;}
  .footer-menu, .footer-submenu, .footer-social{float: left;}
  footer h6{text-align: left;}
  .footer-logo img {width: 100% !important;}
  .footer-menu li a, .footer-menu li{text-align: left;}
  .autor  {float: left;}
  .autor a {float: right;}
  .reserva .select-habs, .reserva .day-ida-container, .reserva .day-vuelta-container {width: 100% !important; }
  .home .header, .casa .header {height: 70vh;}
  .h-y-l {font-size: 6rem;}
  .h-y-b{margin: 0 auto;}
  .h-y {padding: 5%;width: calc(100vw - 10%);}
  .b-send {width: 100%; }
  .header-search{margin: 0;}
  .buscador-container {height: 0px !important;}
  .day-ida-container, .day-vuelta-container {width: 33% !important; }
  .select-habs {width: 33% !important;padding: 0px !important; }
  .buscador-casilla {border: 3px solid white; padding: 20px !important; text-align: center;margin-right: 10px!important; width: 100%;}
  .reserva-left {min-height: 70vh;}
  .h-y-r-b {display: none;}
  /*.home-intro, .hab-intro, .ent-intro, .act-intro, .con-intro { margin-top: 160px !important;}*/
  .casa-intro, .gal-intro {margin-top: 160px !important;}
  .owl-carousel .owl-item .active {height: 100vh;}
  .casa-intro h3, .hab-intro h3, .ent-intro h3 {margin-top: 20px !important; margin-bottom: 0px !important;}
  #form_reserva .uk-width-1-2\@m {width: calc(100% - 20px) !important;}
  .con-dir {padding: 5vh !important;}

  /* VIVE */
  .alquiler h1 {font-size: 1.4rem;}
  .alquiler-feed-img {height: 250px;}
  .h-zonas {width: 100%;}
  /*.nos-equipo   {margin-top: 130vh;}*/
  .hidden {display: hidden !important;}
  .zonas-intro {top: 63vh;}
  .alquiler-pri {}
  .alquiler-ind-pro p span {color: white; float: none; display: block; margin-top: 10px;}
  .zonas-int {margin-top: 0px;}
  .zonas-int-blue {height: 40px;}
    .zonas-int-img {height: auto; margin-top: 100px;}
  .alq-map-text {margin-top: -50px;}
  .arrow-next {top: calc(50% - -15px); left: 10px;}
  .arrow-prev {top: calc(50% - -15px); right: 10px;}
  .hh-100 {height: 1080px;}
  .h-left-blue {display: none;}
  .h-alquiler {border:0px;}
  .h-alquiler-l {padding: 5vh; margin-top: 0;}
  .h-bottom-blue {display: none;}
  .alquiler-pri p {margin: 5px;}
  .h-100 {width: calc(100% - 3vh);}
  .ventas-ind-esp {margin-top: -4vh;}
  .alq-map-text {margin-top: 0px;}
  .property-item{min-height: auto;}



    

}

@media (max-width: 459px){ /* x-small */
    .con-dir {padding: 10% !important;}
    .cal_mesos{width: calc(100% - 20px);}
    .act-var h3 { font-size: 2.2rem;}
    .h-y-l {font-size: 4rem;}
    .h-a {min-height: 70vh;}

    .zonas-intro {top: 55vh;}
    .h-v-asset {margin-left: 0 !important; height: 180px;}
    .zonas-intro-c {margin-top: -3px;}
    .arrow-next {display: none;}
    .arrow-prev {display: none;}
    /*.h-v-asset {height: 200px;}*/
    .hh-100 {height: 1120px;}
    .nos-equipo{padding: 0 20px;}
    .order_1 {padding-left: 30px; margin-left: 0px; }
    .home .con-blue {padding:3vh;}
    .h-100 {width: calc(100% - 30px);}

    


    /*.uk-width-1-4 {width: 100% !important;}*/


}