/* GENERAL */
.form-control, .form-select {
    border-radius: 0;
}

.header-shadow-home {
    background: linear-gradient(-179deg, #393939 -20%, rgba(0, 0, 0, 0) 88%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44vh;
    z-index: 1;
}

.w-23em{
    width: 23em;
}

.fs-error-500,.fs-error-404{
    font-size: 90px;
    color: #392303;
}


.vh-error{
    height: calc(100vh - 200px);
}
/* MENU */

.menu-video-options{
    color: #FFF;
    text-decoration: none;
    margin: 0 3.5vw;
    font-size: 16px;
    font-family: 'DINNextLTProLight', sans-serif;
}

.menu-home-options{
    color: black;
    text-decoration: none;
    margin: 0 3.5vw;
    font-family: 'DINNextLTProLight', sans-serif;
    font-weight: 500;
}

.menu-home-options:hover{
    text-decoration: underline black;
}

.menu-home-options.active{
    text-decoration: underline black;
}

.menu-phone-options{
    text-decoration: none;
    color: white;
    font-size: 12vw;
    font-family: 'PPHattonUltralight', sans-serif;
    padding-bottom: 1.1vh;
    margin-bottom: 0px;
}

.fs-icon-menu{
    font-size: 42px;
}

.fs-list-onsale-page{
    font-size: 14px;
}

.mt-phone-filter-list{
    margin-top: -10em;
}

.z-index-menu-phone{
    z-index: 10000;
}

.fs-icon-down-video{
    font-size: 80px;
}

.mt-negative-logo-menu-phone{
    margin-top: -34px;
}

/* SLIDE HOME */

.height-item-slide{
    height: 30em;
}

.fs-home-titles{
    font-size: 4rem;
    line-height: 65px;
}

/* KNOW VALUE HOME */

.height-knowvalue-div{
    height: 40em;
}

.fs-subtext{
    color: #8C8E93;
}

/* EXCLUSIVE HOME */

.exclusive-div-img{
    height: 88vh;
    background-size: cover;
    background-position: center;
}

.fs-exclusive-title{
    font-size: 10vw;

}

.fs-exclusive-subtitle{
    line-height: 10px;
    font-size: 5vw;
    font-style: italic;
}

/* ZONES HOME */

.fs-zones-title{
    font-size: 4vw;
}

.fs-zones-title2{
    font-size: 1.5rem;
}

.fs-zones-text{
    font-size: 16px;
}

.fs-home-faqs-title {
    font-size: 20px;
}

/* VALORACION */

.fs-options-color{
    color: #7C7C7C;
}

/* NOSOTROS PAGE */

.fs-nosotros-title{
    font-size: 6vw;
    line-height: 5.5vw;
}

.fs-nosotros-subtitle {
    font-size: 3vw;
}

/* COLORS */


.fs-home-faqs-title{
    font-size: 20px;
}

@media(max-width: 768px) {
    .uppersideSection {
        height: 100vh;
    }

    .uppersideSection {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/* COLORS */

body{
    background-color: #EDEDED;
}

.bg-mg{
    background-color: #E8E8E8;
}

.bg-mg-ficha{
    background-color: #f7f7f7;
}

.bg-mg-alternative{
    background-color: #EDEDED;
}

.bg-menugrey{
    background-color: #E8E8E8;
}

.bg-menublack{
    background-color: #332F2E;
}

.bg-onsale-home{
    background-color: #EDEDED;
}

.bg-forrent-home{
    background-color: #E8E8E8;
}

.bg-onsale-home-list{
    background-color: #EDEDED;
}

.bg-forrent-home-list{
    background-color: #e3e3e3;
}


/* SHADOW HEADER*/

.shadow-bottom-header{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* MAPA FOOTER*/

#map {
    height: 20em;
    width: 100%;
}


/* EFECTO HOVER CUADRADO*/

.hover-efect-cover-square{
    position: relative;
    text-decoration: none;
    transition: all 0.5s ease;
}

.hover-efect-cover-square:hover{
    padding-right: .5rem;
    padding-left: .5rem;
}

.hover-efect-cover-square-all{
    position: relative;
    text-decoration: none;
    transition: all 0.5s ease;
}

.hover-efect-cover-square-all:hover{
    padding-right: .5rem;
    padding-left: .5rem;
}

/* Línea superior */
.hover-efect-cover-square::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #333;
    transition: width 0.5s ease;
    width: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.hover-efect-cover-square-all::before {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #333;
    transition: width 0.5s ease;
    width: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.hover-efect-cover-square-all::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #333;
    transition: width 0.5s ease;
    width: 0;
    top: 36px;
    left: 50%;
    transform: translateX(-50%);
}


.color-ref-house.hover-efect-cover-square::before,.color-ref-house.hover-efect-cover-square-all::before, .color-ref-house.hover-efect-cover-square::after,.color-ref-house.hover-efect-cover-square-all::after {
    background-color: #332f2e9e;
}


.hover-efect-white::before{
    background-color: #ffffff;
}

.hover-efect-cover-square::after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: #333;
    width: 100%;
    bottom: 0;
    left: 0;
}


.hover-efect-white::after {
    background-color: #ffffff;
}

.hover-efect-cover-square span::before,
.hover-efect-cover-square span::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #333;
    transition: height 0.5s ease;
    height: 0;
}

.hover-efect-cover-square-all span::before,
.hover-efect-cover-square-all span::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: #333;
    transition: height 0.5s ease;
    height: 0;
}

