#top .flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#top .tecnologias-btns > div + div{
    margin-left: 9.75rem;
}
#top .tecnologia-btn,
#top .tecnologia-btn > span {
    display: block;
}
#top .tecnologia-btn > span {
    width: 100%;
    height: 100%;
    border: 0.375rem solid white;
    font-family: 'titling-gothic-fb-wide', sans-serif;
    font-weight: 500;    
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#middle {
    margin-bottom: 12.5rem;
}
#middle .tecnologia {
    display: none;
    /*visibility: hidden;*/
    position: relative;
}
#middle .tecnologia.act {
    display: block;
    /*visibility: visible;*/
}
#middle .section-subAbs {
    top: -23rem;
    left: 0;
}
#middle .flex {
    margin-top: 13rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#middle .div-video {
    width: 104.75rem;
    margin-top: 6.5rem;
    position: relative;
}
#middle .div-video video {
    width: 100%;
}
#middle .div-video .video-cont {
    padding: 0 10.75rem;
}
#middle .div-video .video-cont p:first-of-type {    
    padding: 3.25rem 10rem 6rem;
    border: 2.5rem solid rgba(51, 51, 51, 0.3);
    margin-top: -1rem;
    border-top: none;
    font-weight: bold;
    text-transform: uppercase;
}
#middle .div-video .video-cont p:first-of-type span {
    margin-bottom: 1.5rem;
    font-family: 'titling-gothic-fb-wide', sans-serif;
    font-weight: 500;    
    display: block;
}
#middle .div-video .video-cont p + p{
    margin-bottom: 6.75rem;
    font-family: 'titling-gothic-fb-wide', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.5;
}
#middle .div-video .div-btn + .div-btn {
    margin-top: 3.75rem;
}
#middle .div-video .div-btn .btn {
    width: 52.25rem;
}

#middle .div-descripcion {
    width: 134rem;
    padding: 12rem 18rem 15.5rem;
    margin-left: -7rem;
    background-color: black;
    font-weight: 300;
    position: relative;
    z-index: -1;
}
#middle .div-descripcion h3 {
    margin-bottom: 4.25rem;
    font-size: 3rem;
    font-weight: 500;
}

#middle .div-usos {
    width: 112rem;
    font-weight: 300;
    line-height: 1.4;
}
#middle .div-usos > div:first-of-type {
    padding: 5rem 10rem;
    border: 2.5rem solid rgba(51, 51, 51, 0.3);    
}
#middle .div-usos h3 {
    margin-bottom: 3.75rem;
    font-family: 'titling-gothic-fb-wide', sans-serif;
    font-size: 3rem;
    font-weight: 500;
}
#middle .div-usos > div:first-of-type h3 {
    text-transform: uppercase;
}
#middle .div-usos ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;    
}
#middle .div-usos ul li {
    /*padding-left: 5rem;*/
    margin-bottom: 2.5rem;
    position: relative;
}
#middle .div-usos ul li:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #30f529;
    position: absolute;
    left: -5rem;
    top: 1.5rem;
}
#middle .div-usos > div + div {
    padding: 7.5rem 12.5rem;
    margin-top: 9rem;    
}

#banner {
    padding: 11.5rem 0;
    background-image: url('../../images/estaticasFront/impresion-tecnologias-banner.jpg');
    position: relative;
}
#banner .container > div {
    width: 103.5rem;
    margin-left: auto;
    margin-right: 36rem; 
    position: relative;
}
#banner .container > div p{
    margin-bottom: 4.5rem;
    font-family: 'titling-gothic-fb-wide', sans-serif;
    font-weight: 500;
}
#formBottom .section-tit2 {
    font-size: 3.5rem;
    font-weight: 500;
}

@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) {
    #top .tecnologia-btns > div:first-of-type .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tencologia1@2x.jpg');
    }
    #top .tecnologia-btns > div:nth-of-type(2) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tencologia2@2x.jpg');
    }
    #top .tecnologia-btns > div:nth-of-type(3) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tencologia3@2x.jpg');
    }
    #top .tecnologia-btns > div:nth-of-type(4) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tencologia4@2x.jpg');
    }
    #top .tecnologia-btns > div:nth-of-type(5) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tencologia5@2x.jpg');
    }
    #top .tecnologia-btns > div:last-of-type .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tencologia6@2x.jpg');
    }
    #banner {
        background-image: url('../../images/estaticasFront/impresion-tecnologias-banner@2x.jpg');
    }
}

@media (max-width: 1399px) {
    #top .tecnologias-btns .tecnologia-btn {
        font-size: 3rem;
    }
    #middle .div-descripcion h3,
    #middle .div-usos h3 {
        font-size: 4rem;
    }
}
@media (max-width: 1099px) {
    #middle .div-video .div-btn .btn {
        width: auto;
    }
}
@media (min-width: 992px) {
    #top .tecnologia-btn {
        width: 37.5rem;
        height: 37.5rem;
        padding: 3rem;
        background-size: cover;
        background-position: center center;
        color: white;
    }
    #top .tecnologias-btns > div:first-of-type .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tecnologia1.jpg');
    }
    #top .tecnologias-btns > div:nth-of-type(2) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tecnologia2.jpg');
    }
    #top .tecnologias-btns > div:nth-of-type(3) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tecnologia3.jpg');
    }
    #top .tecnologias-btns > div:nth-of-type(4) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tecnologia4.jpg');
    }
    #top .tecnologias-btns > div:nth-of-type(5) .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tecnologia5.jpg');
    }
    #top .tecnologias-btns > div:last-of-type .tecnologia-btn {
        background-image: url('../../images/estaticasFront/impresion-tecnologia6.jpg');
    }
    .desktop #top .tecnologia-btn:focus > span,
    .desktop #top .tecnologia-btn:hover > span {
        background-color: rgba(0, 0, 0, 0.7);
    }
}
@media (max-width: 991px) {
    #top .tecnologias-btns > div:last-of-type .tecnologia-btn  {
        
    }
    .desktop #top .tecnologia-btn:hover,
    #top .tecnologia-btn:focus {
        background-color: white;
        color: black;
    }
    #top .tecnologia-btn > span {
        padding: 5rem;
        display: block;
    }
    #top .tecnologias-btns > div + div {
        margin-left: 5rem;
    }
    #middle .flex {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #middle .div-video,
    #middle .div-descripcion,
    #middle .div-usos{
        width: 100%;
    }
}
@media (min-width: 768px) {
    #banner:before {
        content: '';
        width: 100vw;
        height: 100%;
        background-image: url(../../images/layout/rayado-verde.png);
        background-position: left top;
        position: absolute;
        left: 332rem;
        top: 0;
    }
    #banner .container > div:before {
        content: '';
        width: 0.25rem;
        height: 100%;
        background-color: #30f529;
        position: absolute;
        left: -3.5rem;
        top: 0.5rem;
    }
}
@media (max-width: 767px) {
    #top .flex {
        margin-left: -1.25rem;
        margin-right: -1.25rem;   
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #top .flex > div {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin-bottom: 1.25rem;
    }    
    #top .tecnologias-btns > div + div {
        margin-left: 0;
    }
    #banner .container > div {
        width: 100%;
    }
}