footer #footer-top {
    padding-top: 16.5rem;
}


section #hero picture {
    height: 150rem;
    width: 100%;
    position: relative;
}
section #hero picture img {
    width: calc(100% + 3rem);
    position: absolute;
    left: 0;
    top: 0;
}
section #hero .section-txt {
    width: 91.5rem;
    margin-bottom: 7.5rem;
    font-size: 4.5rem;
    line-height: 1.4;
}
section #hero .formContacto .form-esp .form-captcha .control-label {
    font-size: 3rem; 
}
section #hero .formContacto .form-esp .input-group {
    width: 62.5rem;
}
section #hero .formContacto .dua-checkbox input {
    width: 4.5rem;
    height: 4.5rem;
}
section #hero .formContacto .dua-checkbox + .dua-checkbox {
    margin-top: 2rem;
}
section #hero .formContacto .btn {
    margin-top: 6rem;
}

section #hero #hero-datos {
    /*width: 145rem;*/
    padding-top: 6.75rem;
    /*margin-top: -11.75rem;*/
    font-size: 4.5rem;
    font-weight: 200;    
    /*background-color: white;*/
    /*display: inline-block;*/
}
section #hero #hero-datos .icono {
    margin-bottom: 3rem;
    padding-left: 8.5rem;
    position: relative;
}
section #hero #hero-datos .icono:before,
section #hero #hero-datos .icono-direcc:before {
    content: '';
    width: 6rem;
    height: 5.5rem;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
section #hero #hero-datos .icono-mail:before {
    background-size: 6rem auto;
    background-image: url('../../../../images/iconos/mail-black.svg');
}
section #hero #hero-datos .icono-tlf:before {
    background-size: 5.5rem auto;
    background-image: url('../../../../images/iconos/phone-o.svg');
}
section #hero #hero-datos .icono-clock:before {
    background-size: 5rem auto;
    background-image: url('../../../../images/iconos/clock.svg');
}
section #hero #hero-datos .icono-direcc {
    /*padding-left: 24.5rem;*/
    margin-top: 6.5rem;
}
section #hero #hero-datos .icono-direcc .text-bold {
    display: block;
}
section #hero #hero-datos .icono-direcc:before {
    background-size: contain;
    background-image: url('../../../../images/iconos/map-marker.png');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    /*width: 20.5rem;
    height: 15.75rem;
    margin-right: 4rem;
    background-size: contain;
    background-image: url('../../../../images/inicioFront/fansquare.png');*/
}

section .mapa {
    width: 100vw;
    height: 100rem;
    margin-top: 17.5rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

@media all and (-webkit-min-device-pixel-ratio : 1.5),
all and (-o-min-device-pixel-ratio: 3/2),
all and (min--moz-device-pixel-ratio: 1.5),
all and (min-device-pixel-ratio: 1.5) {
    div.background {
        background-image: url('../../../../images/inicioFront/fansquare@2x.png');
    }
}

@media (min-width: 768px) and (max-width: 1099px) {    
    section #hero .formContacto .form-esp .input-group {
        width: 77.5rem;
    }
}
@media (min-width: 768px) {
    #aside-redes {
        display: block;
    }
    
    section #hero {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    section #hero .section-cont {
        padding-top: 20rem;
    }
    section #hero .section-img {
        margin-left: 16.25rem;
        -webkit-flex: 0 0 228.5rem;
        flex: 0 0 228.5rem;
    }
    section #hero #hero-datos {
        width: 145rem;        
        margin-top: -11.75rem;           
        background-color: white;
        position: relative;
        display: inline-block;
    }    
}
@media (max-width: 767px) {
    section #hero picture {
        display: none;
    }      
    section #hero .section-txt {
        width: 100%;
        margin-bottom: 3rem;
    }
    section #hero #hero-datos {
        padding-top: 12rem;
    }
    /*section #hero #hero-datos .icono-direcc {
        padding-left: 0;
        overflow: hidden;
    }
    section #hero #hero-datos .icono-direcc:before {
        width: 27.25rem;
        height: 21rem;
        position: static;
        float: left;
        transform: translateY(0);
    }
    section #hero #hero-datos .icono-direcc span {
        margin-top: 5rem;
        display: block;
    }
    section #hero #hero-datos .icono-direcc span + span {
        width: 59.25rem;
        margin-top: 7.5rem;
    }*/
    section .mapa {
        margin-top: 9.5rem;
    }
}