.hover-efect-white span::before,
.hover-efect-white span::after {
    background-color: #ffffff;
}

.hover-efect-cover-square span::before,.hover-efect-cover-square-all span::before  {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hover-efect-cover-square span::after,.hover-efect-cover-square-all span::after {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hover-efect-cover-square:hover::before,.hover-efect-cover-square-all:hover::before,.hover-efect-cover-square-all:hover::after {
    width: 100%;
}

.hover-efect-cover-square:hover span::before,
.hover-efect-cover-square:hover span::after,
.hover-efect-cover-square-all:hover span::before,
.hover-efect-cover-square-all:hover span::after{
    height: 100%;
}

/* Línea abajo */
.hover-efect-cover-line {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;

    display: inline-block;
    position: relative;
}

.hover-efect-cover-line::after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    background: #000000;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.hover-efect-cover-line:hover::after,
.hover-efect-cover-line.active::after {
    width: 100%;
    left: 0;
}


button.button-fill {
    background: none;
    border: 1px solid;
    font: inherit;
    padding: 0.3em 1em 0.1em 1em;
    color: black;
    transition: 0.5s;
    line-height: 0;
    margin-top: 0;
}

button.button-fill:hover, button.button-fill:focus {
    color: #fff;
    background: black;
}

.button-fill:hover,
.button-fill:focus {
    box-shadow: inset 0 0 0 1em black;
}

.fs-home-main-title {
    font-size: 3rem;
}
.tx-description-property {
    font-size: 1rem;
}
.tx-list-reference {
    font-size: 1rem;
}
.links-list-property {
    font-size: 1.1rem;
    position: absolute;
}

.min-height-100vh{
    min-height: 100vh;
}

.fs-fichaicons {
    font-size: 40px;
}

.footer-text-fs{
    font-size: 0.8rem;
    color: #7C7C7C;
}

/* SLIDE FICHA */

.glide-custom-arrows .glide__control-left, .glide-custom-arrows .glide__control-right{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.glide-custom-arrows .glide__control-left{
    left: 0;
}

.glide-custom-arrows .glide__control-left button, .glide-custom-arrows .glide__control-right button{
    margin-top: -10px !important;
}

.lightbox .btn-close{
    display: none;
}

.lightbox {
    z-index: 10000;
}

.lightbox,.lightbox .carousel-item, .lightbox .carousel-item .ratio{
    background: none !important;
    --bs-aspect-ratio: 67%;
}

.lightbox,.lightbox .carousel-item, .lightbox .carousel-item img{
    touch-action: pan-y pinch-zoom;
    max-width: none !important;
}