/*-------------------------------*/
/*-------- FEEL AT HOME -------- */
/*-------------------------------*/
/*-------- Updated at 8/2/2018 By Susana Sanz to Style the new select option menu -------- */

html, body{
    font-family: "aktiv-grotesk",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6{
    font-family: "kepler-std-semicondensed",serif;
    font-style: normal;
    font-weight: 700;
}
a{
    color: initial;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover, a:focus{
    color: initial;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-black{

}

.btn-black:hover{
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

.btn-black:focus{
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

.btn-black {
    background: none;
    border: 2px solid #000;
    border-radius: 0px;
    color: #000;
    font-size: 1.1rem;
    padding: 10px 15px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.btn-black:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #000;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn-black:hover:before, .btn-black:focus:before, .btn-black:active:before {
    right: 0;
}

.link-black{color: #000; text-decoration: underline !important;}
.link-black:hover, .link-black:focus{color: #000; text-decoration: underline !important;}

.bg-white{background-color: #FFFFFF;}
.bg-beige{background-color: #F0F0E1;}

.align-logo{margin-right: -15px;}

.nopadding{padding: 0px;}
.nopaddingleft{padding-left: 0px;}
.nopaddingright{padding-right: 0px;}

:focus {outline: 0;}

::-webkit-input-placeholder {color:    #000 !important;}
:-moz-placeholder {color:    #000 !important;}
::-moz-placeholder {color:    #000 !important;}
:-ms-input-placeholder {color:    #000 !important;}

.error{
    position: absolute;
    font-size: 12px;
    padding-top: 5px;
    padding-left: 15px;
    color: rgb(173, 35, 35);
}

/* INFOWINDOW */

#infowindow{height: auto;  width: 300px;}
#infowindow img{object-fit: cover; height: 150px; width: 100%}
#infowindow h2{font-size: 1.3rem;}
#infowindow .btn-black{display: block; font-size: 0.8rem; text-align: center;  text-transform: uppercase; width: 100px; }

/* BARRA ACEPTACION COOKIES */

#barraaceptacion{display:none;position:fixed;left:0;right:0;top:0;width:100%;text-align:center;padding:30px 0px;background-color:#f0f0e1;color:#000;z-index:99999}
.inner{width:100%;padding-left:5px;font-size:12px;}
.inner a.ok{padding:4px;color:#000;text-decoration:none}
.inner a.info{padding-left:5px;text-decoration:none;color:#000}

/*------- PRELOADER -------*/
#preloader { 
    position: fixed; 
    left: 0; 
    top: 0; 
    z-index: 1031; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    background: #fff url('../img/logo/logo-animado.gif') no-repeat center center; 
    background-color: #fff;
}

/*----------- MENU -----------*/

.navbar.navbar-default{left: 0px; position: fixed; right: 0px; top: 0px;}
.navbar-nav {text-align: center; width: 100%; }
.navbar-nav > li { display: inline-block; float: none;}
.navbar-default{background: none; border: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.navbar-default .navbar-nav>li>a{color: #fff; font-size: 1rem; padding-top: 30px; padding-bottom: 30px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff;}

.navbar-default .navbar-nav.navbar-right{position: absolute; right: 70px; width: auto;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: none !important; color: #FFF !important;}
.navbar-default .navbar-nav.navbar-right ul.dropdown-menu {background: #F0F0E1; border-radius: 0; border: none !important; min-width: 0px; width: auto !important; }
.navbar-default .navbar-nav.navbar-right .dropdown-menu>li>a:focus, .navbar-default .navbar-nav.navbar-right .dropdown-menu>li>a:hover{background: none;}

.nav-pages{background: #F0F0E1; height: 76px; position: fixed; top: 0px; width: 100%;     z-index: 10;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}
.nav-pages a{ display: inline-block; margin: 25px 15px}
.nav-pages a.logo-top {margin: 20px 15px;}

.nav-pages a:hover, .nav-pages a:focus{text-decoration: none;}
.nav-pages a span{color: #000; font-size: 30px; margin-right: 10px; vertical-align: sub;}
.nav-pages .outer-menu .hamburger > div{background: #000;}
.nav-pages img {        height: 20px; width: auto;}
.nav-pages.social-media {background: none;}
.nav-pages.social-media p{display: inline-block;  font-family: "kepler-std-semicondensed",serif; font-style: italic;font-weight: 500; margin: 0px 15px; vertical-align: middle;}
.nav-pages.social-media a{display: inline-block; margin: 15px 0px; vertical-align: middle;}
.nav-pages.social-media a:hover, .nav-pages.social-media a:focus{color: #000; text-decoration: none;}
.nav-pages.social-media a span{margin: 0px;}
.nav-pages.social-media .logo-feel-at-home{
    display: block; 
    margin: -40px auto 0px;
    text-align: center; 
}
.nav-pages.social-media a.logo-feel-at-home span {
    color: #000;
    display: block;
    font-size: 1.7rem;
    padding-bottom: 10px;
}
.nav-pages.social-media a.logo-feel-at-home img{
    display: block;
    margin:  0 auto;
    max-width: 180px;
}
.nav-pages.social-media a.logo-feel-at-home p {
    color: #000;
    font-family: "kepler-std-semicondensed",serif;
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 500;
    padding: 15px 0px;
}


nav.navbar.navbar-default.scrollTop {
    background: #f0f0e1;
    z-index: 10;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    height: 80px;

}

nav.navbar.navbar-default.scrollTop ul>li>a{color: #000;}
.outer-menu.home.scrollTop .hamburger > div{background: #000 !important;}

li.info-contact{margin-top: 30px;}

li.info-contact ul>li>a {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    text-transform: initial !important;
}
li.info-contact ul>li>a span{margin-right: 5px; font-size: 20px; vertical-align: sub;}

.logo-visible{display: none;}
.logo-visible.yes{display: block; position: absolute; top: 25px; }
.logo-visible img{height: 20px; width: auto;}
.logo-visible span {font-size: 30px;vertical-align: sub;padding-right: 10px;}

/* Menú fijo top */

section#section-search-apartment-top {position: fixed;top: 0px;height: 80px;padding: 20px 0px;z-index: -1;}
section#section-search-apartment-top .btn-black{padding: 10px 30px; text-transform: uppercase; font-size: 0.9rem;}
section#section-search-apartment-top form .form-group{padding: 0px 10px;}

.search-apartment-top-desktop{display: block; margin: 0 auto; width: auto !important;}
.search-apartment-top-desktop ul>li>a {margin: 0px 0px;}

/* ABRIR MENÚ */
.outer-menu { position: fixed; right: 60px; top: 0px; z-index: 10; }
.outer-menu .checkbox-toggle { cursor: pointer; height: 60px; left: 0; opacity: 0; position: absolute; top: 0; width: 60px; z-index: 2; }
.outer-menu .checkbox-toggle:checked + .hamburger > div {background: #000; transform: rotate(135deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:before, .outer-menu .checkbox-toggle:checked + .hamburger > div:after {top: 0; transform: rotate(90deg);}
.outer-menu .checkbox-toggle:checked + .hamburger > div:after {opacity: 0;}
.outer-menu .checkbox-toggle:checked ~ .menu {opacity: 1; pointer-events: auto; visibility: visible; transition: all 0.4s ease-out;}
.outer-menu .hamburger { align-items: center; backface-visibility: hidden; border-radius: 0 0.12em 0.12em 0; cursor: pointer; display: flex; height: 50px; justify-content: center; left: 0; padding: .5em 1em; position: absolute; top: 15px; width: 60px; z-index: 1; }
.outer-menu .hamburger > div { align-items: center; background: #000; display: flex; flex: none; height: 2px; justify-content: center; position: relative; transition: all 0.2s ease; width: 100%; }
.outer-menu .hamburger > div:before, .outer-menu .hamburger > div:after { background: inherit; content: ''; height: 2px; left: 0; position: absolute; top: -7px; transition: all 0.4s ease; width: 100%; z-index: 1; }
.outer-menu .hamburger > div:after {top: 7px;}


.outer-menu .menu {height: 100%; left: 0; opacity: 0; outline: 1px solid transparent; overflow: hidden; position: fixed; top: 0; visibility: hidden; width: 100%;  transition: all 0.4s ease-out; }
.outer-menu .menu > div { align-items: center; background: #F0F0E0; color: #000; display: flex; flex: none; height: 100%; overflow: hidden;}
.outer-menu .menu > div ul li{text-align: center;}
.outer-menu .menu > div ul li a {color: #000; cursor: pointer; display: inline-block; font-size: 1rem; padding: 10px 0px 0px; position: relative; text-align: center;  transition: color 0.4s ease; -webkit-transition: color 0.4s ease;}

.outer-menu .menu .menu-edificios{
    margin-bottom: 15px;
}
.outer-menu .menu .menu-edificios>li>a{
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.outer-menu .menu > div ul li  a{font-weight: 700; text-transform: uppercase; text-decoration: none;}
.outer-menu .menu > div ul li ul li a{font-weight: 500; text-transform: none;}
.outer-menu .menu > div ul li ul.select-idiom li a{font-weight: 700;}
.outer-menu.home .hamburger > div{background: #FFF;}

.outer-menu .menu > div ul li img{margin-bottom: 30px; width: 300px;}
.outer-menu .menu > div ul li.menu-edificios{margin-bottom: 30px;}
.outer-menu .menu > div ul li.menu-edificios .destacado{display: block; font-size: 1.6rem; font-weight: 700; margin-top: 20px; text-transform: uppercase;}
.outer-menu .menu > div ul li.menu-edificios ul li a{font-size: 1.3rem;}
.outer-menu .menu > div ul li.menu-social{margin: 15px 0px;}
.outer-menu .menu > div ul li.menu-social span{font-size: 2rem;}
.outer-menu .menu > div ul li.menu-idiomas{margin: 15px 0px;}
.outer-menu .menu > div ul li.menu-idiomas a{font-size: 1rem;}
.outer-menu .menu > div ul li.small a {font-size: 1rem;}

/* ESPECIAL HOME */

header.navbar-small .navbar{background: #F0F0E1; border-radius: 0; z-index: 10;}
header.navbar-small .navbar ul>li>a{color: #000;}
header.navbar-small .navbar ul>li>a:hover, header.navbar-small .navbar ul>li>a:focus{color: #000;}

.outer-menu.home.navbar-small .hamburger > div{background: #000 !important;}

/*----------- HOME -----------*/

section.home-full-image.window-height{background: url(../img/feel-at-home-01.jpg);  background-size: cover; background-position: 50% 50%; display: table;  width: 100%; z-index: -1;}
section.home-full-image.window-height .vertical-align-center{background: rgba(0, 0, 0, 0.2); display: table-cell; text-align: center; vertical-align: middle;}
section.home-full-image.window-height .vertical-align-center span.icon-feel-at-home-shoes{color: #fff; display: block; font-size: 3rem; padding-bottom: 15px;}
section.home-full-image.window-height .vertical-align-center h1{color: #fff; font-size: 2.5rem; font-style: italic; font-weight: 300; margin-bottom: 100px;}

section.home-full-image .social-media{margin-bottom: 150px;}
section.home-full-image .social-media h2{color: #FFF; font-style: italic; font-size: 1rem;}
section.home-full-image .social-media ul li{padding: 0px;}
section.home-full-image .social-media ul li a{color: #fff; font-size: 1.8rem;}
section.home-full-image .social-media ul li a:hover, section.home-full-image .social-media ul li a:focus{text-decoration: none;}

section.search-apartment{background-color: #F0F0E1; bottom: 15px;  padding: 0px; width: 100%;}
section.search-apartment.search-apartment-home{background-color: #F0F0E1; padding: 0px; display: block; width: 100%;        box-sizing: content-box;}
section.search-apartment h2{ display: none; font-family: "kepler-std-semicondensed",serif; font-style: italic;  font-weight: 400; text-align: center; padding-top: 30px;}
section.search-apartment h2.search-summary{ display: block; font-size: 2rem; margin: 0px 0px 15px; padding-top: 30px;}
section.search-apartment form {  font-family: "kepler-std-semicondensed",serif; font-size: 1.1rem; font-style: normal; font-weight: 400; display: block; margin: 0 auto; padding: 30px 0px; text-align: center;}
section.search-apartment form .form-group{padding: 0px 15px;}
section.search-apartment form .form-group .btn-black{font-family: "aktiv-grotesk",sans-serif; padding: 10px 30px;}
section.search-apartment form .form-group a.show-filters.link-black {font-size: 0.9rem;}
section.search-apartment form .form-group .form-control{ font-family: "aktiv-grotesk",sans-serif; font-style: normal; font-weight: 400;}
section.search-apartment form .form-group input{background: transparent; border: none; border-bottom: 1px solid #000; text-align: center; width: 100px;}
section.search-apartment form .group-buttons{display: inline-block;}
section.search-apartment form span{font-size: 2rem;vertical-align: middle;}
section.search-apartment form p.show-filters{margin-bottom: 5px;text-decoration: underline;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
section.search-apartment form p.show-filters:hover{cursor: pointer; opacity: 0.7; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.select2-container{width: 270px !important;}
.select2-container--default .select2-selection--single{
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid rgb(0, 0, 0) !important;
    background: no-repeat !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-family: "kepler-std-semicondensed",serif !important;
    font-size: 1.1rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    display: block !important;
    margin: 0 auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-weight: 700 !important;
    text-align: left !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: rgb(240, 240, 226) !important;
    color: #000 !important;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height: none !important;
}
.menuciudad{
    color: #000 !important;
    font-weight: 900 !important;
    font-size: 16px;
    text-transform: uppercase;
}
.menuedificio{
    color: #000 !important;
    font-size: 14px !important;
}

section.search-apartment a.menuciudad {
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    display: block;
    font-family: "aktiv-grotesk",sans-serif;
}


section.search-apartment.search-apartment-home.fixed{
    -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.75);
    position: fixed; bottom: 0px; z-index: 100;}
section.search-apartment.search-apartment-home.fixed form{padding: 15px 0px;}
section.search-apartment.search-apartment-home.fixed form .group-buttons{display: inline-block; margin: 0px;}
section.search-apartment.search-apartment-home.fixed form #button_show_filters{display: none;}

#active-filters ul{display: inline-block;}
#active-filters ul>li{font-size: 12px; font-weight: 700; margin-right: 10px; margin-bottom: 10px;}
#active-filters li.filtro-activado {font-weight: 400;border: 1px solid #000;padding: 5px 15px;margin-left: 10px;}
#active-filters li.filtro-activado span {font-size: 10px;padding-left: 10px;}

section.search-apartment .select-sbuilding a.trigger{text-align: left; padding-left: 5px; width: 250px;}
section.search-apartment .select-sbuilding a.activetrigger{text-align: left; padding-left: 5px; width: 250px;}
section.search-apartment .select-sbuilding .dropcontainer ul{width: 250px;}

section.search-apartment.search-apartment-home h2{ display: block;}
/* font-size:14px!important; */
section.search-apartment a, section.search-apartment a:hover, section.search-apartment a:focus{color: #000; font-size: 1.1rem; text-decoration: none;}
section.search-apartment a.link-edit, section.search-apartment .link-cancel{ font-family: "aktiv-grotesk",sans-serif; font-size: 0.9rem; margin-left: 10px; text-decoration: underline; }
section.search-apartment .bloc-not-available {color: #d22424; padding: 0px 15px;text-transform: uppercase;}

section.search-apartment.more-places h2{font-size: 3rem;}

section.search-apartment .select-info{text-align: center;}
section.search-apartment .select-info p{display: inline-block;}
section.search-apartment .select-info label{display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;padding: 0px 5px;}
section.search-apartment .select-info span.select{background: transparent; border: none; text-align: center; width: 100px; padding-right: 10px;}
section.search-apartment .select-info label span{font-size: 2rem; padding-left: 10px; vertical-align: middle;}
section.search-apartment .select-info .btn-black{font-size: 1rem; padding: 10px 30px; text-transform: uppercase;}
section.search-apartment .apartment-price {padding: 0px 15px 0px 50px; vertical-align: middle;}


/*------ INICIO MODAL CAMPO CIUDAD OBLIGATORIO 17/04 d/2018 ------*/
.buscador-campo-ciudad-obligatorio .modal-content {
    border-radius: 0px !important;
    padding: 30px;

    background: #F0F0E0;
}

.buscador-campo-ciudad-obligatorio .modal-content p{
    text-align: center;
    font-size: 1rem;
}

.buscador-campo-ciudad-obligatorio .modal-content i{
    font-family: "kepler-std-semicondensed",serif; 
    font-size: 2rem;;
    font-style: normal;
    font-weight: 500;
    text-align: center;
}
.buscador-campo-ciudad-obligatorio .modal-content button.close{
    position: absolute;
    top: 10px;
    right: 15px;
}
/*------ FINAL MODAL CAMPO CIUDAD OBLIGATORIO 17/04/2018 ------*/

section.home-advantages{
    background-color: rgba(240, 240, 226,0.5);
    padding: 30px 15px;
    border-top: 2px solid rgb(240, 240, 226);
    -webkit-box-shadow: 0px 5px 5px -5px rgb(119, 119, 119);
    box-shadow: 0px 5px 5px -5px rgb(119, 119, 119);
}

section.home-advantages h3{font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 300; margin: 0px; padding-right: 15px; text-align: right;}
section.home-advantages ul li {font-size: 0.9rem; padding: 0px 10px; vertical-align: middle;}
section.home-advantages ul li span{display: inline; font-size: 2.5rem; vertical-align: middle;}
section.home-advantages img{width: 24px !important;}
section.home-advantages img.icon-home {width: 30px;}

section.home-advantages li.ver-mas-ventajas {text-decoration: underline;text-transform: uppercase;font-size: 0.8rem !important;}
section.home-advantages li.ver-mas-ventajas:hover{cursor: pointer;}

.search-advantages{background: rgb(240, 240, 225); margin-top: 20px;}


.bloque-ver-mas-ventajas{background: #F0F0E1; padding: 30px; position: fixed; top: 0px; bottom: 0px; right: -350px; width: 350px; z-index: 100;}
.bloque-ver-mas-ventajas h3{ margin: 50px 0px 30px;}
.bloque-ver-mas-ventajas ul.list-unstyled {    position: absolute; overflow-y: scroll; top: 150px; bottom: 30px; right: 30px; left: 30px; width: 300px;}
.bloque-ver-mas-ventajas ul li{margin: 15px 0px; font-size: 0.9rem;}
.bloque-ver-mas-ventajas ul li img{margin-right: 10px; width: 30px;}
.bloque-ver-mas-ventajas ul li h4 {display: inline-block;}
.bloque-ver-mas-ventajas ul li p{padding-left: 44px;}
.bloque-ver-mas-ventajas span.arrow-cross{position: absolute; top: 30px; right: 30px;}
.bloque-ver-mas-ventajas span.arrow-cross:hover{cursor:pointer}

/**************** Inici nova home 06-03-2018 ****************/
.home-city {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.home-city .block-home-text{
    background: rgba(240, 240, 226, 0.4);
    display: table;
    width: 100%;
}
.home-city .block-home-text .align-middle{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.home-city .block-home-text .align-middle .title{
    font-family: "kepler-std-semicondensed",serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 500; 
}
.home-city .block-home-text .align-middle .subtitle{
    font-size: 14px;
    text-transform: uppercase;
}
.home-building ul{display: none;} /* ocultar listado iconos edificio en la home */

.home-building .total-apartments,
.home-building .area,
.home-apartment .area,
.home-apartment .apartment-price
{
    display: none;
}


.block-home-newsletter .newsletter{
    display: table-cell;
    vertical-align: middle;
}

.home-apartment .info-apartment .btn-black{
    margin: 0px !important;
    font-size: 1rem !important;
}

/**************** Final nova home 06-03-2018 ****************/

/* Últim bloc */
.home .block-home {text-align: center; padding:15px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.home .block-home a:hover{opacity: 1 !important; color: rgb(0, 0, 0);}

.home .block-home .title {font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 500; width: 100%; margin:auto;}

.home .block-home a .block-home-text{display: table; text-align: center; width: 100%; height: 100%; padding:30px; background: rgba(240, 240, 226, 0.6);

                                     -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;
}
.home .block-home a .block-home-text .align-middle{display: table-cell; vertical-align: middle;}

.home .block-home a:hover .block-home-text{
    cursor: pointer; background: rgba(240, 240, 226, 0.8); opacity: 1 !important;
    -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;
}

.home .block-home .block-home-appartment{
    display: table; text-align: center; width: 100%; height: 100%; padding:30px; background: rgba(240, 240, 226, 0.6);
    -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;
}

.home .block-home .block-home-appartment:hover{
    background: rgba(240, 240, 226, 0.8); opacity: 1 !important;
    -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;
}

.home .block-home .block-home-appartment .align-middle{display: table-cell; vertical-align: middle;}

.home .block-home .link-black{text-align: center; text-transform: uppercase; font-size: 14px; display: block; margin-top: 10px;}

.home .block-home .block-home-appartment .title {font-size: 1.5vw; line-height: 2.2rem;}
.home .block-home.block-home-building .title {font-size: 2.5vw; line-height: 2.8rem; margin-top: 15px;}
.home .block-home.block-home-city .title {font-size:4vw; font-weight: 600;}

.home .btn-black {padding: 10px 50px; text-transform: uppercase;}
.home .apartment-price {margin-top: 30px;}

.home .new-building {font-size: 36px}

/* Bloque newsletter */
.home .block-home-newsletter{display: table;}
.home .block-home-newsletter .newsletter{display: table-cell; vertical-align: middle;}
.home .block-home-newsletter .newsletter h4 {font-size: 2.5vw !important}
.home .block-home-newsletter .newsletter input {margin: 20px 0 !important;}
.home .block-home-newsletter .newsletter .btn-black {margin: 40px auto 0px;}

.home #newsletter, .home #condiciones {margin: 2px -15px !important;}
.home #form_newsletter > div > .col-sm-6, #form_newsletter > div > div:nth-child(1) {width: 100%}
.home #form_newsletter .checkbox {margin-bottom: -10px;}

@media screen and (max-width: 1248px) and (min-width: 992px) {
    .home .newsletter h4 {font-size: 1.4rem !important;}
    .home #form_newsletter > input[type="email"]:nth-child(3) {margin: 10px 0 !important;}
    .home #form_newsletter .checkbox {margin-bottom: -10px;}
}
@media screen and (max-width: 768px) {
    .home #newsletter, .home #condiciones {margin: 2px -15px !important;}
}
@media screen and (max-width: 400px) {
    .home .newsletter h4 {font-size: 1.4rem !important;}
    .home #form_newsletter > input[type="email"]:nth-child(3) {margin: 10px 0 !important;}
    .home #form_newsletter .checkbox {margin-bottom: -10px;}
}




/* Apartment Block */
.book-top{margin-top:15px;}

.gif-search {padding-top:35px;}

.apartment .info-apartment{display: block; padding: 30px 30px 40px 30px; margin-bottom: 30px;}
.apartment .info-apartment h4{font-family: "kepler-std-semicondensed",serif; font-size: 2rem; font-style: normal; font-weight: 500;  margin: 0px;}
.apartment .info-apartment h4 a{color: #000; margin: 0px;}
.apartment .info-apartment p{margin: 0px;}
.apartment .info-apartment p.area{ font-size: 0.8rem; text-transform: uppercase;}
.apartment .info-apartment p.description{margin: 15px 0px 15px;}
.apartment .align-bottom{position: absolute; bottom: 30px; left: 30px; right: 30px;}
.apartment .info-apartment ul li{font-size: 0.8rem; padding: 10px 5px; text-align: center;}
.apartment .info-apartment ul li span{font-size: 2.2rem;}
.apartment .info-apartment .btn-black{font-size: 1.1rem; margin: 30px 0px; padding: 10px 30px; text-transform: uppercase;}
.apartment .info-apartment  .apartment-price.pull-right{margin-top: 30px;}

.apartment.not-available img{-webkit-filter: saturate(0); filter: saturate(0);}
.apartment.not-available .info-apartment .btn-black.btn-not-available{border-color: #d03030; color: #d03030}
.apartment.not-available .info-apartment .bloc-not-available{display: inline-block;margin-top: 30px;margin-left: 15px;}
.apartment.not-available .info-apartment .bloc-not-available .text-not-avaible{color: #d03030; font-size: 0.9rem; text-transform: uppercase;}
.apartment.not-available .info-apartment .bloc-not-available  p.motivo-not-avaible {font-size: 0.8rem;}

.apartment-price p{display: inline;}
.apartment-price p.from{font-size: 0.9rem; font-family: "kepler-std-semicondensed",serif; font-style: italic; font-weight: 500; line-height: 3rem; vertical-align: top;}
.apartment-price p.price{font-size: 3rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700;}
.apartment-price .euro-night{display: inline-block;}
.apartment-price p.euro{font-size: 1.5rem; font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700;  display: block; line-height: 0.5rem;}
.apartment-price p.night{font-size:1.1rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; display: block;}

/* Advertising Block */

.bg-advertising{background: url(../img/book-and-coffe.jpg); background-position: center; background-size: cover;}

.advertising{padding: 30px;}
.advertising h4{ font-size: 3.3rem; font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700; text-align: center;}
.advertising img{display: block; margin: 30px auto;}
.advertising p{font-size: 1.1rem; text-align: center;}
.advertising .advertising-price{text-align: center;}
.advertising .advertising-price .from{display: inline;font-size: 2rem; font-family: "kepler-std-semicondensed",serif; font-style: italic;font-weight: 500; line-height: 5.5rem; vertical-align: top;}
.advertising .advertising-price .price{display: inline;  font-size: 6rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700;}
.advertising .advertising-price .euro{display: inline; font-size: 3rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; line-height: 0.5rem;}
.advertising .btn-black{display: block;  margin: 0 auto; padding: 10px 30px; text-align: center; text-transform: uppercase; width: 230px;}


/* Newsletter Block */
.newsletter{padding: 30px;}
.newsletter h4{ font-size: 2rem; font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700; margin: 0px; text-align: center;}
.newsletter input{background: transparent; border: none; border-bottom: 2px solid #000; color: #000; display: block; margin: 50px 0px; padding: 10px 15px; text-align: center; width: 100%;}
.newsletter .btn-black{display: block;  margin: 30px auto 0px;  padding: 10px 30px; text-align: center; text-transform: uppercase; width: 230px;}
.newsletter p{font-size: 0.8rem; margin-top: 50px;}
.newsletter label{font-size: 0.8rem; }
.newsletter input[type=checkbox]{margin: 3px 0px 3px -20px; width: auto;}
.newsletter p.newsletter {text-align: center;font-size: 1rem;}

/* 

/* Building Block */
.title-city{
    color: rgb(255, 255, 255);
    font-size: 3rem !important;
    font-style: normal !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}
.slogan-city{
    color: rgb(255, 255, 255);
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 300;
}

section.home-buildings h3{font-family: "kepler-std-semicondensed",serif; font-size: 3rem; font-style: normal; font-weight: 500; margin: 30px 0px 30px 0px; text-align: center;}
section.home-buildings .entradilla{text-align: center; font-size: 1.2rem; margin-bottom: 50px;}

section.home-apartments h3{font-family: "kepler-std-semicondensed",serif; font-size: 3rem; font-style: normal; font-weight: 500; margin: 30px 0px 30px 0px; text-align: center;}
section.home-apartments .entradilla{text-align: center; font-size: 1.2rem; margin-bottom: 50px;}

.building .puntuation {position: absolute; right: 15px; padding: 30px 15px;}
.building .puntuation p.puntuation-text{font-size: 1.1rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700;  margin: 0px;  text-align: center; line-height: 1em;}
.building .puntuation p.puntuation-number{font-size: 3rem;  font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700;  margin: 0px; text-align: center; line-height: 1em;}
.building .puntuation a{color: #000; font-size: 0.9rem; margin: 0px; text-align: center; text-decoration: underline; line-height: 1em;}

.building .info-building{display: inline-block; padding: 30px 30px 20px 30px; width: 100%;}
.building .info-building h4{font-family: "kepler-std-semicondensed",serif; font-size: 2rem; font-style: normal; font-weight: 500; margin: 0px;}
.building .info-building h4 a{color: #000; margin: 0px;}
.building .info-building p{margin: 0px;}
.building .info-building p.area{font-size: 0.8rem; text-transform: uppercase;}
.building .info-building p.description{ margin: 15px 0px;}

.building .align-bottom{position: absolute; bottom: 30px; left: 30px; right: 30px;}

.building .info-building ul li{font-size: 0.8rem; line-height: 1.5rem; padding: 20px 10px; text-align: center;}
.building .info-building ul li span{font-size: 2rem;}
.building .info-building .btn-black{font-size: 1rem; padding: 10px 20px; text-transform: uppercase;}

.building .building-price p{display: inline;}
.building .building-price p.from{font-size: 0.9rem; font-family: "kepler-std-semicondensed",serif; font-style: italic; font-weight: 500; line-height: 3rem; vertical-align: top;}
.building .building-price p.price{ font-size: 3rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700;}
.building .building-price .euro-night{display: inline-block;}
.building .building-price p.euro{font-size: 1.5rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; display: block; line-height: 0.5rem;}
.building .building-price p.night{font-size:1.1rem; font-family: "kepler-std-semicondensed",serif;  font-style: normal; font-weight: 700;display: block;}


.home-buildings .building .total-apartments {background: #f0f0e1;padding: 15px 20px; position: absolute;top: 0px;right: 15px;text-align: center;  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);}
.home-buildings .building .total-apartments span{font-size: 36px;}
.home-buildings .building .total-apartments p{font-size: 0.9rem; font-family: "kepler-std-semicondensed",serif; font-weight: 900; padding: 0px; margin: 0px;}
.home-buildings .building ul{display: none;}
.home-buildings .one-building{
    background: #F0F0E0;
}

.home-buildings .one-building a{
    display: inline-block;
    width: 50%;
}

.home-buildings .one-building .foto-one-building{
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.home-buildings .one-building .building .info-building {
    display: inline-block;
    padding: 30px 30px 40px 30px;
    width: 49%;
    vertical-align: top;
}
.home-buildings .one-building .info-building .btn-black{
    width: auto !important;
}
.home-buildings  .one-building .container-fluid:first-child{
    display: none !important;
}
.home-buildings .one-building .building  .info-building h4 a{
    width: 100%;
}
/* Find your apartmet */
.home-find-your-apartment h3{ font-family: "kepler-std-semicondensed",serif; font-size: 3rem; font-style: normal; font-weight: 500; margin: 70px 0px 30px 0px; text-align: center;}
.home-find-your-apartment .zoom-container img{height: 300px; object-fit: cover; width: 100%;}
.home-find-your-apartment .contenedor-apartment{ display: table; height: 300px; position: absolute; width: 100%; z-index: 2;}
.home-find-your-apartment .contenido-apartment.cc-center{ display: table-cell; text-align: center; vertical-align: middle; }
.home-find-your-apartment .contenido-apartment.cc-bottom{ background: #F2EAD6; bottom: -1px; height: 90px; padding: 13px 0px; position: absolute; text-align: center; width: 101%;}
.home-find-your-apartment .contenido-apartment p.area{color: #fff; font-size: 1.5rem; margin: 0px; text-align: center;}
.home-find-your-apartment .contenido-apartment p.apartment{color: #fff; font-size: 3rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; line-height: 2.5rem; margin: 0px;  text-align: center;}


/*----------- LANDING BUILDING -----------*/

section.landing-building{padding-top: 60px;}
section.landing-building .introduction img.img-responsive{object-fit: cover; height: 800px; width: 100%;}
section.landing-building .introduction .info-building{padding: 30px}
section.landing-building .introduction .info-building ul li{font-size: 0.8rem; padding: 30px 15px 10px; text-align: center;}
section.landing-building .introduction .info-building ul li span {font-size: 2.2rem;}
section.landing-building .introduction .info-building div h1{margin-right: 100px; margin-top: 80px;}
section.landing-building .introduction .info-building div p{margin-top: 30px;}
section.landing-building .introduction .puntuation {position: absolute; top: 80px; right: 15px; padding: 30px 15px;}
section.landing-building .introduction .puntuation p.puntuation-text{font-size: 1.1rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; padding-top: 40px;  margin: 0px;  text-align: center; line-height: 1em;}
section.landing-building .introduction .puntuation p.puntuation-number{font-size: 3rem;  font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700;  margin: 0px; text-align: center; line-height: 1em;}
section.landing-building .introduction .puntuation a{color: #000; display: block; font-size: 0.9rem; margin: 0px; text-align: center; text-decoration: underline; line-height: 1em;}


/*----------- APARTMENT DETAIL -----------*/

section.apartment-detail.top{padding-top: 60px;}

section.apartment-detail h2{font-size: 2.1rem; font-style: italic; font-weight: 500; padding-bottom: 30px;}
section.apartment-detail h3{font-size: 1.5rem; font-style: italic; font-weight: 500; padding-bottom: 10px; margin-top: 50px;}
section.apartment-detail p{font-size: 0.9rem;}
section.apartment-detail a.link-comeback {text-transform: uppercase;font-size: 0.8rem;}

section.apartment-detail .introduction img.img-responsive{object-fit: cover; height: 90vh; width: 100%;}
section.apartment-detail .introduction .info-building{padding: 50px 30px 30px}
section.apartment-detail .introduction .info-building h1{margin-right: 100px; margin-top: 60px;}
section.apartment-detail .introduction .info-building p.hutb{margin-top: 0px;}
section.apartment-detail .introduction .info-building p{font-size: 1rem;}
section.apartment-detail .introduction .info-building p a{color: #000; text-decoration: underline;}
section.apartment-detail .introduction .info-building ul li{font-size: 0.8rem; padding: 12px 15px 10px; text-align: center; vertical-align: top;}
section.apartment-detail .introduction .info-building ul li span {font-size: 2.2rem;}

section.apartment-detail .introduction .puntuation {position: absolute; top: 76px; right: 15px; padding: 20px 10px; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);}
section.apartment-detail .introduction .puntuation p.puntuation-text{font-size: 1.1rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700;  margin: 0px;  text-align: center; line-height: 1em;}
section.apartment-detail .introduction .puntuation p.puntuation-number{font-size: 2.7rem;  font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700;  margin: 0px; text-align: center; line-height: 1em;}
section.apartment-detail .introduction .puntuation a{color: #000; display: inherit; font-size: 0.9rem; margin: 0px; text-align: center; text-decoration: underline; line-height: 1em;}
section.apartment-detail .list-full-equiped-apartment{margin-bottom: 30px;}
ul.list-inline.list-unstyled.list-full-equiped-apartment img {margin: 10px; width: 30px;}
section.apartment-detail .abrir-galeria{background: rgba(0, 0, 0, 0.6); bottom: 0; color: #fff; height: 100%; left: 0; padding: 30% 0; position: absolute; right: 0; text-align: center; top: 0;}
section.apartment-detail .abrir-galeria p {font-size: 0.8rem; letter-spacing: 0.2rem; text-transform: uppercase;}

section.apartment-detail ul.distribution{margin-bottom: 50px;}
section.apartment-detail ul.distribution li{font-size: 0.8rem; padding: 0px 10px; text-align: center; vertical-align: top;}
section.apartment-detail ul.distribution li span {font-size: 2.2rem;}
section.apartment-detail ul.distribution li span.new-twiin {font-size: 2.5rem !important;line-height: 0.8;}

section.apartment-detail .destkop-gallery a img {object-fit: cover;height: 200px;width: 100%;}

section.apartment-detail .apartment-availability{margin-bottom: 30px;}


section.apartment-detail .summary-select {margin-top: 40px;}
section.apartment-detail .summary-select  .btn-black{display: inline-block; font-size: 1rem; text-align: center; text-transform: uppercase; min-width: 150px;}

section#section-search-apartment p.link-cancel {
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: underline;

}

section#section-search-apartment p.link-availability {
    cursor: pointer;
    text-align: center;
    margin-top: 15px;
    text-decoration: underline;
}

section.apartment-detail .apartment-price {display: inline-block; margin-left: 30px; vertical-align: middle;}
section.apartment-detail .apartment-price div{padding: 0px;}
section.apartment-detail .apartment-price p.from{font-size: 0.9rem; font-family: "kepler-std-semicondensed",serif; font-style: italic; font-weight: 500; line-height: 1.5rem; vertical-align: top;}
section.apartment-detail .apartment-price p.price{font-size: 3rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; line-height: 3rem;}
section.apartment-detail .apartment-price .euro-night{display: inline-block;}
section.apartment-detail .apartment-price p.euro{font-size: 1.5rem; font-family: "kepler-std-semicondensed",serif; font-style: normal;  font-weight: 700;  display: block; line-height: 0rem;  margin: 0px;}
section.apartment-detail .apartment-price p.night{font-size:1.1rem; font-family: "kepler-std-semicondensed",serif; font-style: normal; font-weight: 700; display: block; margin: 0px;}

section.apartment-detail p.share{display: inline-block; margin-left: 30px; text-decoration: underline;}
section.apartment-detail p.share:hover{cursor: pointer;}

section.apartment-detail .info-location{margin-bottom: 50px;}

h2.search-global-apartments{display: block !important; font-size: 38px;}

section.apartment-detail  .summary-select .btn-black.btn-not-available{border-color: #d03030; color: #d03030}
section.apartment-detail  .summary-select .bloc-not-available{display: inline-block;margin-left: 15px;}
section.apartment-detail  .summary-select .bloc-not-available p.text-not-avaible{color: #d03030; font-size: 0.9rem; margin: 0px; text-transform: uppercase;}
section.apartment-detail  .summary-select .bloc-not-available  p.motivo-not-avaible {font-size: 0.8rem;margin: 0px;}


/*----------- ABOUT US -----------*/

section.aboutus-full-image{background: url(../img/bg-aboutus.jpg);  background-size: cover; background-position: center center; display: table; height: 60vh; width: 100%; z-index: -1;}
section.aboutus-full-image .vertical-align-center{display: table-cell; text-align: center; vertical-align: middle;}
section.aboutus-full-image h1{color: #FFF; font-size: 1.7rem; font-family: "aktiv-grotesk",sans-serif; font-style: normal; font-weight: 400;}
section.aboutus-full-image h2{color: #FFF; font-size: 2rem;  margin-top: 100px;}

section.about-us h2{font-size: 2.5rem; font-style: normal; margin: 50px 0px; text-align:center;}
section.about-us h3{font-size: 2.5rem; font-style: italic; font-weight: 500; margin: 80px 0px; text-align:center;}
section.about-us p{font-size: 0.9rem; margin-bottom: 30px; text-align: center;}

section.about-us .headquarters {padding: 30px 50px;}
section.about-us .headquarters h4{font-size: 2.2rem; margin-top: 0px; text-align: left;}
section.about-us .headquarters p{font-size: 1.1rem; margin-bottom: 0px; text-align: left;}
section.about-us .headquarters a{color: #000; display: block; font-size: 1.1rem;  margin-bottom: 0px; text-align: left;}


/*----------- BLOG AND POST -----------*/

section.blog-categories{padding: 200px 0px 30px;}
section.blog-categories ul{text-align: center; margin: 0 auto;}
section.blog-categories ul li{text-align: center; padding: 0px 30px;}
section.blog-categories ul li a{color: #000; font-size: 1rem; font-weight: 700;}
section.blog-categories ul li a:hover, section.blog-categories ul li a:focues{color: #000; text-decoration: none;}

section.blog-post{padding-bottom: 100px;}
section.blog-post img { margin: 30px 0px;}

section.blog-post .summary-post{padding: 15px 30px 15px 15px;}
section.blog-post .summary-post a h2{color: #000; font-size: 3rem;}
section.blog-post .summary-post p{font-size: 1.1rem;}

section.blog-post .info-post{border-left: 1px solid #000; padding: 30px;}
section.blog-post .info-post p.post-by{font-family: "kepler-std-semicondensed",serif; font-size: 1.3rem; margin-top: 40px; margin-bottom: 0px;}
section.blog-post .info-post p.post-author{font-family: "kepler-std-semicondensed",serif; font-size: 1.3rem; font-weight: 700;}
section.blog-post .info-post p.post-date{font-size: 0.9rem; font-weight: 700; margin-top: 40px;}
section.blog-post .info-post ul.post-tags{font-size: 0.8rem; text-transform: uppercase; margin: 20px 0px;}
section.blog-post .info-post ul.post-tags li{padding-left: 0px; padding-right: 10px;}
section.blog-post .info-post p.post-share{font-family: "kepler-std-semicondensed",serif; font-size: 1rem; font-style: italic;}
section.blog-post .info-post p.post-share span{font-size:1.5rem; padding: 0px 5px; vertical-align: middle;}

section.blog-post  p.post-title-photo {font-size: 0.9rem; margin: 0px;}
section.blog-post  p.post-author-photo {font-size: 0.9rem; margin: 0px; font-weight: 700;}

/*----------- TERMS AND CONDITIONS -----------*/
section.term-and-conditions .bg-image{height: 60vh; object-fit: cover; width: 100%;}
section.term-and-conditions h1{font-size: 3rem; margin-top: 50px; text-align: center;}
section.term-and-conditions h2{font-size: 1.3rem; margin-bottom: 50px; text-align: center;}
section.term-and-conditions h3{font-family: "aktiv-grotesk",sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 15px; margin-top: 40px; text-align: center;}
section.term-and-conditions p{font-size: 0.9rem; margin-bottom: 15px; text-align: left; }
section.term-and-conditions ul li{font-size: 0.9rem; text-align: left;}
section.term-and-conditions .term-description{margin: 0px 30px;}

/*----------- OWNERS -----------*/
section.owners .bg-image{height: 600px; object-fit: cover; width: 100%;}
section.owners h1{font-size: 3rem; margin-bottom: 0px; margin-top: 50px; text-align: center;}
section.owners h2{font-size: 2rem;margin-bottom: 50px; text-align: center;}
section.owners h3{font-family: "aktiv-grotesk",sans-serif; font-size: 1.5rem; font-weight: 500; margin-bottom: 70px; margin-top: 0px; text-align: center;}
section.owners p{font-size: 1.1rem; margin-bottom: 15px; text-align: center; }
section.owners a{color: #000; display: block; font-size: 1.1rem;  margin-bottom: 15px; margin-top: -15px; text-align: center;}

section.owners .acces {display: block; text-align: center; margin: 50px auto; padding: 50px 15px;}
section.owners .acces h2{margin-top: 0px;}
section.owners .acces input{background: transparent; border: none; border-bottom: 2px solid #000; border-radius: 0px; box-shadow: none; color: #fff; font-size: 1.1rem; margin: 0px 10px; padding: 20px 10px;}
section.owners .acces .btn-black{ font-size: 1.1rem; margin: 0px 10px; padding: 10px 30px;}

/*----------- PAGES -----------*/

.pages .landing{margin-bottom: 15px;}
.pages{}
.pages h2{font-size: 3rem; margin-top: 150px; margin-bottom: 50px;}

/*----------- FAQ -----------*/
section.faq .bg-image{height: 60vh; object-fit: cover; width: 100%;}
section.faq h1{font-size: 3rem; margin-bottom: 50px; margin-top: 50px; text-align: center;}
section.faq p.question{display: block; font-size: 1.3rem; font-weight: 700; margin-top: 30px;  text-align: left; }
section.faq p.answer{display: block;  margin-bottom: 30px; text-align: left; }

/*----------- PREPAYMENT -----------*/
section.prepayment h1{font-size: 3rem; margin-bottom: 10px; margin-top: 30px; text-align: center;}
section.prepayment .bg-image{height: 40vh; object-fit: cover; width: 100%;}
section.prepayment .form-group{margin-bottom: 6px!important}

/*----------- LEGAL -----------*/
section.legal .bg-image{height: 600px; object-fit: cover; width: 100%;}
section.legal h1{font-size: 3rem; margin-bottom: 50px; margin-top: 50px; text-align: center;}


/*----------- RESULT SEARCH -----------*/



section#filters_result_search {margin: 30px 0px; padding-top: 80px;}
section#filters_result_search button {border: none; background: none;}

section#filters_result_search img{width:20px;}

section#filters_result_search ul>li>label [class^="icon-"] {
    font-size: 26px;
    vertical-align: middle;
}

section#filters_result_search a.trigger:hover, 
section#filters_result_search a.activetrigger:hover{color: initial; text-decoration: none;}

section#filters_result_search a.trigger:focus, 
section#filters_result_search a.activetrigger:focus{color: initial; text-decoration: none;}

section#filters_result_search ul.dropdownvisible {
    width: 200px;
    top: -17px !important;
    left: 42px !important;
}
section#filters_result_search ul{margin: 10px 0px;}

section#filters_result_search ul.dropdownvisible li a,
section#filters_result_search ul.dropdownvisible li a:hover, 
section#filters_result_search ul.dropdownvisible li a:focus{
    color: #000;
    text-decoration: none;
}
section#filters_result_search .trigger,
section#filters_result_search .activetrigger {
    width: 200px;
}

section#filters_result_search .form-group{margin: 0px;}

section#filters_result_search span.new-filters,
section#filters_result_search span.new-map,
section#filters_result_search span.new-tick{
    font-size: 25px;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: middle;
    width: 30px;
}
section#filters_result_search span.new-tool{
    font-size: 22px;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: middle;
    width: 30px;
}

section#filters_result_search .show-filters{text-decoration: none !important; cursor: pointer;}


/* buscador search apartment top 13-12-2017 */
section#section-search-apartment-top .form-desktop{ padding: 0px;}
section#section-search-apartment-top p.open-search-block {
    display: block;
    border: 2px solid rgb(0, 0, 0);
    cursor: pointer;
    text-align: center;
    margin: 12px auto 10px;
    padding: 10px 50px;
    width: auto;
    float: right;
    margin-right: 60px;
    text-transform: uppercase;

}
section#section-search-apartment-top .show-shearch-block{background: #F0F0E0; width: 100%;}
section#section-search-apartment-top .show-shearch-block form{margin: 80px auto; padding: 0px; text-align: left; }
section#section-search-apartment-top .show-shearch-block .form-group{margin: 10px 0px;}

section#section-search-apartment-top .show-shearch-block label, 
section#section-search-apartment-top .show-shearch-block .select-sbuilding label{
    width: 25%;
}
section#section-search-apartment-top .show-shearch-block input,
section#section-search-apartment-top .show-shearch-block .select-sbuilding a.trigger,
section.search-apartment .select-sbuilding .activetrigger,
section.search-apartment .select-sbuilding .dropcontainer ul{
    width: 100%;
    margin: 0px;
}

section#section-search-apartment-top .show-shearch-block .select-sadults label,
section#section-search-apartment-top .show-shearch-block .select-schildrens label {
    width: 50%;
}
section#section-search-apartment-top .show-shearch-block .select-sadults  a.trigger,
section#section-search-apartment-top .show-shearch-block .select-sadults  a.activetrigger,
section#section-search-apartment-top .show-shearch-block .select-schildrens  a.trigger,
section#section-search-apartment-top .show-shearch-block .select-schildrens  a.activetrigger{
    width: 30%;
    margin: 0px;
}

section#section-search-apartment-top .search-apartment-top-desktop .btn-black{margin-top: 0px !important;}
section#section-search-apartment-top .search-apartment-top-responsive .btn-black{margin-top: 30px !important; width: 100%;}


/* Search maps */
section.google-maps.search_map {display: block !important; padding-top: 80px; }
section.google-maps.search_map #googleMap{height: 120px !important;}
section.google-maps.search_map #googleMap.ViewMoreMap{height: 500px !important;}

/* Custom Calendar */

.ui-datepicker {
    z-index: 100 !important;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi-4.ui-datepicker-multi{
    border: none;
    width: 100% !important;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix{
    background: none;
    border: none;
    font-size: 1.4rem;
    font-weight: 500;
}
.ui-datepicker-multi .ui-datepicker-group table{
    font-size: 1.1rem !important;
    width: 90% !important;
}
.ui-datepicker tr{
    border-left: 1px solid #ccc !important;
}
.ui-datepicker th, .ui-datepicker td{
    border-right: 1px solid #ccc !important;
    font-family: "aktiv-grotesk",sans-serif !important; 
    font-style: normal !important; 
    font-weight: 500 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: #f0f0e1 !important;
    border: none !important;
    color: #000 !important;
    text-align: center !important;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: 0.2 !important;
}
td.ui-datepicker-today {
    background: #F0F0E1 !important;
}
td.ui-datepicker-today a.ui-state-default.ui-state-highlight{
    color: #000 !important;
}

.ui-datepicker-current-day {
    background: #F0F0E1 !important;
}
.ui-datepicker-current-day a.ui-state-default.ui-state-active {
    color: #000 !important;
    background: #ccccb8 !important;
}

.ui-datepicker .ui-datepicker-prev span{background-image: url(../img/back.svg); 
                                        display: block;
                                        position: absolute;
                                        margin-top: 10px;
                                        width: 30px;
                                        height: 30px;
                                        background-size: 20px 20px;
                                        background-position: 0 0;
}


.ui-datepicker .ui-datepicker-next span{background-image: url(../img/next.svg);
                                        display: block;
                                        position: absolute;
                                        margin-top: 10px;
                                        width: 30px;
                                        height: 30px;
                                        background-size: 20px 20px;
                                        background-position: 0 0;}

.ui-state-hover{background: none !important; border: none !important;}
.hasDatepicker .ui-datepicker-calendar a{cursor:default!important;}
/* Custom Check Box */

#show-filters {padding: 30px 0px;}
#show-filters h3{text-align: left;}
#show-filters ul{text-align: left;}
#show-filters ul.rooms {text-align: left; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
#show-filters ul.location {text-align: left; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
#show-filters ul.features {text-align: left; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
#show-filters a.show-filters.btn-black {display: block; font-family: "kepler-std-semicondensed",serif; font-size: 1.5rem; font-style: normal; font-weight: 500; margin: 20px auto 0px; text-align: center; width: 200px;}

#show-filters .btn-black{margin: 15px auto;}

/* Base for label styling */
#show-filters [type="checkbox"]:not(:checked),
#show-filters [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
#show-filters [type="checkbox"]:not(:checked) + label,
#show-filters [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-family: "aktiv-grotesk",sans-serif; 
    font-size: 0.8rem;
    font-style: normal; 
    font-weight: 300;
}

/* checkbox aspect */
#show-filters [type="checkbox"]:not(:checked) + label:before,
#show-filters [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #000;
    background: #F0F0E1;
    border-radius: 0px;
}
/* checked mark aspect */
#show-filters [type="checkbox"]:not(:checked) + label:after,
#show-filters [type="checkbox"]:checked + label:after {
    content: 'x';
    position: absolute;
    top: 1px;
    left: 5px;
    font-size: 1rem;
    line-height: 1rem;
    color: #000;
    transition: all .2s;
}
/* checked mark aspect changes */
#show-filters [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
#show-filters [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}




/*----------- REVIEW -----------*/

section.reviews{bottom: 0px; left: 0px; position: fixed; right: 0px; text-align: center; z-index: 9;}
section.reviews h3{display: inline-block; margin: 15px 0px; padding-right: 15px;}
section.reviews img{height: 35px; margin-right: 5px; }
section.reviews p{display: inline-block; padding-right: 15px;}
section.reviews p span.puntuation {font-size: 1.3rem; font-weight: 700;}
section.reviews p a{color: #000; text-decoration: underline;}


.hide-reviews{background: #F0F0E0;  position: fixed;  bottom: 0px; top: 0px;  max-height: 100%; padding: 30px; overflow-y: auto; right: -50%; width: 50%; z-index: 15;
              -webkit-transition: all 1s ease;
              -moz-transition: ll 1s ease;;
              -o-transition: all 1s ease;;
              transition: all 1s ease;
}
.show-reviews{background: #F0F0E0; position: fixed;  bottom: 0px; top: 0px;  max-height: 100%; padding: 30px; overflow-y: auto; right: 0%; width: 50%; z-index: 15; 
              -webkit-transition: all 1s ease;
              -moz-transition: ll 1s ease;;
              -o-transition: all 1s ease;;
              transition: all 1s ease;
}
.show-reviews span.arrow-cross.pull-right.link-reviews {font-size: 15px; position: fixed; right: 30px;}
.show-reviews span.arrow-cross.pull-right.link-reviews:hover{cursor: pointer;}

.show-reviews h2{margin-top: 50px;}
.show-reviews h3{margin-top: 50px;}
.show-reviews ul li {margin-right: 15px;}
.show-reviews ul li .puntuation{font-size: 1.3rem; font-weight: 700;}
.show-reviews ul li a{color: #000; text-decoration: underline;}

.show-reviews ul.opinion{margin: 0;}
.show-reviews ul.opinion li{font-size: 0.9rem; padding: 5px 0px; text-align: left; text-transform: initial;}

.show-reviews .guest-review{margin: 30px 0px;}
.show-reviews .guest-review .user{font-size: 1rem; font-weight: 700; margin-bottom: 0px;}
.show-reviews .guest-review .date{font-size: 0.8rem; font-style: italic; margin-top: 0px;}
.show-reviews .guest-review .opinion{font-size: 0.9rem; }

.push-all-content{position: relative; left: 0; 
                  -webkit-transition: all 1s ease;
                  -moz-transition: ll 1s ease;;
                  -o-transition: all 1s ease;;
                  transition: all 1s ease;
}
.push-all-content.push-for-reviews{position: relative; left: -50%; 
                                   -webkit-transition: all 1s ease;
                                   -moz-transition: ll 1s ease;;
                                   -o-transition: all 1s ease;;
                                   transition: all 1s ease;
}

.show-reviews ul{margin: 50px 0px;}
.show-reviews ul li {font-size: 0.8rem; text-align: center; text-transform: uppercase;}
.show-reviews ul li span {font-size: 2rem;}
.show-reviews ul li span.icon-washing-machine{font-size: 1.8rem;}

.show-reviews .guest-review .guest-puntuation{
    font-size: 3rem;
    font-family: "kepler-std-semicondensed",serif;
    font-style: normal;
    font-weight: 700;
    margin: 0px;
    line-height: 1em;
    display: inline-block;
}
.show-reviews .guest-review .guest-information{
    display: inline-block;
    margin-left: 15px;
}


/*----------- BOOKING -----------*/

section.book {padding: 50px 0px;}
section.book .apartment-block{ position: fixed; top: 80px; right: 0; z-index: 1;}
section.book .apartment-block .info-apartment{background-color: #F0F0E1; padding: 30px;}
section.book .apartment-block .info-apartment h2{margin-top: 0px; margin-bottom: 0px;}
section.book .apartment-block .info-apartment .area{font-size: 12px; text-align: center; text-transform: uppercase; margin-top: 0px;}
section.book .apartment-block .info-apartment .entradilla{font-size: 18px; margin: 30px 0px; text-align: center; }

section.book .apartment-block .info-apartment h3{}
section.book .apartment-block .info-apartment .total-pax{font-weight: 700; text-align: center; margin: 0px;}
section.book .apartment-block .info-apartment .total-fechas{text-align: center; margin: 0px;}
section.book .apartment-block .info-apartment .chose-tax {width: 300px;display: block;margin: 0 auto;}
section.book .apartment-block .info-apartment .chose-tax label{width: 100%;}
section.book .apartment-block .info-apartment .chose-tax b{float: right;}
section.book .apartment-block .info-apartment .pay{ display: block; margin: 0 auto; width: 300px;}
section.book .apartment-block .info-apartment .pay b{float: right;}
section.book .apartment-block .info-apartment .discount{ display: block; margin: 0 auto; width: 300px; color:red;}
section.book .apartment-block .info-apartment .discount b{float: right; color:red;}
section.book .apartment-block .info-apartment .cancellation {width: 300px;display: block;margin: 0 auto;}
section.book .apartment-block .info-apartment .cancellation .checkbox{margin: 15px 0px 0px;}
section.book .apartment-block .info-apartment .cancellation label{width: 100%;}
section.book .apartment-block .info-apartment .cancellation b{float: right;}
section.book .apartment-block .info-apartment .cancellation a{font-size: 0.8rem; margin-left: 20px;}
section.book .apartment-block .info-apartment .pay-now{ display: block; margin: 0 auto; width: 300px; font-weight: 700;}
section.book .apartment-block .info-apartment .pay-now b{float: right;}
/*
section.book .apartment-block .info-apartment .chose-tax.promocode{
    border: 1px solid rgba(0, 0, 0, 0.7);
    font-size: 12px !important;
    margin-bottom: 25px !important;
    padding-top: 10px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}
section.book .apartment-block .info-apartment .chose-tax.promocode h4{font-size: 14px;}
section.book .apartment-block .info-apartment .chose-tax.promocode input{font-size: 14px;}
*/

section.book .apartment-block .info-apartment .chose-tax.promocode .btn-black{
    border: 1px solid;
    padding: 9px 10px;
    font-size: 12px;
}

section.book .apartment-block .info-apartment .chose-tax.promocode .btn-black:hover{
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;;
    -o-transition: all 0.5s ease;;
    transition: all 0.5s ease;
}
section.book .apartment-block .info-apartment .chose-tax.promocode span.arrow-cross{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}
section.book .apartment-block .info-apartment .chose-tax.promocode .input_promocode {
    display: block;
    width: 190px;
    margin: 0px auto 30px;
}

section.book .apartment-block .info-apartment h4{
    font-style: italic;
    text-align: center;
}
section.book .apartment-block .info-apartment input#promocode {
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    vertical-align: bottom;
    font-style: italic;
    font-size: 0.8rem;
    text-align: center;
    margin: 0 auto;
    width: 150px;
    display: inline-block;
}



section.book .apartment-block .info-apartment a.view-cancellation-insurance {
    font-size: 0.7rem;
    margin-left: 22px;
    color: #666;
}

section.book .apartment-block .info-apartment hr {width: 300px;border-color: #000 !important; margin: 15px auto;}

section.book .accept-checkbox label{display: block;}

form#form_booking{
    padding-top: 50px;
}

section.book h1{ text-align: center;text-transform: uppercase;font-size: 26px; margin-bottom: 30px; margin-top: 0px;}
section.book h2{ text-align: center; margin-top: 50px;}

section.book form .form-control{border: none; border-bottom: 1px solid #000; border-radius: 0; box-shadow: none;     margin-top: 15px;}
section.book form textarea.form-control{border: 1px solid #000;}
section.book  li {padding: 5px 0px;}
section.book .checkbox {margin: 15px 0px; font-size: 16px;}
section.book .checkbox label{display: block;}

section.book a{color: #000; text-decoration: underline;}
section.book a:hover {color: #000; text-decoration: underline;}

section.book.book-finish .desglose-precio{margin-top: 30px;}
section.book.book-finish .code{font-size: 12px; text-align: center; text-transform: uppercase;}
section.book.book-finish .summary{margin: 0px; text-align: center}

section.book.book-finish .complet-payment{display: table;}
section.book.book-finish .complet-payment .complet-payment-middle{display: table-cell;  text-align: center;  vertical-align: middle;}
section.book.book-finish .complet-payment .complet-payment-middle h2{margin-bottom: 30px;}

@media (max-width: 768px){
    section.book .apartment-block {
        position: initial;
        padding: 0 15px;
        width: 100%;
    }
}

.apartment-block.booking-block.booking-overflow {
    top: 80px;
    bottom: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*----------- PARTNERS  -----------*/

#partners{padding-top: 150px;}

#partners h2{text-align: center;}
#partners p{font-size: 0.8rem;margin-bottom: 30px;text-align: center;}

#partners form{background-color: #F0F0E1; padding: 30px;}
#partners input {border: none; border-radius: 0px; border-bottom: 1px solid black; background: rgba(255,255,255,0); box-shadow: none; } 
#partners .btn-black{display: block; margin: 30px auto 0px; padding: 10px 30px;}

/*----------- FOOTER -----------*/
footer {padding: 50px 0px; margin-bottom: 50px;}
footer a.logo-feel-at-home{display: block; margin: 0 auto;  padding-bottom: 15px; text-align: center; width: 180px;}
footer a.logo-feel-at-home span{color: #000; display: block; font-size: 3rem; padding-bottom: 10px;}
footer a.logo-feel-at-home p{color: #000; font-family: "kepler-std-semicondensed",serif; font-size: 1.2rem; font-style: italic; font-weight: 500; padding: 15px 0px;}
footer a.logo-feel-at-home img{padding-left: 8px;}

footer ul.footer-menu {text-align: center;}
footer ul.footer-menu>li>a{color: #000; display: block; font-weight: 700; padding: 5px 0px; text-align: center; text-transform: uppercase;}
footer ul.footer-menu>li>a:hover{color: #000;}
footer ul.footer-menu li ul li a{font-weight: 500; text-transform: none;}


footer .footer-logos{margin: 50px 0px; text-align: center;}
footer .footer-logos li img{padding: 5px;}

footer ul.list-footer{font-size: 0.8rem; text-align: center;}
footer ul.list-footer a{color: #000;}
footer ul.list-footer a:hover{color: #000; text-decoration: underline;}

footer .logo-emexs { color: #000; display: block; margin: 0 auto; text-align: center;}
footer .logo-emexs a img {width: auto; height: 25px; vertical-align: middle;}

/*----------- EFFECTS -----------*/

/* GALERIA */

.featherlight-content {background: #FFF !important; border: none !important; overflow: hidden !important; margin: 0px !important; padding: 0px !important;}
.featherlight-next span, .featherlight-previous span {display: none !important;}

.featherlight-next, a.left.carousel-control{
    position: absolute;
    top: 0 !important;
    right: 0px !important;
    bottom: 0 !important;
    left: inherit !important;
    background: url(../img/arrow-right.svg) no-repeat 100% 50% !important;
    color: #fff;
    background-size: inherit;
    width: 60px;
}
.featherlight-previous, a.right.carousel-control{
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: inherit !important;
    background: url(../img/arrow-left.svg) no-repeat 100% 47% !important;
    color: #fff;
    width: 60px;
}

featherlight-next span, .featherlight-previous span {
    display: none !important;
}

/* CUSTOM SELECT AND INPUT */
input{border-radius: 0px;}

input#from, input#to{background: none; border: none; border-bottom: 1px solid #000; text-align: center; width: 100px;}

.dropcontainer {
    position:relative;
    font-size: 1rem;
    color: #000;
} 

.trigger, .activetrigger {
    line-height: 0px;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    font-size: 1rem;
    margin: 0px 5px;
    padding: 10px 30px 10px 10px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease;

    background: url(../img/down.png);
    background-repeat: no-repeat;
    background-position: 95%;
    background-size: 15px 15px;

}


.dropcontainer ul {
    font-size: 1rem;
    background: #F0F0E1;
    list-style-type: none;
    padding: 10px;
    position: absolute;
    right: 0px;
    margin: 0;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropcontainer ul li {
    text-align: left;
    padding: 1px 5px;
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease;
}

.dropcontainer ul li:hover{
    text-decoration: underline;
}

.dropcontainer ul li:first-child {
    display: none;
}

.dropcontainer ul li:last-child {
    border-bottom: none;
}

.dropdownhidden {
    display: none;
}

.dropdownvisible {
    height: auto;
}

.form-control#adults, .form-control#childrens, .form-control#sadults, .form-control#schildrens,  .form-control#adults-reserva, .form-control#childrens-reserva, 
.form-control#mobile-childrens, .form-control#mobile-sadults,  .form-control#adults_reserva, .form-control#childrens_reserva,select.form-control  {
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    height: 30px;
    background: url(https://feelathomeapartments.com/assets/themes/feelathome/img/down.png) no-repeat right transparent;
    -webkit-appearance: none;
    background-position-x: 34px;
    display: inline-block;
    width: 50px;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    font-size: 1rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-position: 87% 10px;
    background-size: 15px 15px;
    margin-top: -7px;
    padding-bottom: 0;
    padding-left: 10px;
    -moz-appearance:none;
}

#form-search-top {
    margin: auto !important;
    width: 100%;
    text-align: center !important;
}

#section-search-apartment-top .search-apartment-top-desktop {
    width: 90% !important;
    margin: auto !important;
}


/* ZOOM EFFECT IMAGE RESPONSIVE */
.image-zoom-container {
    list-style: none;
    font-size: 0px;
}
.zoom-container {
    position: relative;
    overflow: hidden;
    display: inherit;
    width: 100%;
}
.zoom-container img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container:hover{opacity: 1;}
.zoom-container:hover img {
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
    transform:scale(1.2);

    -webkit-filter: brightness(75%);
}

/* Form booking */
#form_booking .form-control{
    font-size: 1rem !important;
    width: 100% !important;
}

/* columns of same height styles */

.row-full-height {
    height: 100%;
}
.col-full-height {
    height: 100%;
    vertical-align: middle;
}
.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* vertical alignment styles */

.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

/*----------- RESPONSIVE -----------*/

@media (max-width: 1180px){
    html, body{font-size: 14px;}

    .building .info-building ul li{padding: 10px 0px;}
    .apartment .info-apartment .btn-black{margin-bottom: 0px;}
    .apartment .info-apartment .apartment-price.pull-right {margin: 15px 0px;}
    section.search-apartment form .form-group {padding: 0px 5px;}
    .newsletter h4 {font-size: 2.5rem;}

    section.search-apartment h2{font-size:2.5rem;}

    section.book .apartment-block .info-apartment{padding: 30px 15px;}


}

@media (max-width: 1250px){
    form#form-search-responsive-footer {margin: 40px 0px;}
    form#form-search-responsive-footer .form-group{text-align: left;}

    form#form-search-responsive-footer label, 
    form#form-search-responsive-footer .select-sbuilding label{
        width: 25%;
        text-align: left;
    }
    form#form-search-responsive-footer input,
    form#form-search-responsive-footer .select-sbuilding a.trigger,
    form#form-search-responsive-footer .select-sbuilding .activetrigger,
    form#form-search-responsive-footer .select-sbuilding .dropcontainer ul{
        width: 74%;
        margin: 0px;
        text-align: left;
    }

    form#form-search-responsive-footer .select-sadults label,
    form#form-search-responsive-footer.select-schildrens label {
        text-align: left;
    }
    form#form-search-responsive-footer .select-sadults  a.trigger,
    form#form-search-responsive-footer .select-sadults  a.activetrigger,
    form#form-search-responsive-footer .select-schildrens  a.trigger,
    form#form-search-responsive-footer .select-schildrens  a.activetrigger{
        width: 30%;
        margin: 0px;
        text-align: left;
    }

    section#section-search-apartment-top, .reviews.scroll {display: none !important;}

    form#form-search-responsive-footer input{border: none; border-bottom: 1px solid #000; background: transparent;}
    form#form-search-responsive-footer span{width: 30px;display: inline-block;text-align: center;font-size: 25px;}
    span#select2-sbuilding-mz-container,
    .select2-container .select2-selection--single .select2-selection__rendered{width: 100% !important;}

    #form-search-responsive div#button_search{margin-top: 30px;}
    #form-search-responsive input {background: transparent;border: none;border-bottom: 1px solid;}

    .form-responsive{display: block !important;position: fixed;bottom: 0px;left: 0px; right: 0px; width: 100%; background: #f0f0e1;}
    .form-responsive .phone-responsive{background: #000; display: table; height: 75px; float: left; width: 75px; }
    .form-responsive .phone-responsive a{color: #f0f0e1; display: table-cell; vertical-align: middle; text-align: center; font-size: 25px;}
    .form-responsive .search-responsive {display: table; float: right; height:75px; margin-right: 15px;}
    .form-responsive .search-responsive p{cursor: pointer; display: table-cell; margin: 0px; vertical-align: middle; font-size: 24px;font-weight: 700;margin: 0px; text-align: center;  text-transform: uppercase;
        font-family: "aktiv-grotesk",sans-serif;
        border: 2px solid #000;
        padding: 10px 10px;
        margin-top: 9px;
        display: block;
    }

    .show-booking-form{-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);background: #f0f0e1;display: block;position: fixed;top: 0px;width: 100%;padding: 15px 0px;text-align: center;z-index: 100;}
    .show-booking-form [class^="icon-"], .show-booking-form [class*=" icon-"] {font-size: 24px;vertical-align: middle;}
    .show-booking-form form#form-search-responsive{display: block !important;padding-top: 40px;}
    .show-booking-form .arrow-cross{font-size: 15px; top: 15px; right: 15px; position: absolute;}


    /*.form-desktop{display: none !important;}*/
    .form-desktop {display: block !important;}

    #info-result-search-responsive{    
        background: #F0F0E1; 
        display: block !important;
        text-align: center;
        margin-bottom: -10px;
        padding: 15px 0px 10px 0px;
        z-index: 100;
        width: 100%;
    }
    #info-result-search-responsive ul>li>label>span{font-size: 26px; vertical-align: middle; margin-left: 15px; margin-right: 5px;}
    #info-result-search-responsive ul>li .select{font-weight: 700;}
    .reviews{display: none;}
}

@media (max-width: 992px){

    html, body{font-size: 14px;}
    
    .icon-parking .icon{width:30px !important;}

    .logo-visible img{display: none;}

    section.landing-building .introduction .info-building div{padding: 0px;}
    section.landing-building .introduction .puntuation{left: 15px; right: initial;}

    section.blog-post .info-post{border: none; padding: 0px 15px;}
    section.blog-post .info-post p.post-by{display: inline-block; margin: 0px; margin-bottom: 15px;}
    section.blog-post .info-post p.post-author{display: inline-block; margin: 0px; margin-bottom: 15px;}
    section.blog-post .info-post p.post-date{margin: 0px; margin-bottom: 15px;}
    section.blog-post .info-post ul.post-tags{margin: 0px; margin-bottom: 15px;}
    section.blog-post p.post-title-photo{margin-top: -20px; text-align: right }
    section.blog-post p.post-author-photo{margin-bottom: 30px; text-align: right;}

    .destkop-gallery {display: none;}
    .responsive-gallery{display: block !important;}

    .home-buildings .one-building a{
        display: block;
        width: 100%;
    }


    .home-buildings .one-building .building .info-building {
        display: block;
        width: 100%;
        margin-bottom: 50px;
    }
}
@media (min-width: 768px){
    .form-control#adults, .form-control#childrens, .form-control#sadults, .form-control#schildrens, .form-control#adults-reserva, .form-control#childrens-reserva, .form-control#mobile-childrens, .form-control#mobile-sadults, .form-control#adults_reserva, .form-control#childrens_reserva, select.form-control{
        width: 50px !important;
    }
}
@media (max-width: 768px){
    .nav-pages a span{display: none;}
    .nav-pages img{display: block !important; margin: 15px 0px; width: 170px;}

    .nav-pages .menu a{margin: 0px 15px;}

    .landing-building .introduction .puntuation{left: initial; right: 15px;}

    .home-advantages .list-inline>li{display: block !important; margin: 15px 0px; text-align: center !important;}
    .home-advantages h3{text-align: center !important; margin-bottom: 30px;}

    .apartment .info-apartment{width: 100%;}
    .apartment-availability .ui-datepicker-multi-4 .ui-datepicker-group{height: 350px; width: 50%;}

    .bg-advertising{margin: 50px 0px;}

    .reviews{display: none;}

    section.about-us .headquarters{padding: 30px;}
    section.about-us .headquarters h4{font-size: 1.6rem;}
    section.about-us .headquarters p{font-size: 0.8rem;}
    section.about-us .headquarters a{font-size: 0.8rem;}

    section.landing-building .introduction .info-building div h1{margin-top: 30px; margin-right: 0px;}
    section.landing-building .introduction img.img-responsive{object-fit: cover; height: 400px; width: 100%;}
    section#section-search-apartment,
    .search-apartment-top-responsive,
    search-apartment.search-apartment-home{display: none !important;}

    section#filters_result_search .pull-right{
        float: left !important;
        width: 100%;
    }

    section#filters_result_search .show-filters{
        display: inline-block;
        padding: 10px 0px;
    }
    section#filters_result_search button{
        display: inline-block;
        padding: 10px 0px;
    }


    div#show-filters {
        padding: 30px;
    }

    .advertising {
        padding: 100px 30px;
    }

    section.search-apartment h2{ display: block;}

    .btn-search{ display: block; margin: 0 auto; text-align: center; width: 200px;}
    .btn-search:hover{cursor: pointer;}

    #show-search{background: #F0F0E0; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 20;}
    #show-search .btn-search{font-size: 30px; margin: 15px; width: auto; }
    #show-search h2{ margin: 90px 15px 50px 15px; text-align: center;}
    #show-search input{float: right; width: 125px;}
    #show-search .trigger, #show-search .activetrigger{ float: right; margin-right: 0px; width: 125px;}
    #show-search .dropcontainer ul{width: 125px;}
    #show-search a, #show-search a:hover, #show-search a:focus{color: #000 !important;}
    #show-search .btn-black{display: block; margin: 30px auto 0px; width: 150px;}
    #show-search .show-filters {text-align: center;}
    #show-search .form-group{display: block !important; margin: 20px auto; width: 250px;}

    #show-search #show-filters{  padding: 30px 15px;}
    #show-search #show-filters .filters-rooms h3 {text-align: center; font-size: 1.6rem;}
    #show-search #show-filters ul.rooms {text-align: left; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
    #show-search #show-filters .btn-hide{display: none;}
}

@media(max-width: 700px){
    section#info-result-search-responsive{
        background-color: #f0f0e1;
        top: 80px;
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 0.8rem;
        margin: 0px;
        margin-bottom: -10px;
    }
    section#info-result-search-responsive .list-inline>li{
        padding-right: 0px;
        width: 49%;
    }
}

@media (max-width: 480px){
    html, body{font-size: 12px;}
    
    .icon-parking .icon{width:26px !important;}

    #googleMap {height: 200px !important;}
    .outer-menu .menu>div ul li img{width: 150px;}
    .outer-menu .menu > div ul li a{font-size: 1rem;     padding: 0px;}

    section.home-full-image.window-height img {width: 50%;}
    section.home-full-image.window-height .vertical-align-center span.icon-feel-at-home-shoes{margin-top: -100px;}

    section.search-apartment.search-apartment-home h2{font-size: 1.6rem; margin: 10px 0px;}
    section.search-apartment h2{font-size: 1.6rem; margin: 10px 0px;}
    section.search-apartment h2.search-summary{margin: 15px 15px 30px 15px;}
    section.search-apartment .select-info p.group{display: block; text-align: left;width: 50%;float: left;padding-left: 35px;}
    section.search-apartment .apartment-price{padding: 15px 0px;}
    section.search-apartment .select-info .btn-black{display: block; margin: 0 auto; width: 200px;}
    section.search-apartment a.link-edit, section.search-apartment .link-cancel{display: none}

    section.search-apartment .select-info {padding-bottom: 30px;}
    section.search-apartment .bloc-not-available {width: 100%;}
    .form-desktop {display: block !important;}
    .form-desktop .group-buttons {display: inline-block !important;}
    section.search-apartment form .form-group {width: 50%;float: left;}

    #show-search h2{ font-size: 2rem; margin: 60px 15px 20px 15px; text-align: center;}
    #show-search input{float: right; width: 125px;}
    #show-search .trigger, #show-search .activetrigger{ float: right; margin-right: 0px; width: 125px;}
    #show-search .dropcontainer ul{width: 125px;}
    #show-search a, #show-search a:hover, #show-search a:focus{color: #000 !important;}
    #show-search .btn-black{display: block; margin: 30px auto 0px; width: 150px;}
    #show-search .form-group{display: block !important; margin: 10px auto; width: 250px;}
    #show-search #show-filters{ padding: 0px 15px;}
    #show-search #show-filters ul.rooms {text-align: left; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
    #show-search #show-filters  .filters-features{display: none;}

    section.apartment-detail .introduction .info-building h1{margin-top: 0px;}
    section.landing-building .introduction img.img-responsive{object-fit: cover; height: 200px; width: 100%;}
    section.apartment-detail .introduction .info-building ul li{padding: 10px 5px;}

    section.apartment-detail{padding-top: 0px;}
    /*section.apartment-detail .introduction img.img-responsive{padding-top: 60px;}*/
    section.apartment-detail .apartment-availability {margin: 20px 0px;}

    section.search-apartment.more-places h2 {font-size: 2rem;margin: 15px 15px;}
    section.aboutus-full-image{height: 50vh;}
    section.aboutus-full-image img {width: 50%;}
    section.about-us h2{font-size: 2rem}
    section.about-us h3{font-size: 2rem; margin: 50px 0px;}

    section.home-advantages h3{font-size: 1.6rem;}

    section.owners .bg-image{height: 300px;}
    section.owners h1{font-size: 2rem;}
    section.owners h3{font-size: 1.5rem;}
    section.owners h2{font-size: 1.5rem;}
    section.owners .acces input{margin: 0px;}

    section.legal .bg-image{height: 300px;}
    section.legal h1{font-size: 2rem;}

    section.faq .bg-image{height: 50vh;}
    section.faq h1{font-size: 2rem; margin-bottom: 15px;}

    section.term-and-conditions .bg-image{height: 50vh;}
    section.term-and-conditions h1{font-size: 2rem;}

    .apartment .info-apartment .btn-black{padding: 10px 15px; margin-bottom: 50px;}
    .apartment-availability .ui-datepicker-multi-4 .ui-datepicker-group{height: auto; width: 100%;}

    .hide-reviews{right: -100%; width: 100%; }
    .show-reviews{width: 100%;     right: 0;}
    .push-all-content.push-for-reviews{position: relative; left: -100%;}

    section#filters_result_search ul li {
        display: block;
    }

    section#filters_result_search{
        padding-top: 100px;
        margin: 0px;
        text-align: center;
    }
    #info-result-search-responsive ul>li>label>span{
        margin: 0px 5px;
    }

    .bloque-ver-mas-ventajas{width: 100%; right: -100%;}
    .bloque-ver-mas-ventajas ul.list-unstyled{width: initial;}

    section.about-us h2{text-align: left; margin: 30px 0px;}
    section.about-us p {text-align: left;margin-bottom: 10px;}
    section.term-and-conditions .term-description{margin: 0px;}

    #form_booking .btn-black.pull-left{text-align: center; width: 100%;}

    form#form-search-responsive-footer, form#form-search-responsive-ficha {margin: 40px 0px;}
    form#form-search-responsive-footer .form-grou, form#form-search-responsive-ficha .form-group{text-align: left;}
    form#form-search-responsive-footer input, 
    form#form-search-responsive-footer .select-sbuilding a.trigger,
    form#form-search-responsive-footer .select-sbuilding .activetrigger,
    form#form-search-responsive-footer .select-sbuilding .dropcontainer ul,
    form#form-search-responsive-ficha input, 
    form#form-search-responsive-ficha .select-sbuilding a.trigger,
    form#form-search-responsive-ficha .select-sbuilding .activetrigger,
    form#form-search-responsive-ficha .select-sbuilding .dropcontainer ul,
    .form-control#adults, 
    .form-control#childrens, 
    .form-control#sadults,
    .form-control#schildrens, 
    .form-control#adults-reserva,
    .form-control#childrens-reserva, 
    .form-control#mobile-childrens, 
    .form-control#mobile-sadults,
    .form-control#adults_reserva, 
    .form-control#childrens_reserva,
    select.form-control{
        width: 65%;
    }

    .form-booking-responsive .select2-container{
        width: 65% !important;
    }
    .form-booking-responsive .select2-container .selection,
    .form-booking-responsive .select2-container .selection span.select2-selection.select2-selection--single{
        width: 100% !important;
    }

    form#form-search-responsive-footer .btn-black, form#form-search-responsive-ficha .btn-black {
        width: 150px; display: block;
    }
    form#form-search-responsive-footer label, form#form-search-responsive-footer .select-sbuilding label, form#form-search-responsive-ficha label, form#form-search-responsive-ficha .select-sbuilding label {width: 30%;}

}

div.gif-animado-white {
    width: 50px;
    height: 50px;
    background-image: url(../img/logo/gif/white/detail-w.svg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: example;
    -webkit-animation-duration: 6s;
    animation-name: white-logo;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    transition: none;
    display: block;
    margin: 15px auto;
}

@-webkit-keyframes white-logo {

    0%  {background-image: url(../img/logo/gif/white/sofa-w.svg); transition: none;}
    20%  {background-image: url(../img/logo/gif/white/cafetera-w.svg); transition: none;}
    40%  {background-image: url(../img/logo/gif/white/libros-w.svg); transition: none;}
    50%  {background-image: url(../img/logo/gif/white/tostadora-w.svg); transition: none;}
    60%  {background-image: url(../img/logo/gif/white/cup-w.svg); transition: none;}
    80%  {background-image: url(../img/logo/gif/white/detail-w.svg); transition: none;}
    100%  {background-image: url(../img/logo/gif/white/sofa-w.svg); transition: none;}
}

@keyframes white-logo {

    0%  {background-image: url(../img/logo/gif/white/sofa-w.svg); transition: none;}
    25%  {background-image: url(../img/logo/gif/white/cafetera-w.svg); transition: none;}
    50%  {background-image: url(../img/logo/gif/white/libros-w.svg); transition: none;}
    75%  {background-image: url(../img/logo/gif/white/tostadora-w.svg); transition: none;}
    75%  {background-image: url(../img/logo/gif/white/cup-w.svg); transition: none;}
    80%  {background-image: url(../img/logo/gif/white/detail-w.svg); transition: none;}
    100%  {background-image: url(../img/logo/gif/white/sofa-w.svg); transition: none;}
}


div.gif-animado-black {
    width: 50px;
    height: 50px;
    background-image: url(../img/logo/gif/black/detail.svg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-animation-name: example;
    -webkit-animation-duration: 6s;
    animation-name: black-logo;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    transition: none;
    display: block;
    margin: 15px auto;
}

@-webkit-keyframes black-logo {

    0%  {background-image: url(../img/logo/gif/black/sofa.svg); transition: none;}
    20%  {background-image: url(../img/logo/gif/black/cafetera.svg); transition: none;}
    40%  {background-image: url(../img/logo/gif/black/libros.svg); transition: none;}
    50%  {background-image: url(../img/logo/gif/black/tostadora.svg); transition: none;}
    60%  {background-image: url(../img/logo/gif/black/cup.svg); transition: none;}
    80%  {background-image: url(../img/logo/gif/black/detail.svg); transition: none;}
    100%  {background-image: url(../img/logo/gif/black/sofa.svg); transition: none;}
}

@keyframes black-logo {

    0%  {background-image: url(../img/logo/gif/black/sofa.svg); transition: none;}
    20%  {background-image: url(../img/logo/gif/black/cafetera.svg); transition: none;}
    40%  {background-image: url(../img/logo/gif/black/libros.svg); transition: none;}
    50%  {background-image: url(../img/logo/gif/black/tostadora.svg); transition: none;}
    60%  {background-image: url(../img/logo/gif/black/cup.svg); transition: none;}
    80%  {background-image: url(../img/logo/gif/black/detail.svg); transition: none;}
    100%  {background-image: url(../img/logo/gif/black/sofa.svg); transition: none;}
}


/*
CSS buscador nuevo 01/02/17
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
html {
    font: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}
html,
body {
    height: 100%;
    min-height: 100%;
}
body { margin: 0; }
a { background-color: transparent; }
a:active,
a:hover { outline: 0; text-decoration: none; color: #c9c9c9;}
a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.centered-flex-box {display: flex !important; justify-content: center; flex-direction: column;}
.end-flex-box {display: flex; justify-content: flex-end; flex-direction: column;}
.btn-icon {background-color: #f0f0e1 !important; border: 1px solid #c9c9c9; border-radius: 0;}
.btn-icon .glyphicon {font-size: 1.2rem;}

.search-apartment-top-desktop {margin-left: 60px !important;}

#search-results {margin-top:80px}
#search-results .description {font-size:1rem}
#search-results #info-side .title-apartment {font-family: "kepler-std-semicondensed",serif;font-style: normal;font-weight: 500;margin: 0px; padding-right: 15px;text-align: left;font-size: 2rem;text-transform: capitalize;}
#search-results #info-side .subtitle-apartment {font-size: 1rem; text-transform: uppercase;}

#search-results #info-side #filters-row {margin-top: 20px; margin-bottom: 10px;}

#search-results #info-side #title-row {background-color: #F0F0E1}
#search-results #info-side #title-row >  div  {padding: 0px 25px;}
#search-results #info-side #title-row ul > li {text-align: center}
#search-results #info-side #title-row ul > li > span {font-size: 2.4rem}

#search-results #info-side #apartments-row .apartment .info-apartment h4 {font-size: 1.6rem; margin-bottom: 5px}
#search-results #info-side #apartments-row .apartment .info-apartment p.description {font-size: 1rem; margin: 15px 0px; min-height: 70px;}
#search-results #info-side #apartments-row .apartment .info-apartment .bloc-not-available{display: inline-block;margin-top: 0px;margin-left: 15px;}
#search-results #info-side #apartments-row .apartment .info-apartment .btn-black {font-size: 1rem; margin: 0; text-align: center;}
#search-results #info-side #apartments-row .apartment-price p.price {font-size: 2rem;font-family: "kepler-std-semicondensed",serif;font-style: normal;font-weight: 600;}
#search-results #info-side #apartments-row .apartment {min-height: 635px;}

#search-results.grid-block #info-side .centered-flex-box {display: initial !important;}
#search-results.grid-block #info-side #apartments-row .apartment .info-apartment [class*="col-"], #search-results.grid-block .info-apartment [class^="col-"] {width: 100%}
#search-results.grid-block #info-side #apartments-row .apartment img {padding: 15px 7px}
#search-results.grid-block #info-side #apartments-row {padding: 15px 25px;}

#search-results.grid-line #info-side #apartments-row {margin-top: 18px;}
#search-results.grid-line #info-side #apartments-row > .col-md-4 {width: 100% !important;}
#search-results.grid-line #info-side #apartments-row .apartment {display: inline-flex; height: auto !important}
#search-results.grid-line #info-side #apartments-row .apartment > a {width: 20%;}
#search-results.grid-line #info-side #apartments-row .apartment img {object-fit: cover; float: right; padding-left: 15px;/*max-height: 140px;/*padding: 40px 0;*/}
#search-results.grid-line #info-side #apartments-row .apartment .info-apartment {padding: 10px 15px; margin-bottom: 0px !important;}
#search-results.grid-line #info-side #apartments-row .apartment .info-apartment p.description {margin: 0}
#search-results.grid-line #info-side #apartments-row .apartment .info-apartment p.area {display:none}
#search-results.grid-line #info-side #apartments-row .apartment > .centered-flex-box {width: 20%; padding: 0 0;}

#search-results .apartment .info-apartment {padding: 0px 10px 40px;}
#search-results.grid-line #info-side #apartments-row .apartment .info-apartment ul li{font-size: 1rem;}
#search-results.grid-line #info-side #apartments-row .apartment .info-apartment ul li span {font-size: 2rem}
#search-results.grid-block #info-side #apartments-row .apartment .info-apartment ul li span {font-size: 2.4rem}

#search-results #apartments-row.grid-line #info-side #apartments-row .apartment .info-apartment.row > div.col-md-4 > div > ul {margin-bottom:0}
#search-results #apartments-row.grid-line #info-side #apartments-row .apartment .info-apartment.row .col-md-3 .centered-flex-box {padding-bottom: 10px;}

#search-results .trigger, #search-results .activetrigger {width: auto !important; margin-right: 40px; border-bottom: none}

#map-icon-btn-container {position: fixed; bottom: 30px; right: 30px;}
#map-icon-btn-container .glyphicon {font-size: 3rem; bottom: 30px;}

#search-results #title-row {padding: 10px}

@media (max-width: 1350px){
    #search-results.grid-line #info-side #apartments-row .apartment .info-apartment ul{
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3
    }
    #search-results.grid-line #apartments-row > div > div > div.info-apartment.row > div.col-md-4 > div > ul > li {width: 80px}
}

@media (min-width: 1200px) {
    #search-results.grid-line #apartments-row > div > div > .info-apartment {width: 90%}
    #search-results.grid-line #apartments-row > div > div > .info-apartment .col-md-5, #apartments-row > div > div > .info-apartment .col-md-3 {width: 40%}
    #apartments-row > div > div > .info-apartment .col-md-3 {width: 30%}
    #apartments-row > div > div > .info-apartment .col-md-4 {width: 30%}
    #search-results #map-side {position: fixed; right: 0;}
}

@media (max-width: 1200px) {
    #title-icons-col.col-md-12.end-flex-box {height: auto !important; padding: 0 22px !important;}
    #title-icons-col.col-md-12.end-flex-box ul {text-align: left;}
    #search-results.grid-line .apartment .info-apartment ul li {padding: 10px 0px;}

}

@media (max-width: 1199px) {
    #map-side {display: none;}
    #filters-row > div.col-sm-3 {display: none}

}


@media (max-width: 768px) {
    #search-results #filters-row > div.col-sm-3.col-xs-3.text-right.col-xs-pull-9 {text-align: left}
    .apartment .info-apartment ul li span {font-size: 2.5rem; padding: 20px 12px;}
    .btn:not(.btn-icon) {background: none !important;}
    .reviews.scroll {display: none !important;}
}
@media (max-width: 480px) {
    #showMap {background-color: #f0f0e1; border: 1px solid #c9c9c9;}
    #search-results #googleMap {
        height: 100vh !important;
    }
}

/*300419*/
section.apartment-detail.top {padding-top: 0;}
section.apartment-detail .introduction img.img-responsive {height: calc(100vh - 158px);}
section.apartment-detail .introduction .info-building h1 {margin-top: 30px;}
.reviews {z-index: -1 !important;opacity:0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.reviews.scroll {z-index: 9 !important;opacity: 1;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
section.search-apartment form {padding: 12px 0;}